Sign in with Github
or via email
Fundamentals of AngularProficiency doesn’t come from simply watching a YouTube tutorial. Students who “learn by doing” retain almost five times as much information as those who simply watch and listen. Each module in this course includes interactive exercises designed to help you learn as much — and as quickly — as possible.
191 Lessons — 13 Hours of Video
Author Joe Eames
Google Developer Expert (GDE)
Thinkster helps you master new frameworks by introducing you to new topics, helping you practice with real-world exercises, then following-up with a review.
Learn essential principles by watching a short video.
Apply what you learn with our interactive exercises.*
See the author’s solution and compare it to your own.
Students who learn by doing remember almost 5x as much as those who just watch and listen.
Source
By the end of this 13-hour course you'll be able to:
Take advantage of the hands-on exercises. Practice is essential to accelerated learning.
Introduction
Prerequisites
Using the CLI
Exercise: Creating an Angular App
Introduction to an Angular Application
Introduction to TypeScript Types
TypeScript for Angular
TypeScript Decorators
Exercise: Using TypeScript
Solution: Using TypeScript
Introduction to Angular components
Data Binding
Exercise: Displaying Data
Solution: Displaying Data
The Safe Navigation Operator
Listening to Events
Exercise: Listening to Events
Solution: Listening to Events
Exercise: Putting the Basics Together
Solution: Putting the Basics Together
Solution: Bonus - Putting the Basics Together
Summary
Introduction
Modules & The App Module
What are Services
Creating Services with the CLI
Exercise: Creating a Service
Solution: Creating a Service
Creating Basic Components with the CLI
CLI Flags for Creating Components
Exercise: Creating Components with the CLI
Solution: Creating Components with the CLI
Child Components
Sending Data to a Child Component
Exercise: Sending Data to a Child Component
Solution: Sending Data to a Child Component
Who Owns the Data?
Communicating with Parent Components
Container vs Presenter Components
Exercise: Communicating with Parent Components
Solution: Communicating with Parent Components
Accessing Static Assets
Styling Components
The Styles Attribute
Exercise: Styling Components
Solution: Styling Components
Best Practices
Overview of Using Services & Components Together
Using Services & Components Together in Practice
Exercise: Putting it all Together
Solution: Creating Components & Services
Solution: Wiring Everything Together
Solution: Cleaning up Styles
Summary
Introduction
Expressions
Interpolation vs. Property Bindings
Setting the Document Title
Setting the Document Title
Binding to Styles
Exercise: Binding to styles
Solution: Binding to Styles
Debugging a Template
Binding to Classes
Exercise: Binding to Classes
Solution: Binding to Classes
Displaying Lists of Data with ngFor
Working with Items in an ngFor
Using ngFor with Child Components
Directives
Exercise: Displaying a List
Solution: Displaying a List
Conditional Display with ngIf
Conditional Display with ngSwitch
Exercise: Conditional Display
Solution: Conditional Display
Using Pipes
Common Pipes
The Date Pipe
Exercise: Using Pipes
Solution: Using Pipes
Exercise: Displaying Data
Solution: Displaying Data
Solution Bonus: Displaying Data
Summary
Introduction
What are Observables?
Modifying Data in the Stream
Exercise: Work with an Observable
Solution: Work with an Observable
Using Models
Installing the Server
Dealing with RESTful API's
Making GET Requests in Angular
Using Services with HTTP Requests
Exercise: Make a GET Request
Solution: make a GET Request
Using QueryString Parameters
The Async Pipe
Exercise: Using the Async Pipe
Solution: Using the Async Pipe
Making POST Requests
Updating the Client After a Change
Keeping Local Data in Sync
Exercise: Making POST Requests
Solution: Making POST Requests
Making PUT Requests
Making DELETE Requests
Exercise: Communicating with a Server
Solution: Communicating with a Server
Summary
Introduction
Modules Revisited
Importing the RouterModule
Creating a Simple Route
Exercise:Basic Routing
Solution: Basic Routing
Route Redirects
Exercise:Route Redirects
Solution:Route Redirects
Linking to Routes
Exercise:Linking to Routes
Solution:Linking to Routes
Configuring Parameters in Routes
Retrieving Current Route Parameters
Linking to Parameterized Routes
Exercise:Using Route Parameters
Solution:Using Route Parameters
Query Parameters in Links
Retrieving Query parameters
Exercise:Using Query Parameters
Solution:Using Query Parameters
Wildcard Route
Routing Table Priority
Exercise:Routing Table Priority
Solution:Routing Table Priority
Navigating in Code
Exercise:Navigating in Code
Solution:Navigating in Code
Exercise:Routing within an Application
Solution:Routing within an Application
Summary
Introduction
Template Ref Variables
Using Forms
Processing Form Data
Exercise:Creating a Form
Solution:Creating a Form
Two-Way Binding
Using Two-Way Binding for Editing
Exercise:Two-Way Binding
Solution:Two-Way Binding
Radios and Checkboxes
Select Elements
Exercise:Using More Controls
Solution:Using More Controls
Understanding Control State
Validation Overview
Validation:Communicating with the User
Exercise:Communicating with the User
Solution:Communicating with the User
Validation and the Component
Exercise:Validation and the Component
Solution:Validation and the Component
Exercise:Creating a Complete Form
Solution:Editing Reviews
Solution:Creating Reviews
Solution:Validation
Summary
Introduction
The angular.json File
Running in Dev vs. Prod
How to Proxy your Dev Server API Calls
Exercise:Run a Project with a Proxy
Environment Files
Exercise:Use an Environment File
Solution:Use an Environment File
Building for Production
Simple Deployment Example
Optional Exercise:Deploy and App
Summary
Course Summary
Access to Course Updates - Get updates to courses as frameworks are patched and updated. These are live courses — not YouTube videos from 2016.
Accelerated Learning - Hands-on exercises help you master concepts without watching videos over and over again.
Real-world Learning - Build actual apps you can put in your portfolio today.
No Ads - Pro lets you get into flow and learn as quickly as possible.
Our hands-on excercises will have you mastering topics in a quarter of the time you will spend elsewhere.
The ONLY THING that matters is what you can do TOMORROW.
Build your confidence for that new position, new job, or new career.
Free courses can only take you so far. Become the expert with our Thinkster Pro Course.
Build real-world apps to showcase all your new skills.
Our courses are where professional learning & educational science meet.
"I have bought and consumed a lot of the top materials from other developers on Angular including Angular Tutorial, ng-book, Udemy's top Angular complete course. The exercise-based approach of this course is definitely my favorite of all of them. This feels less like a documentation re-dump. It feels like a course that assigns user stories almost like you would encounter on the job!"
Juan Juarez
"The StackBlitz exercises are amazing for solidifying my understanding of the information in the lessons, which speeds up my learning. On a lot of other online courses, I have to watch the lesson videos multiple times to understand the material, which I don't have to do with this Fundamentals of Angular course."
Matt Harris
"I am an experienced Pluralsight user but I like the flow of this course much better than what I have found on Angular within Pluralsight — specifically for [someone] starting in almost a newbie position on the subject."
Terry
"I finished the angular course in just 8 days (about 2 hours a day). This is really one of the greatest angular course . Highly recommended."
MingW (@matwming)
The fastest (and most effective) way to become a Google Development Expert
The average GDE makes $160k a year. If that’s your goal, don’t put your life on hold by waiting to attend a 6-month code camp. Become a Thinkster Pro user and begin the Google Developer Pathway today.
