Ultimate Full Stack Web Dev 2024: Angular & NestJS Pro
Focused View
23:31:26
1 -Introduction - Hi! Welcome to E-commerce Full Stack Website Development Course!.mp4
01:32
2 -Project Design Ideas & Flow.mp4
07:18
3 -Local Development Environment set up.mp4
02:07
4 -Section 1 Wrap Up.mp4
01:45
1 -Introduction of NestJS.mp4
06:53
2 -Basic HTML, CSS, Javascript intro.mp4
15:56
3 -NestJS Environment Setup & Postman.mp4
06:07
4 -Database Environment Setup & PostgreSQL.mp4
03:05
5 -NodeS, Express and Server Practice.mp4
16:43
6 -Create a new NestJS Project.mp4
05:53
7 -NestJS folder structure & how each file works.mp4
17:27
8 -Database set up.mp4
09:27
9 -NestJS Database Visualization with LucidChart & NestS CRUD Generator.mp4
17:10
10 -Section 2 Wrap.mp4
02:36
1 -NestJS Backend - Lets build Entity & View Database Table.mp4
00:47
2 -Additional Entity fixed & Get method in Controller & Service Implementation.mp4
15:50
3 -Create() Method Implementation.mp4
13:30
4 -Fetch Data use Postman Demo & Delete ) Method Implementation.mp4
19:02
5 -Update ) Method Implementation & Update Data with Postman.mp4
14:29
6 -FindOne() Method Implementation & Find Data with Postman.mp4
26:48
7 -Section 3 Wrap Up.mp4
07:05
1 -Section intro & Angular Local Environment set-up.mp4
02:07
2 -Angular Folder Structure & Create Feature Module, Product-list Component.mp4
06:18
3 -Angular Routing & Product Component Routing.mp4
19:00
4 -Communicating Backend with Angular Service & HTTP get() Method.mp4
21:14
5 -Display Data in Product-list Component.mp4
21:56
6 -Google Fonts & Product List page.mp4
26:16
7 -Prepare photos(download, resize, upload to cloud) for Product-List-Component.mp4
35:02
8 -Product List views Implementation with CSS.mp4
14:40
9 -Modification - Product List Page.mp4
23:22
10 -Build our new Product List page.mp4
06:20
11 -Use [RouterLink] to Initiate Navigation to a Route.mp4
17:30
12 -Tree Diagram, Product-Detail Component, add one more property into Backend.mp4
05:12
13 -Build Detail-Component Page.mp4
21:39
14 -Combine Landing Page with Product Home Page.mp4
23:37
14 -back-end.zip
14 -front-end.zip
15 -Preparation - Use Postman to write data to Backend.mp4
23:48
16 -Build new service (get products by category) from Backend.mp4
10:04
17 -Create Sub-Category Component and display products by SubCategory.mp4
23:15
17 -back-end.zip
17 -front-end.zip
18 -Build our Sub-Category Component Product List.mp4
27:50
18 -back-end.zip
18 -front-end.zip
19 -Fix Product-Detail Component Ul & Fetch data using Service.mp4
33:43
19 -back-end.zip
19 -front-end.zip
20 -Section 4 Wrap Up.mp4
20:12
20 -back-end.zip
20 -front-end.zip
1 -Payment System Integration.mp4
02:30
2 -Install Git and Push the projects to Github.mp4
34:50
3 -Create a server on Digital Ocean & Create a real world Postgres Database.mp4
14:42
4 -Use Terminal to log in into server & basic setup (SSH).mp4
12:39
5 -Host our Front end on the same server.mp4
24:31
6 -Insert data from PgAdmin4 + Postman.mp4
17:40
7 -Section Wrap Up.mp4
11:12
1 -Build Website Desktop Viewport (Preparation).mp4
06:49
2 -Before Topic 50 endcodes.zip
2 -Before Topic 50 startscodes.zip
2 -Desktop view Home page & CSS Grids.mp4
08:00
3 -Adjust Product-bags Component Desktop Viewport CSS.mp4
35:03
4 -Adjust sub-category Component Desktop view with CSS.mp4
07:15
4 -Topic 52 codes.zip
5 -Adjust Product-detail Component Desktop Viewport with CSS.mp4
23:52
5 -codes.zip
6 -Build a Responsive Nav-bar (start from Product-bags Component).mp4
42:15
7 -Build a responsive Nav-bar (Mobile menu).mp4
32:00
8 -Build Nav-bar, Clothing, Cosmetics, Accessories Component.mp4
44:49
9 -Section Wrap Up.mp4
35:26
1 -Build Front-end Create Method Component & Angular Reactive Form.mp4
03:24
1 -codes.zip
2 -Make Sub-Category Component available for all Second Level Product Display.mp4
44:13
2 -codes.zip
3 -Delete Product Method Implementation.mp4
23:32
4 -Edit Product Method Implementation.mp4
23:02
4 -codes.zip
5 -Section 7 Wrap Up.mp4
48:24
1 -User Authentication Implementation.mp4
03:21
1 -codes.zip
2 -User Authentication Implementation Part 2 - JWT Functionality(Back end & NestJS).mp4
01:10:18
2 -codes.zip
3 -User Authorization Implementation With Roles.mp4
38:23
3 -codes.zip
4 -Mix User Authorization & User Authentication together to protect routes.mp4
56:54
4 -codes.zip
5 -User AuthGuard With Angular - FrontEnd.mp4
58:20
5 -codes.zip
6 -Session Wrap up & Course Roundup.mp4
01:33:27
6 -codes.zip
More details
Course Overview
Master full stack web development by building a complete e-commerce website using Angular and NestJS. This comprehensive bootcamp covers everything from HTML/CSS basics to advanced payment system integration, giving you real-world skills in just one course.
What You'll Learn
- Build responsive UIs with Angular and design principles
- Create robust backend APIs with NestJS and PostgreSQL
- Implement payment systems and deploy to production servers
Who This Is For
- Aspiring full-stack developers wanting project experience
- Entrepreneurs needing to build e-commerce platforms
- Frontend/backend devs expanding their skill sets
Key Benefits
- Hands-on Amazon-like project with downloadable code
- Includes UI/UX design and database visualization
- Covers deployment to Digital Ocean with Git
Curriculum Highlights
- Backend setup with NestJS and Postman
- Frontend development with Angular services
- Payment integration and production deployment
Focused display
Category
- language english
- Training sessions 68
- duration 23:31:26
- Release Date 2025/06/03