HOME > Development > The Modern Angular Bootcamp

The Modern Angular Bootcamp

  • Development
  • Apr 22, 2025
SynopsisThe Modern Angular Bootcamp, available at $109.99, has an ave...
The Modern Angular Bootcamp  No.1

The Modern Angular Bootcamp, available at $109.99, has an average rating of 4.67, with 513 lectures, 5 quizzes, based on 4441 reviews, and has 27272 subscribers.

You will learn about Build amazing single page applications with Angular and Typescript Master fundamental concepts behind structuring Angular applications Realize the power of building composable components Be the engineer who explains how Angular works to everyone else, because you know the fundamentals so well Build a portfolio of projects to show any potential employer Architect large apps effectively using Typescript + Angulars Module system Handle and process data declaratively using RxJs This course is ideal for individuals who are Anyone looking to learn more about Angular It is particularly useful for Anyone looking to learn more about Angular.

Enroll now: The Modern Angular Bootcamp

Summary

Title: The Modern Angular Bootcamp

Price: $109.99

Average Rating: 4.67

Number of Lectures: 513

Number of Quizzes: 5

Number of Published Lectures: 511

Number of Published Quizzes: 5

Number of Curriculum Items: 518

Number of Published Curriculum Objects: 516

Original Price: $199.99

Quality Status: approved

Status: Live

What You Will Learn

  • Build amazing single page applications with Angular and Typescript
  • Master fundamental concepts behind structuring Angular applications
  • Realize the power of building composable components
  • Be the engineer who explains how Angular works to everyone else, because you know the fundamentals so well
  • Build a portfolio of projects to show any potential employer
  • Architect large apps effectively using Typescript + Angulars Module system
  • Handle and process data declaratively using RxJs
  • Who Should Attend

  • Anyone looking to learn more about Angular
  • Target Audiences

  • Anyone looking to learn more about Angular
  • If you want to build large, scalable apps, Angular is the Javascript framework to learn!

    Angular has been under development by Google for nearly a full decade.  It has one purpose: scale up to gracefully handle the largest and most complex web apps around.  If you want to build a big app, Angular is the way to go. Every other course online around Angular shows you how to use the basic syntax and featuresof Angular, but only this course will show you how to build large, professional projects using Angular. 

    Mastering Angular by reading the documentation alone is challenging.  The official documentation always offers multiple ways to achieve any simple task, but never clarifies what the best way to do something is.  In this course, you will gain a fundamental understanding of the best way to achieve any goal with Angular, along with an explanation of the pros and cons of each possible approach.

    Top companies are hungry for Angular developers.  You’ve probably heard of the crazy salaries being offered for front-end developers.  The average starting salary for an Angular developer is $115k USD.  That is not an exaggeration, it is not a joke – this is how badly employers are looking for Angular developers.  You can be the latest hire at a new tech startup, a fantastic engineer with amazing skills in Angular!  All you have to do to earn this salary is understand Angular, and this course will help you do that.

    Learning Angular will make you a better software engineer.  Here’s the little secret of Angular that nobody tells you about: Angular is really three different topics in one!  You’ve got Angular itself, Typescript, and RxJs.  Learning Angular isn’t just about Angular, its about Typescript and RxJs as well!  Typescript’s goal is to help you catch errors quickly during development, rather than when you are running your app, while RxJs has a goal of helping you manage data transparently throughout your application.  Understanding Typescript and RxJS will undoubtedly help you become a more knowledgeable, productive, and successful engineer.  Note that you do not need any prior experience with Typescript or RxJs to take this course – I will teach you everything you need to know!

    Planning on building your own apps? This course will give you a countless number of reusable code snippets that you can utilize on your own personal projects, saving you valuable time.  Angular is all about code reusability, and this course will get you started on the right track.  Not only will you get incredibly reusable code, but you’ll also learn to integrate multiple different CSS frameworks with Angular, so you can get some custom styling that suits the needs of your app.

    Learn from someone who has worked with Angular since its 1.0 release.  I have worked with Angular since version 1.0, released many years ago.  I’ve seen an incredible number of design patterns and approaches, and I’ve narrowed down that list to the critical topics that you need to understand.  Rather than showing you every last tiny feature of Angular, you’ll learn only the best way to achieve any given task.

    But don’t just take my word for it – check out the reviews for this course!  You’ll see that other engineers – just like yourself – have had great success and acquired a new understanding of how to build large web apps using Angular.

    What You’ll Learn

    This is a long course, with just about every fact about Angular you could ever hope to know. Here’s a brief subset of the topics you’ll cover:

  • Master the fundamentals of Angular, including components, services, pipes, and directives

  • Create reusable components that you can plug-and-play to create dynamic, complex apps

  • Understand how to design and architect large apps, with a careful eye on code maintainability

  • Build modular appsthat can easily be updated and changed

  • Get a handle on performance by leveraging lazy loading, supercharging the speed of your apps

  • Take a look at Typescript, which will help you write perfect code the first time, rather than encountering errors in the browser

  • Use RxJs to declaratively manage datathroughout your app, leveraging built-in functions to transform your data

  • Connect to backend databases like MySQL, Postgres, or MS SQL Server to add data to your app

  • Understand how to handle security in your Angular code

  • And so much more!

  • This course is the resource that I wish I had when I was learning Angular – a course that is up-to-date, complete, and full of practical examples.  I learned Angular years ago before any courses like this existed.  Now you can learn at 10x the speed I did. Sign up today, master Angular, and get a job as a Software Engineer!

    Course Curriculum

    Chapter 1: Welcome! Start Here!

    Lecture 1: How to Get Help

    Lecture 2: Course Resources

    Lecture 3: Join Our Community!

    Lecture 4: Intro – Our First App

    Lecture 5: A Few Questions Answered

    Lecture 6: Environment Setup – Node JS

    Lecture 7: Environment Setup – Angular CLI

    Lecture 8: Environment Setup – Visual Studio Code

    Chapter 2: Understanding Angular Template Syntax

    Lecture 1: Project Overview

    Lecture 2: Starting and Stopping an Angular Project

    Lecture 3: Updating a Component Template

    Lecture 4: Event Binding Syntax

    Lecture 5: Property Binding Syntax

    Lecture 6: Interpolation Syntax

    Lecture 7: Angular vs JavaScript Design Patterns

    Lecture 8: Tracking Input State

    Lecture 9: Tracking Additional Properties

    Lecture 10: Handling Text Input

    Lecture 11: Generating a Random Password

    Lecture 12: Review on Property Binding

    Lecture 13: Adding Third Party CSS

    Lecture 14: CSS Import Statements

    Lecture 15: Adding Some Styling

    Lecture 16: Structural Directives

    Lecture 17: Deploying Angular Apps

    Lecture 18: Terminology Review

    Chapter 3: Building Components

    Lecture 1: App Overview

    Lecture 2: Project Setup

    Lecture 3: A Quick HTML Dump

    Lecture 4: Adding Static Files to Angular

    Lecture 5: Scoped CSS Files

    Lecture 6: Components in Angular

    Lecture 7: Creating Components

    Lecture 8: How Angular Creates Components

    Lecture 9: More on CSS Scoping

    Lecture 10: Tying Data to a Component

    Lecture 11: Accepting Data in a Child Component

    Lecture 12: Communicating from Parent to Child

    Lecture 13: Fixing Template References

    Lecture 14: Building Lists with NgFor

    Lecture 15: Two Notes on NgFor

    Lecture 16: Host Element Selectors

    Lecture 17: Deployment and Review

    Chapter 4: Exercise! Building a Typing Game

    Lecture 1: App Overview

    Lecture 2: Initial Steps

    Lecture 3: Adding CSS

    Lecture 4: IMPORTANT Info About Faker Installation

    Lecture 5: Displaying Content

    Lecture 6: Randomly Generating Text

    Lecture 7: Handling User Input

    Lecture 8: Conditional Display

    Lecture 9: Character by Character Comparison

    Lecture 10: Styling by Comparison

    Chapter 5: Mastering Pipes

    Lecture 1: Pipes Overview

    Lecture 2: Adding an Input

    Lecture 3: Pipes in Action

    Lecture 4: A Touch of Styling

    Lecture 5: Adding a Date Picker

    Lecture 6: Formatting Dates

    Lecture 7: Displaying Currency

    Lecture 8: Formatting the Currency

    Lecture 9: Formatting Numbers

    Lecture 10: Displaying JSON

    Lecture 11: Creating Custom Pipes

    Lecture 12: Custom Arguments

    Lecture 13: Two Neat Things with Pipes

    Chapter 6: Directives in Angular

    Lecture 1: App Overview

    Lecture 2: App Setup

    Lecture 3: Getting Some Data

    Lecture 4: Review on NgFor

    Lecture 5: The NgClass Directive

    Lecture 6: More on NgClass

    Lecture 7: Conditionally Disabling Buttons

    Lecture 8: Changes Pages

    Lecture 9: Displaying Images

    Lecture 10: Reminder on NgIf

    Lecture 11: Multiple Directives with Ng-Container

    Lecture 12: NgSwitch

    Lecture 13: Generating Custom Directives

    Lecture 14: Accessing Elements from a Custom Directive

    Lecture 15: Communicating Properties to Directives

    Lecture 16: Intercepting a Property Assignment

    Lecture 17: Input Aliasing

    Lecture 18: Replacing NgClass

    Lecture 19: Custom Structural Directives

    Lecture 20: Context in Structural Directives

    Chapter 7: The Module System

    Lecture 1: App Overview

    Lecture 2: Tackling Some Challenges

    Lecture 3: Modules Overview

    Lecture 4: Generating Modules

    Instructors

  • The Modern Angular Bootcamp  No.2
    Stephen Grider
    Engineering Architect
  • Rating Distribution

  • 1 stars: 40 votes
  • 2 stars: 45 votes
  • 3 stars: 230 votes
  • 4 stars: 1159 votes
  • 5 stars: 2967 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!