Angular NestJS Full Stack Web Development Bootcamp 2023_1

Angular & NestJS Full Stack Web Development Bootcamp 2023, available at $59.99, has an average rating of 3, with 70 lectures, based on 15 reviews, and has 121 subscribers.

You will learn about 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 This course is ideal for individuals who are This course is for anyone who wants to learn about web development. or This course is design for any person who likes to build an entire website like Amazon or Ebay. or 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 It is particularly useful for This course is for anyone who wants to learn about web development. or This course is design for any person who likes to build an entire website like Amazon or Ebay. or 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.

Enroll now: Angular & NestJS Full Stack Web Development Bootcamp 2023

Summary

Title: Angular & NestJS Full Stack Web Development Bootcamp 2023

Price: $59.99

Average Rating: 3

Number of Lectures: 70

Number of Published Lectures: 70

Number of Curriculum Items: 70

Number of Published Curriculum Objects: 70

Original Price: $19.99

Quality Status: approved

Status: Live

What You Will 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 Should Attend

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

Target Audiences

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

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 Uploadand 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!

Course Curriculum

Chapter 1: The E-commerce Full Stack Web Development Bootcamp 2023 Introduction

Lecture 1: Introduction – Hi! Welcome to E-commerce Full Stack Website Development Course!

Lecture 2: Project Design Ideas & Flow

Lecture 3: Local Development Environment set up

Lecture 4: Section 1 Wrap Up

Chapter 2: Lets prepare the Backend & Basic HTML, CSS and Javascript Introduction

Lecture 1: Introduction of NestJS

Lecture 2: Basic HTML, CSS, Javascript intro

Lecture 3: NestJS Environment Setup & Postman

Lecture 4: Database Environment Setup & PostgreSQL

Lecture 5: NodeS, Express and Server Practice

Lecture 6: Create a new NestJS Project

Lecture 7: NestJS folder structure & how each file works

Lecture 8: Database set up

Lecture 9: NestJS Database Visualization with LucidChart & NestS CRUD Generator

Lecture 10: Section 2 Wrap Up

Chapter 3: NestJS Entity, Service & Controller and Fetch Data

Lecture 1: Section 3 intro

Lecture 2: NestJS Backend – Lets build Entity & View Database Table

Lecture 3: Additional Entity fixed & Get method in Controller & Service Implementation

Lecture 4: Create() Method Implementation

Lecture 5: Fetch Data use Postman Demo & Delete() Method Implementation

Lecture 6: Update() Method Implementation & Update Data with Postman

Lecture 7: FindOne() Method Implementation & Find Data with Postman

Lecture 8: Section 3 Wrap Up

Chapter 4: Lets prepare the Frontend

Lecture 1: Section intro & Angular Local Environment set-up

Lecture 2: Angular Folder Structure & Create Feature Module, Product-list Component

Lecture 3: Angular Routing & Product Component Routing

Lecture 4: Communicating Backend with Angular Service & HTTP get() Method

Lecture 5: Display Data in Product-list Component

Lecture 6: Google Fonts & Product List page

Lecture 7: Prepare photos(download, resize, upload to cloud) for Product-List-Component

Lecture 8: Product List views Implementation with CSS

Lecture 9: Modification – Product List Page

Lecture 10: Build our new Product List page

Lecture 11: Use [RouterLink] to Initiate Navigation to a Route.

Lecture 12: Tree Diagram, Product-Detail Component, add one more property into Backend

Lecture 13: Build Detail-Component Page

Lecture 14: Combine Landing Page with Product Home Page

Lecture 15: Preparation – Use Postman to write data to Backend

Lecture 16: Build new service (get products by category) from Backend

Lecture 17: Create Sub-Category Component and display products by SubCategory

Lecture 18: Build our Sub-Category Component Product List

Lecture 19: Fix Product-Detail Component UI & Fetch data using Service

Lecture 20: Section 4 Wrap Up

Chapter 5: Lets build the Payment System

Lecture 1: Payment System Integration

Lecture 2: Install Git and Push the projects to Github.

Lecture 3: Create a server on Digital Ocean & Create a real world Postgres Database

Lecture 4: Use Terminal to log in into server & basic setup (SSH)

Lecture 5: Host our Front end on the same server.

Lecture 6: Insert data from PgAdmin4 + Postman

Lecture 7: Section Wrap Up

Chapter 6: Lets build our Frontend Desktop Viewport!

Lecture 1: Build Website Desktop Viewport (Preparation)

Lecture 2: Desktop view Home page & CSS Grids

Lecture 3: Adjust Product-bags Component Desktop Viewport CSS

Lecture 4: Adjust sub-category Component Desktop view with CSS

Lecture 5: Adjust Product-detail Component Desktop Viewport with CSS

Lecture 6: Build a Responsive Nav-bar (start from Product-bags Component)

Lecture 7: Build a responsive Nav-bar (Mobile menu)

Lecture 8: Build Nav-bar, Clothing, Cosmetics, Accessories Component

Lecture 9: Section Wrap Up

Chapter 7: CRUD with Frontend Implementation

Lecture 1: Build Front-end Create Method Component & Angular Reactive Form

Lecture 2: Make Sub-Category Component available for all Second Level Product Display

Lecture 3: Delete Product Method Implementation

Lecture 4: Edit Product Method Implementation

Lecture 5: Section Wrap Up

Chapter 8: User Authentication & Authorization

Lecture 1: User Authentication Implementation

Lecture 2: User Authentication Implementation Part 2 – JWT Functionality(Back end & NestJS)

Lecture 3: User Authentication Implementation (Front End & Auth Module)

Lecture 4: User Authorization Implementation With Roles

Lecture 5: Mix User Authorization & User Authentication together to protect routes

Lecture 6: User AuthGuard With Angular – FrontEnd

Lecture 7: Session Wrap up & Course Roundup

Instructors

App Ready
Learn how to build Website!

Rating Distribution

1 stars: 3 votes

2 stars: 1 votes

3 stars: 2 votes

4 stars: 2 votes

5 stars: 7 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!