Angular 11 Fundamentals
This course will teach you the fundamentals of working with the latest version of Angular. You will learn everything you need to know to create complete applications including: components, services, directives, pipes, routing, HTTP, and even testing.
What you'll learn
Angular has become one of the most widely used web development frameworks. This course, Angular 11 Fundamentals, will teach you the fundamentals of writing applications with Angular - whether or not you've had past experience with Angular 1. You will learn how to bootstrap an application and how to build pages and reusable elements using Angular Components and the new Angular syntax. You'll also learn the fundamentals of: routing, creating reusable services and dependency injection, building forms with validation, and communicating with the server using HTTP and observables. You'll even learn how to test all of this using unit tests and end-to-end UI tests. When you finish this course, you will have the fundamental knowledge necessary to create professional and personal websites using Angular.
Table of contents
- Version Check 0m
- Introduction 3m
- Practice Exercises 2m
- Introduction to TypeScript 7m
- Comparing Angular to AngularJS 2m
- A Conceptual Overview of Angular 3m
- Here's What We'll Be Building 1m
- Installing Git and Node 2m
- Getting Started with the Angular CLI 5m
- Bootstrapping an Angular App 5m
- A Brief Look at the App Module 2m
- Accessing Static Files 6m
- Summary 1m
- Introduction 1m
- Creating Your First Data-bound Component 6m
- Using External Templates 1m
- Communicating with Child Components Using @Input 7m
- Communicating with Parent Components Using @Output 5m
- Using Template Variables to Interact with Child Components 3m
- Styling Components 2m
- Exploring Angular's CSS Encapsulation 5m
- Adding a Site Header 3m
- Summary 0m
- Introduction 1m
- Interpolation, Property Bindings, and Expressions 3m
- Event Bindings and Statements 2m
- Repeating Data with ngFor 6m
- Handling Null Values with the Safe-Navigation Operator 4m
- Hiding and Showing Content with ngIf 2m
- Hiding Content with the [Hidden] Binding 2m
- Hiding and Showing Content with ngSwitch 3m
- Styling Components with ngClass 5m
- Styling Components with ngStyle 3m
- Summary 1m
- Introduction 2m
- Adding Multiple Pages to Your App 5m
- Adding Your First Route 7m
- Accessing Route Parameters 3m
- Linking to Routes 2m
- Navigating from Code 3m
- Guarding Against Route Activation 6m
- Guarding Against Route De-activation 4m
- Pre-loading Data for Components 7m
- Styling Active Links 2m
- Lazily Loading Feature Modules 6m
- Organizing Your Exports with Barrels 2m
- Summary 1m
- Introduction 1m
- Using Models for Type Safety 6m
- Creating Your First Template-based Form 7m
- Using the Data from Your Template-based Form 6m
- Validating Template-based Forms 7m
- Creating Your First Reactive Form 8m
- Validating Reactive Forms 6m
- Using Multiple Validators in Reactive Forms 3m
- Diving Deeper into Template-based Forms 9m
- Editing Data with Two-way Bindings 3m
- Diving Deeper into Reactive Forms 10m
- Creating Custom Validators 8m
- Summary 0m
- Introduction 1m
- Implementing the Session Search 8m
- Adding jQuery 3m
- Creating a Modal Component 7m
- Fixing Template Parse Errors 1m
- Creating Directives - The Trigger Directive 8m
- Binding an ID 4m
- Routing to the Same Component 7m
- Using the @ViewChild Decorator 5m
- Creating Settings on Components 2m
- Summary 0m
- Introduction 6m
- Preparing to Store Data on the Server 6m
- Moving Data Storage to the Server 8m
- Listening to Resolved Data Changes 9m
- Using POST and PUT 6m
- Using QueryString Parameters 2m
- Using DELETE 6m
- Integrating Authentication with the Server 9m
- Persisting Authentication Status Across Page Refreshes 5m
- Saving User Data to the Server 3m
- Implementing Logout 5m
- Summary 0m
- Introduction 1m
- Linting Overview 4m
- Installing TSLint in VSCode 3m
- Using TSLint with VSCode 3m
- Linting from the Command Line 4m
- Going to Production - Overview 5m
- Angular's Ahead of Time Compiler 2m
- Creating your First Build 3m
- Basic Deployment 1m
- Demo: Serving up a Build 4m
- Build Flags 1m
- The Effects of Prod Mode 2m
- Optimistic Bundle Downloading 3m
- Summary 1m
About the authors
Jim Cooper is a software developer at Pluralsight, with more than 20 years of software development experience. He has a passion for Agile processes, especially lean software development. Jim has been developing production Angular apps since before Angular version 1.0, including Pluralsight's first Html5-based video player. Jim has over 10 years of TDD and pair programming experience which has contributed significantly to his professional development. He has successfully mentored other developers... more
Joe began his love of programming on an Apple III in BASIC. Although his preferred language is JavaScript, he has worked professionally with just about every major Microsoft language. He is currently a consultant and full time author for Pluralsight. Joe has always had a strong interest in education, and has worked both full and part time as a technical teacher for over ten years. He is a frequent blogger and speaker, organizer of ng-conf, the AngularJS conference (www.ng-conf.org), and a paneli... more