Angular & NestJS Full Stack Web Development Bootcamp 2023

Focused View

App Ready

24:03:41

257 View

1 - The Ecommerce Full Stack Web Development Bootcamp 2023 Introduction

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

01:36

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

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

5 - Introduction of NestJS.mp4

06:53

6 - Basic HTML CSS Javascript intro.mp4

15:56

7 - NestJS Environment Setup Postman.mp4

06:07

8 - Database Environment Setup PostgreSQL.mp4

03:05

9 - NodeS Express and Server Practice.mp4

16:43

10 - Create a new NestJS Project.mp4

05:53

11 - NestJS folder structure how each file works.mp4

17:27

12 - Database set up.mp4

09:27

13 - NestJS Database Visualization with LucidChart NestS CRUD Generator.mp4

17:10

14 - Section 2 Wrap Up.mp4

02:36

3 - NestJS Entity Service Controller and Fetch Data

15 - Section 3 intro.mp4

00:47

16 - NestJS Backend Lets build Entity View Database Table.mp4

15:50

17 - Additional Entity fixed Get method in Controller Service Implementation.mp4

13:30

18 - Create Method Implementation.mp4

19:02

19 - Fetch Data use Postman Demo Delete Method Implementation.mp4

14:29

20 - Update Method Implementation Update Data with Postman.mp4

26:48

21 - FindOne Method Implementation Find Data with Postman.mp4

07:05

22 - Section 3 Wrap Up.mp4

02:07

4 - Lets prepare the Frontend

23 - Section intro Angular Local Environment setup.mp4

06:18

24 - Angular Folder Structure Create Feature Module Productlist Component.mp4

19:00

25 - Angular Routing Product Component Routing.mp4

21:14

26 - Communicating Backend with Angular Service HTTP get Method.mp4

21:56

27 - Display Data in Productlist Component.mp4

26:16

28 - Google Fonts Product List page.mp4

35:02

29 - Prepare photosdownload resize upload to cloud for ProductListComponent.mp4

14:40

29 - bags-300-vkpy1ugw8.zip

29 - dress-300-dzbeb-oxo.zip

30 - Product List views Implementation with CSS.mp4

23:22

31 - Modification Product List Page.mp4

06:20

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.mp4

17:30

32 - banner-dark-w5uq7dv5o.zip

32 - purse-removebg-preview-dg2f0tc4v.zip

33 - Use RouterLink to Initiate Navigation to a Route.mp4

05:12

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

21:39

35 - Build DetailComponent Page.mp4

23:37

35 - Topic-35-back-end.zip

35 - Topic-35-front-end.zip

36 - Combine Landing Page with Product Home Page.mp4

23:48

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

37 - Preparation Use Postman to write data to Backend.mp4

10:04

38 - Build new service get products by category from Backend.mp4

23:15

38 - Topic-38-back-end.zip

38 - Topic-38-front-end.zip

39 - Create SubCategory Component and display products by SubCategory.mp4

27:50

39 - Topic-39-back-end.zip

39 - Topic-39-front-end.zip

40 - Build our SubCategory Component Product List.mp4

33:43

40 - Topic-40-back-end.zip

40 - Topic-40-front-end.zip

41 - Fix ProductDetail Component UI Fetch data using Service.mp4

20:12

41 - Topic-41-back-end.zip

41 - Topic-41-front-end.zip

42 - Section 4 Wrap Up.mp4

02:30

5 - Lets build the Payment System

43 - Payment System Integration.mp4

34:50

44 - Install Git and Push the projects to Github.mp4

14:42

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

12:39

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

24:31

47 - Host our Front end on the same server.mp4

17:40

48 - Insert data from PgAdmin4 Postman.mp4

11:12

49 - Section Wrap Up.mp4

06:49

6 - Lets build our Frontend Desktop Viewport

50 - Before-Topic-50-startscodes.zip

50 - Build Website Desktop Viewport Preparation.mp4

08:00

51 - Desktop view Home page CSS Grids.mp4

35:03

52 - Adjust Productbags Component Desktop Viewport CSS.mp4

07:15

52 - Topic-52-codes.zip

53 - Adjust subcategory Component Desktop view with CSS.mp4

23:52

53 - best-img.zip

53 - codes-Topic-53.zip

54 - Adjust Productdetail Component Desktop Viewport with CSS.mp4

42:15

54 - codes-Topic-54.zip

55 - Build a Responsive Navbar start from Productbags Component.mp4

32:00

55 - codes-Topic-55.zip

55 - logo-topic-55.zip

56 - Build a responsive Navbar Mobile menu.mp4

44:49

57 - Build Navbar Clothing Cosmetics Accessories Component.mp4

35:26

57 - Topic-57-codes.zip

57 - product-photos.zip

58 - Section Wrap Up.mp4

03:24

58 - Topic-58-codes.zip

7 - CRUD with Frontend Implementation

59 - Build Frontend Create Method Component Angular Reactive Form.mp4

44:13

59 - Topic-59-codes.zip

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

23:32

60 - Topic-60-codes.zip

61 - Delete Product Method Implementation.mp4

23:02

61 - Topic-61-codes.zip

62 - Edit Product Method Implementation.mp4

48:24

62 - Topic-62-codes.zip

63 - Section Wrap Up.mp4

03:21

63 - Topic-63-codes.zip

8 - User Authentication Authorization

64 - Topic-64-codes.zip

64 - User Authentication Implementation.mp4

01:10:18

65 - Topic-65-codes.zip

65 - User Authentication Implementation Part 2 JWT FunctionalityBack end NestJS.mp4

38:23

66 - Topic-66-codes.zip

66 - User Authentication Implementation Front End Auth Module.mp4

56:54

67 - Topic-67-codes.zip

67 - User Authorization Implementation With Roles.mp4

58:20

68 - Mix User Authorization User Authentication together to protect routes.mp4

01:33:27

68 - Topic-68-codes.zip

69 - Topic-69-codes.zip

69 - User AuthGuard With Angular FrontEnd.mp4

28:06

70 - Session Wrap up Course Roundup.mp4

04:05

70 - Topic-70-codes.zip

Description

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

What You'll Learn?

You will learn Front-end and Back-end development in this course.
You will learn HTML, CSS, Javascript, Database, Angular (Web application framework), Web-design, UI & UX in this course.
As we go through the basic knowledges of Web development in this course, you will build a real world E-commerce website along the way.
You will learn extra skills of build a complete website such as design a logo, images adjustment, payment system integration such PayPal.
You will learn all the necessary technologies to build this entire project & you can still learn the basics along the way

Who is this for?

This course is for anyone who wants to learn about web development.

This course is design for any person who likes to build an entire website like Amazon or Ebay.

The course will cover the most essential topics such as: web frameworks, database, web hosting, design & UI/UX, if you are interesting in such topics and wanted to build a entire project with me, take this course

More details

Description
Hi! Welcome to The Angular & NestJS E-Commerce Full Stack Web Development Bootcamp 2023!
This course is focused on building a real world application,
We will build a full stack website which will cover tons of tools and technologies including:

HTML5
CSS3
UI / UX
Responsive Design
Figma
Front End Framework - Angular
Back End - NestJS
NodeJS Basics
VS Code
NPM
REST API
Database - Postgres
Database Associations
Database Visualization
Database Schema Design
TypeORM
User Authentication
Admin Authorization
User & Admin Roles
Developer Best Practices
Cookies & Sessions
Web Hosting (Real World Scenario)
App Deployment and Terminal (Real World Scenario)
Image Upload and Storage (Online)
Image Resized and CropÂ (Online)
Logo Design and EditingÂ (Online)

Through the course we will be discussing all those topics above by building the entire Full Stack Project, an E-commerce Website.
We will explain every topic, including basic web design, responsive design, how to structure the entire website including Frontend and Backend with production database, and deploy the website in only 1 course.
Because through the years in the web development industry I have realized that most of the courses are either focused on only one topic (which means you have to purchase multiple courses in the future to continue the web development journey, or the lack of compiling all the technologies to build a real world application / website. Students usually have to learn things they don't even need, or some technologies are outdated (most people might not even use them), which is wasting a lot of valuable time.

That's why I built this course:
1 course includes the necessary parts for building an entire real world project.

If you have any questions, please don't hesitate to contact me.
Sign up today and see how fun, exciting, and rewarding web development can be!
Who this course is for:
This course is for anyone who wants to learn about web development.
This course is design for any person who likes to build an entire website like Amazon or Ebay.
The course will cover the most essential topics such as: web frameworks, database, web hosting, design & UI/UX, if you are interesting in such topics and wanted to build a entire project with me, take this course

User Reviews

Rating

average 0

Total votes0

Focused display

Web Development

Angular

Full Stack Web Development

App Ready

Instructor's Courses

Hi. Welcome to AppReady courses.You can learn how to build a website with all the newest technology from the industry. We focus on HTML5, CSS3, Javascript, web framework(including React, Angular and Vue), UI/UX design, and more.We also focus more on building full stack website, which includes frontend to backend, database in just one course, so you don't have to purchase multiple courses just to build only one website.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.