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

“Build a JavaScript AI App with React and the OpenAI API” به سبد خرید شما اضافه شد. مشاهده سبد خرید

189,000 تومان

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

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

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

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