Angular & NestJS Full Stack Web Development Bootcamp 2023

سرفصل های دوره

Learn Frontend, Backend, HTML, CSS, Javascript, Frameworks, UI/ UX, Database, Hosting in only 1 course!

1 - The Ecommerce Full Stack Web Development Bootcamp 2023 Introduction

1 - Introduction Hi Welcome to Ecommerce Full Stack Website Development Course

2 - Project Design Ideas Flow

3 - Local Development Environment set up

4 - Section 1 Wrap Up

2 - Lets prepare the Backend Basic HTML CSS and Javascript Introduction

5 - Introduction of NestJS

6 - Basic HTML CSS Javascript intro

7 - NestJS Environment Setup Postman

8 - Database Environment Setup PostgreSQL

9 - NodeS Express and Server Practice

10 - Create a new NestJS Project

11 - NestJS folder structure how each file works

12 - Database set up

13 - NestJS Database Visualization with LucidChart NestS CRUD Generator

14 - Section 2 Wrap Up

3 - NestJS Entity Service Controller and Fetch Data

15 - Section 3 intro

16 - NestJS Backend Lets build Entity View Database Table

17 - Additional Entity fixed Get method in Controller Service Implementation

18 - Create Method Implementation

19 - Fetch Data use Postman Demo Delete Method Implementation

20 - Update Method Implementation Update Data with Postman

21 - FindOne Method Implementation Find Data with Postman

22 - Section 3 Wrap Up

4 - Lets prepare the Frontend

23 - Section intro Angular Local Environment setup

24 - Angular Folder Structure Create Feature Module Productlist Component

25 - Angular Routing Product Component Routing

26 - Communicating Backend with Angular Service HTTP get Method

27 - Display Data in Productlist Component

28 - Google Fonts Product List page

29 - Prepare photosdownload resize upload to cloud for ProductListComponent

29 - bags-300-vkpy1ugw8.zip

29 - dress-300-dzbeb-oxo.zip

30 - Product List views Implementation with CSS

31 - Modification Product List Page

32 - 21789859-1-nero-removebg-preview-wgw5is-k3.zip

32 - 201868254-1-black-2b00csx.zip

32 - 202649543-1-pink-removebg-preview-vsv6qfveq.zip

32 - Build our new Product List page

32 - banner-dark-w5uq7dv5o.zip

32 - purse-removebg-preview-dg2f0tc4v.zip

33 - Use RouterLink to Initiate Navigation to a Route

34 - Tree Diagram ProductDetail Component add one more property into Backend

35 - Build DetailComponent Page

35 - Topic-35-back-end.zip

35 - Topic-35-front-end.zip

36 - Combine Landing Page with Product Home Page

36 - screen-shot-2022-06-01-at-1.04.22-am-lu5uc-xyw.zip

37 - Preparation Use Postman to write data to Backend

38 - Build new service get products by category from Backend

38 - Topic-38-back-end.zip

38 - Topic-38-front-end.zip

39 - Create SubCategory Component and display products by SubCategory

39 - Topic-39-back-end.zip

39 - Topic-39-front-end.zip

40 - Build our SubCategory Component Product List

40 - Topic-40-back-end.zip

40 - Topic-40-front-end.zip

41 - Fix ProductDetail Component UI Fetch data using Service

41 - Topic-41-back-end.zip

41 - Topic-41-front-end.zip

42 - Section 4 Wrap Up

5 - Lets build the Payment System

43 - Payment System Integration

44 - Install Git and Push the projects to Github

45 - Create a server on Digital Ocean Create a real world Postgres Database

46 - Use Terminal to log in into server basic setup SSH

47 - Host our Front end on the same server

48 - Insert data from PgAdmin4 Postman

49 - Section Wrap Up

6 - Lets build our Frontend Desktop Viewport

50 - Before-Topic-50-startscodes.zip

50 - Build Website Desktop Viewport Preparation

51 - Desktop view Home page CSS Grids

52 - Adjust Productbags Component Desktop Viewport CSS

52 - Topic-52-codes.zip

53 - Adjust subcategory Component Desktop view with CSS

53 - best-img.zip

53 - codes-Topic-53.zip

54 - Adjust Productdetail Component Desktop Viewport with CSS

54 - codes-Topic-54.zip

55 - Build a Responsive Navbar start from Productbags Component

55 - codes-Topic-55.zip

55 - logo-topic-55.zip

56 - Build a responsive Navbar Mobile menu

57 - Build Navbar Clothing Cosmetics Accessories Component

57 - Topic-57-codes.zip

57 - product-photos.zip

58 - Section Wrap Up

58 - Topic-58-codes.zip

7 - CRUD with Frontend Implementation

59 - Build Frontend Create Method Component Angular Reactive Form

59 - Topic-59-codes.zip

60 - Make SubCategory Component available for all Second Level Product Display

60 - Topic-60-codes.zip

61 - Delete Product Method Implementation

61 - Topic-61-codes.zip

62 - Edit Product Method Implementation

62 - Topic-62-codes.zip

63 - Section Wrap Up

63 - Topic-63-codes.zip

8 - User Authentication Authorization

64 - Topic-64-codes.zip

64 - User Authentication Implementation

65 - Topic-65-codes.zip

65 - User Authentication Implementation Part 2 JWT FunctionalityBack end NestJS

66 - Topic-66-codes.zip

66 - User Authentication Implementation Front End Auth Module

67 - Topic-67-codes.zip

67 - User Authorization Implementation With Roles

68 - Mix User Authorization User Authentication together to protect routes

68 - Topic-68-codes.zip

69 - Topic-69-codes.zip

69 - User AuthGuard With Angular FrontEnd

70 - Session Wrap up Course Roundup

70 - Topic-70-codes.zip

139,000 تومان

خرید اشتراک افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: Udemy-Training