These are practice exercises for Pluralsight’s Angular Fundamentals course. They are also great stand-alone exercises and you can refer to the course for a little training for each of them.
The exercises below are broken up into sections by course module and contain links to the clip in the course that discusses that topic, a link to the practice exercise on Plunker, and a link to the finished example for each exercise. Try to finish each exercise before looking at the finished example.
Creating and Communicating Between Components
Exploring the New Template Syntax
Creating Reusable Services
| Clip | Practice Exercise | Finished Example |
|---|---|---|
| Creating and Injecting Services | Finished |
Routing and Navigating Pages
Collecting Data with Forms and Validation
| Clip | Practice Exercise | Finished Example |
|---|---|---|
| Creating a Template-based Form | Finished | |
| Validating a Template-based Form | Finished | |
| Creating a Reactive Form | Finished | |
|
and
|
Validating a Reactive Form | Finished |
| Creating Custom Validators | Creating a Custom Validator | Finished |
Reusing Components with Content Projection
| Clip | Practice Exercise | Finished Example |
|---|---|---|
| Creating a Component with Content Projection | Finished | |
| Creating a Component with Multiple Slot Content Projection | Finished |
Manipulating Data With Pipes
| Clip | Practice Exercise | Finished Example |
|---|---|---|
| Using the Lowercase Pipe | Finished | |
| Using the Date Pipe with Parameters | Finished | |
| Creating a Custom Pipe | Finished | |
| Using the ngOnChanges Lifecycle Hook | Finished | |
| Filtering Data | Finished | |
| Sorting Data | Finished |
Understanding Dependency Injection
| Clip | Practice Exercise | Finished Example |
|---|---|---|
| Use Injection Token & @Inject() | Finished | |
| Use the useExisting provider | Finished |
Creating Directives and Advanced Components
| Clip | Practice Exercise | Finished Example |
|---|---|---|
| Create a Directive | Finished | |
| Listen to Route Parameter Changes of a Parameterized Page | Finished | |
| Using @viewChild | Finished |
Communicating with the Server using HTTP, Observables, and Rx
| Clip | Practice Exercise | Finished Example |
|---|---|---|
| Turning an Observable into a Promise | Finished | |
| Making an HTTP Get Request | Finished | |
| Massaging Requested Data with Map | Finished | |
| Using Querystring Parameters | Finished |
Unit Testing Your Code
| Clip | Practice Exercise | Finished Example |
|---|---|---|
| Write a Basic Test | Finished | |
| Test a Service | Finished | |
| Use a Jasmine Spy Object | Finished | |
| Mock a Http Call | Finished | |
| Use toHaveBeenCalledWith | Finished |
Testing Components with Integrated Tests
| Clip | Practice Exercise | Finished Example |
|---|---|---|
| Test a Component with an Integrated Test | Finished |
