Full-Stack Web Development with Angular and Express.js

Name: Full-Stack Web Development with Angular and Express.js
Rating: 4.4 (3 reviews)

Master modern full-stack web development by building responsive Angular apps and robust Express.js APIs from scratch.

Created byeTech School

Last updated 6/2025

English

What you'll learn

Build and manage dynamic front-end apps using Angular
Create components, use forms, apply directives, and manage routing
Integrate Bootstrap for responsive design
Develop scalable back-end services with Express.js
Use middleware, error handlers, and routing mechanisms
Integrate MongoDB and handle data operations with Mongoose
Implement JWT-based authentication and authorization
Test APIs using Thunder Client
Understand full-stack development workflow through practice tests and mini-projects

Course content

2 sections • 73 lectures • 6h 18m total length

Introduction to AngularJS4:36
AngularJS Key Features4:25
Getting started with AngularJS Part 12:49
Getting started with AngularJS Part 24:41
Angular Components and Templates Part 16:08
Angular Components and Templates Part 26:02
Angular Components and Templates Part 34:24
Routing in Angular - Creating Multiple Components5:57
Routing Components to URLs5:08
Routing via Base URL in Angular5:08
Exporting Routing Components5:40
Template Driven5:10
Creating Simple Reactive Forms in Angular6:13
Form Submission in Angular6:28
Understanding Directives in Angular5:05
Understanding Data Binding in Angular Part 14:57
Understanding Data Binding in Angular Part 25:47
Functioning of ngModel in Angular2:27
Mini Project on Angular Directive6:20
Mini Project on Array4:02
Angular Services and Dependency Injection Part 15:16
Angular Services and Dependency Injection Part 26:47
Authentication and Authorization in Angular5:55
Angular Directives and Custom Components Part 15:14
Angular Directives and Custom Components Part 24:46
Angular Directives and Custom Components Part 35:27
Angular Directives and Custom Components Part 42:15
State Management with NgRx Part 13:54
State Management with NgRx Part 24:36
State Management with NgRx Part 35:38
Bootstrap and Angular Js Part 15:00
Bootstrap and Angular Js Part 26:07

Introduction to Express.js5:44
Advantages of using Express.js6:11
Setting up an Express.js Project5:05
Understanding HTTP Methods and their Purposes6:58
Configuring Express.js to Handle Requests with HTTP Methods5:45
Implementing Route Handlers for Different HTTP Methods5:01
Defining Routes using Express.js Routing Mechanism Part 13:21
Defining Routes using Express.js Routing Mechanism Part 21:34
Manage Routes in Organized Manner Part 14:49
Manage Routes in Organized Manner Part 24:38
Extracting Route Parameters from URL Paths in Express.js4:46
Handling Optional and Dynamic Route Parameters5:02
Introduction to Thunder Client5:09
Setting up Requests in Thunder Client5:57
Sending HTTP Requests using Different Methods Part 17:02
Sending HTTP Requests using Different Methods Part 21:52
Sending HTTP Requests using Different Methods Part 31:52
Overview of Middleware and its Purpose in Express.js5:06
Middleware as Functions that Have Access to the Request Part 14:29
Middleware as Functions that Have Access to the Request Part 23:55
Writing Custom Middleware Functions6:10
Implementing Middleware at the Application5:34
Built-in Middleware vs. Custom Middleware5:12
Understanding the Different Types Express.js Application5:22
Implementing Error Middleware6:56
Handling Synchronous Errors using Try-Catch Blocks5:17
Creating Custom Error Middleware to Centralize Error Handling6:30
Status Codes Part 14:35
Status Codes Part 23:06
Introduction to Integrating Databases with Express.js6:13
Connecting Express.js to MongoDB5:56
Understanding the principles4:55
Implementing Create Part 16:09
Implementing Create Part 26:11
Implementing Create Part 35:43
Implementing Create Part 44:19
Understanding the Importance of user Authentication in Web Applications5:38
Introduction to JWT5:05
Generating JWT Tokens in Express.js7:17
Validating JWT Tokens in Express.js7:47
Storing and Managing JWT Tokens on the Client7:43
Section 1 and Section 2

Requirements

Basic knowledge of HTML, CSS, and JavaScript
Familiarity with command line and installing packages via npm
No prior experience with Angular or Express.js is necessary — we’ll teach from scratch!

Description

This course is a complete, hands-on guide to building modern full-stack web applications using Angular on the front end and Express.js on the back end. Whether you're aiming to build responsive UIs, manage complex state, or set up secure APIs, this course will equip you with the skills to confidently develop real-world applications. From foundational concepts to full project builds, we guide you through everything you need to thrive as a full-stack JavaScript developer.

Section 1: Angular Fundamentals – Building Responsive Web Apps with Ease

This section covers everything from the basics of AngularJS to creating dynamic and reactive user interfaces. You'll begin by understanding Angular’s structure and key features, then move on to components, templates, routing, forms (both template-driven and reactive), directives, and data binding. You’ll implement mini projects and explore advanced topics like dependency injection, authentication, and state management using NgRx. Bootstrap is also integrated for UI styling.

Section 2: ExpressJS Essentials – Building Modern Web APIs

Dive into the world of server-side development using Express.js. Learn to handle routing, manage middleware, organize your app structure, and implement RESTful APIs. You’ll explore tools like Thunder Client for testing HTTP requests and set up full CRUD operations with MongoDB integration. The section also covers authentication using JWT, error handling, and response status codes, making your API production-ready and secure.

By the end of this course, you’ll be fully equipped to build and deploy complete full-stack applications using Angular and Express.js. Whether you’re seeking a career in web development or aiming to build your own projects, this course gives you both the knowledge and practical experience to succeed in the modern development landscape.

Who this course is for:

Aspiring full-stack developers looking to master Angular and Express.js
Front-end developers who want to learn backend development
Backend developers aiming to understand client-side frameworks
Students preparing for interviews or job roles in modern web development
Entrepreneurs and freelancers looking to build web applications independently

Full-Stack Web Development with Angular and Express.js

What you'll learn

Explore related topics

Course content

Angular Fundamentals: Building Responsive Web Apps with Ease32 lectures • 2hr 42min

ExpressJS Essentials: Building Modern Web APIs41 lectures • 3hr 36min

Requirements

Description

Who this course is for: