JavaScript developers
You can write JavaScript, but you want a clear framework to build fast, reactive browser apps without reinventing structure for every project.
Angular Essentials (Angular 2+ with TypeScript)
The most efficient way to dive into Angular 2+ if you got limited time or need to refresh the basics!
Course Overview
About This Course
You know JavaScript, but building a truly reactive browser app still feels like a pile of moving parts. You want structure, speed, and a UI that responds instantly—without stitching together a dozen patterns on your own.
This course gives you a focused, time-efficient entry into Angular by concentrating on the framework’s core ideas and the workflow you’ll actually use day to day. You’ll move from “what is Angular?” to a working approach quickly, with TypeScript introduced in a streamlined way so you can follow along without getting stuck.
By the end, you’ll be able to create a complete Angular single-page application that runs entirely in the browser, handles user interaction, communicates with a backend via HTTP, and is ready to ship. You’ll also know how to troubleshoot issues as you build, so you’re not blocked the moment something behaves unexpectedly.
What You'll Learn
You’ll cover the essential Angular building blocks—TypeScript, the Angular CLI workflow, core app architecture, and the features needed to ship and deploy a real SPA.
TypeScript in practice
Use TypeScript confidently inside an Angular project, applying the key syntax and patterns you need to read, write, and maintain Angular code without slowing down on language details.
CLI project workflow
Create and manage Angular projects with the Angular CLI, so you can generate a working app structure quickly and keep development organized as your codebase grows.
Component-driven UI
Build your UI with components and understand how Angular apps start and run in the browser, so you can structure features cleanly instead of piling everything into one place.
Data binding mastery
Bind and pass data through your app to keep the UI in sync with your JavaScript/TypeScript logic, enabling responsive screens that update as users interact.
Navigation and forms
Add routing to create an “illusionary” multi-page experience and handle user input with forms, so your SPA can support real user flows instead of static pages.
HTTP and deployment
Send HTTP requests from your Angular app and take it through build, optimization, and deployment, so you can move from local development to a production-ready bundle.
Ready to get started?
See enrollment optionsPrerequisites
Solid JavaScript knowledge is required.
No prior Angular experience is needed.
Who Is This Course For?
SPA builders
You’re aiming to create single-page applications with modern UX expectations and want a direct path into Angular without committing to a long, exhaustive program.
Angular refreshers
You’ve touched Angular before, but the fundamentals feel rusty. You want a quick, focused way to rebuild your core understanding so you can be productive again fast.
Curriculum Overview
Start NowPreview the structure and pacing of this course before you begin.
Getting Started42m
- 01Introduction1:44 min
- 02What is Angular?3:11 min
- 03Join our Online Learning Community0:00 min
- 04How does Angular Work?3:30 min
- 05Creating Your First App6:58 min
- 06Editing the First App4:12 min
- 07Understanding the Project Structure4:56 min
- 08How does an Angular App Start?5:56 min
- 09What you'll learn in this Course3:50 min
- 10Optional: TypeScript Essentials8:24 min
- 11How to get the Course Source Code0:00 min
- 12Useful Resources & Links0:00 min
- 13The Academind Pro Referral Program0:00 min
Understanding Components1h 16m
- 01Module Introduction0:47 min
- 02Configuring the Editor3:02 min
- 03Templates and the DOM3:20 min
- 04How Angular Reads Your Components5:25 min
- 05Adding Custom Components5:14 min
- 06Outputting Content via String Interpolation1:57 min
- 07Listening to (User) Events4:10 min
- 08Binding to Properties2:34 min
- 09All at the same Time: Two-Way-Binding4:31 min
- 10Assignment: Components (Problem)1:44 min
- 11Assignment: Components (Solution)10:00 min
- 12Binding Component Properties3:57 min
- 13Listening to your Custom Events7:17 min
- 14Multiple Components & Using the CLI for Component Generation4:41 min
- 15Assignment: Beyond Components (Problem)2:48 min
- 16Assignment: Beyond Components (Solution)10:23 min
- 17Understanding Scoped Component Styles3:09 min
- 18Wrap Up1:04 min
- 19Useful Resources & Links0:00 min
Debugging & Using 3rd Party Libraries19m
- 01Module Introduction0:45 min
- 02How to Handle Angular Errors (and Error Messages)2:58 min
- 03Debugging Code with Developer Tools & Sourcemaps3:44 min
- 04Deeper Insights with Augury1:54 min
- 05Using CSS Frameworks with Angular (and the Angular CLI)5:11 min
- 06Using JS Libraries with Angular (and the Angular CLI)4:47 min
- 07Wrap Up0:35 min
- 08Useful Resources & Links0:00 min
Extra Features with Directives21m
- 01Module Introduction0:49 min
- 02What are Directives?1:55 min
- 03Outputting Lists with ngFor5:01 min
- 04Controlling CSS Classes with ngClass5:47 min
- 05More on Directives4:17 min
- 06Conditionally Outputting Content via ngIf2:57 min
- 07Wrap Up1:11 min
- 08Useful Resources & Links0:00 min
Angular in Practice: Starting the Course Project35m
- 01Module Introduction0:55 min
- 02Planning the App4:56 min
- 03Getting Started4:38 min
- 04Filling Components with Life3:21 min
- 05Managing Data in our Application7:56 min
- 06Passing Data via Property Binding3:05 min
- 07Using ngClass to Provide the User Feedback2:28 min
- 08Passing Data via Event Binding7:34 min
- 09Wrap Up0:44 min
Amazing Data Management with Services26m
- 01Module Introduction1:09 min
- 02What are Services?2:43 min
- 03Creating a Service3:35 min
- 04How NOT to Use Services4:20 min
- 05Injecting Services4:28 min
- 06Understanding Dependency Injection2:37 min
- 07Cleaning up the Project1:32 min
- 08Injecting Services into Services5:26 min
- 09Wrap Up0:42 min
- 10Useful Resources & Links0:00 min
Handling User Input with Forms33m
- 01Module Introduction1:03 min
- 02Creating a Form in the Template7:29 min
- 03Handling Forms with Angular6:36 min
- 04How to use Submitted Values3:41 min
- 05Validating User Input (with Angular)4:28 min
- 06Using the Form State to Give Visual Feedback6:02 min
- 07The Different Faces of ngModel2:07 min
- 08An Alternative to the Approach Shown in This Module1:16 min
- 09Using the Reactive Approach0:00 min
- 10Wrap Up0:42 min
- 11Useful Resources & Links0:00 min
Changing Pages with Routing39m
- 01Module Introduction1:09 min
- 02Server-side vs Client-side Routing3:52 min
- 03Adding a Header Component2:52 min
- 04Adding Routing to the Application4:30 min
- 05Navigating with Router Links5:15 min
- 06Handling Unknown Routes with Wildcards and Redirects1:32 min
- 07Using Child Routes and Route Parameters7:30 min
- 08Extracting Route Paramters5:50 min
- 09Fixing Page Reload Issues1:28 min
- 10Cleanup & Missing Reactivity4:07 min
- 11Wrap Up0:58 min
- 12Useful Resources & Links0:00 min
And 4 more sections in the full course.
Ready to Get Started?
Choose the option that works best for you.
Single Course
Angular Essentials (Angular 2+ with TypeScript)
One Payment. Lifetime Access.
$69one-time
- One-time payment
- All future updates for this course
- Downloadable resources & code
- Certificate of completion
- Hands-on exercises & projects
- Self-paced learning
- English captions on all videos
- Lifetime access
Most Popular
All-Access Membership
Everything we teach. One subscription.
$25/mo
$4,729+ worth of courses
- Full access to all courses
- All future courses included
- Downloadable resources & code
- Certificates of completion
- Hands-on exercises & projects
- Self-paced learning
- English captions on all videos
- Cancel anytime