Angular Basics

Setting Up an Angular Application

Here it is. You are about to embark on an extraordinary journey. Writing JavaScript is a lot of fun, but writing an Angular 2 application with TypeScript is pure joy. In this course we'll cover the basics of building an Angular 2 application. There's a lot to cover so let's get started. 6 steps

• Why Angular 2? 3:33
• The Parts and Pieces of an Angular Application 2:43
• Review: The Parts and Pieces of an Angular Application 5 questions
• The Importance of Static Typing in Angular 7:12
• Your First Angular Application 14:48
• Review: Your First Angular Application 5 questions

Angular Components

An Angular application is made up of series of Components. A component has a template, styles, and handles business logic. In this stage we'll look at how components can be used to compose an application. 7 steps

• The Anatomy of a Component 8:02
• Data Binding 4:47
• Nesting Components 10:28
• Nesting Components 5 questions
• Component Templates and Styles 8:42
• Structural Directives 8:54
• Review: Angular Components 4 questions

Services in Angular

Angular 2 was designed for cross-platform and modular development. Because of this, you need to specify the modules your application will need before you can use them. In this stage we'll create a service and include one from the Angular library. 5 steps

• Locating and Installing Angular Modules 3:50
• Dependency Injection 4:08
• Creating a Service 10:26
• Connecting a Service and Component 12:00
• Review: Angular Modules and Dependency Injection 6 questions

Angular Basic Forms

There's no doubt that if you are building a web application you'll need to capture information from your users at some point. In this stage we'll add a comment form to our application. We'll look at different input types and how to use them. 8 steps

• Adding NgForm Module 2:48
• Setting Up a Form Group 6:02
• Two-way Data Binding with NgModel 4:53
• NgForm Review 5 questions
• Submitting Form Data 7:39
• Resetting the Form 3:07
• Posting Data Using a Service 4:33
• Submitting Form Data Review 5 questions

Angular Form Validation

It's never easy telling users when something's not working. But it's better to tell them early and tell them often. In this stage we'll validate that our form fields meet certain criteria before they hit the submit button. Because we can't guarantee everything is working on the server, we'll report those errors too. 5 steps

• HTML5 Input Rules 3:19
• Form and Input State 9:30
• Validation in a Component 5 questions
• Styling Form Inputs 5:03
• Review: Styling Form Inputs 5 questions