https://teknolabs.net/courses/web-academy/full-stack-web-app/index.html Lab objective: build a complete web application step by step, from the user interface to the database and deployment. Prerequisites: basics of HTML, CSS and JavaScript; Node.js and Git installed. TP1: Getting Started, Environment and Front-End Material: TP-Part1-Angular-NextJs Estimated duration: 2 h Objectives Set up the development environment Build the application’s user interface Steps Install and configure the tools (Node.js, Git, code editor) Initialize the project and the folder structure Create the main pages in HTML/CSS Add interactivity with JavaScript (or a front-end framework) Version the code with Git Deliverable: a working interface with static data. Hugo en-us Mon, 01 Jan 0001 00:00:00 +0000 https://teknolabs.net/courses/web-academy/full-stack-web-app/tp1-angular-nextjs/index.html Mon, 01 Jan 0001 00:00:00 +0000 https://teknolabs.net/courses/web-academy/full-stack-web-app/tp1-angular-nextjs/index.html Next: Part II - Express, PostgreSQL & Prisma · Part III - Angular, Express & MongoDB Learning objectives By the end of this lab you will be able to: create and run an Angular and a Next.js project, and explain their folder structure build pages, a shared layout and navigation (declarative and programmatic) in both frameworks read route parameters and share data between components (parent → child, child → parent) call a REST API and display loading / error states build and validate a form compare the two frameworks (rendering model, state, HTTP, forms) containerize both applications with Docker Prerequisites: HTML, CSS, JavaScript/TypeScript basics, a terminal, Git, Docker Desktop installed. https://teknolabs.net/courses/web-academy/full-stack-web-app/tp2-express-postgresql/index.html Mon, 01 Jan 0001 00:00:00 +0000 https://teknolabs.net/courses/web-academy/full-stack-web-app/tp2-express-postgresql/index.html Previous: Part I - Angular & Next.js · Next: Part III - Angular, Express & MongoDB (NoSQL variant) In Part I you consumed a public API (dummyjson). In this part you build your own REST API with Node.js and Express, store the data in PostgreSQL through the Prisma ORM, then connect your Angular and Next.js applications to it. Learning objectives explain what a REST API is (resources, HTTP verbs, status codes) structure an Express application in layers (routes, services, data access) model a database with Prisma, create and apply migrations, seed data validate incoming data (Zod), handle errors, log requests connect Angular and Next.js to the API (CORS, environment variables) run the whole stack (database, API, 2 front-ends) with Docker Compose Prerequisites: Part I, Docker Desktop, basic SQL (tables, primary/foreign keys). https://teknolabs.net/courses/web-academy/full-stack-web-app/tp3-angular-express-mongodb/index.html Mon, 01 Jan 0001 00:00:00 +0000 https://teknolabs.net/courses/web-academy/full-stack-web-app/tp3-angular-express-mongodb/index.html Previous: Part I - Angular & Next.js · Part II - Express, PostgreSQL & Prisma In this part you build a small full stack application, “Appareils” (home appliances manager): an Angular + Bootstrap front-end, a Node.js/Express REST API and a MongoDB database (NoSQL) accessed with Mongoose. It revisits what you saw in Parts I and II with another data model and another database, so you can compare them. Learning objectives build an Angular application with Bootstrap: components, data binding, events, services, routing build an Express REST API on top of MongoDB with Mongoose connect the front-end and the back-end (HTTP client, CORS) compare a relational approach (PostgreSQL + Prisma, Part II) with a document approach (MongoDB + Mongoose) Prerequisites: Part I (Angular basics, routing, HTTP) and Part II (REST, Express). Docker Desktop (or a free MongoDB Atlas account).