Lessons:67Length:8.9 hours
- Overview
- Transcript
2.6 Creating a Component With the CLI
In this lesson we're going to see how we can create our first brand new component from scratch using the CLI.
1.Introduction
1.1Introduction00:48
1.1
Introduction
00:48
1.2Get Started With Angular-CLI11:09
1.2
Get Started With Angular-CLI
11:09
1.3Developing With Angular-CLI13:17
1.3
Developing With Angular-CLI
13:17
1.4TypeScript vs. JavaScript06:54
1.4
TypeScript vs. JavaScript
06:54
1.5Angular Modules From the CLI04:31
1.5
Angular Modules From the CLI
04:31
1.6CLI Options05:21
1.6
CLI Options
05:21
2.Get Started With Angular
2.1Bootstrapping the Application04:30
2.1
Bootstrapping the Application
04:30
2.2The Application Module04:15
2.2
The Application Module
04:15
2.3The Application Component08:06
2.3
The Application Component
08:06
2.4Component Styling03:06
2.4
Component Styling
03:06
2.5Global Styling05:11
2.5
Global Styling
05:11
2.6Creating a Component With the CLI09:34
2.6
Creating a Component With the CLI
09:34
2.7Creating a Service With the CLI07:56
2.7
Creating a Service With the CLI
07:56
3.Core Concepts
3.1Component Trees06:20
3.1
Component Trees
06:20
3.2Dependency Injection06:52
3.2
Dependency Injection
06:52
3.3Content Projection05:38
3.3
Content Projection
05:38
3.4Component and Directive Lifecycle Methods06:31
3.4
Component and Directive Lifecycle Methods
06:31
3.5Component-Only Lifecycle Methods05:28
3.5
Component-Only Lifecycle Methods
05:28
3.6Decorators07:36
3.6
Decorators
07:36
3.7Models16:55
3.7
Models
16:55
4.Template Deep Dive
4.1Basic Data Binding With Interpolation05:35
4.1
Basic Data Binding With Interpolation
05:35
4.2Property Bindings07:07
4.2
Property Bindings
07:07
4.3Attribute Bindings03:29
4.3
Attribute Bindings
03:29
4.4Event Bindings08:16
4.4
Event Bindings
08:16
4.5Class and Style Bindings05:44
4.5
Class and Style Bindings
05:44
4.6The `NgClass` and `NgStyle` Directives05:04
4.6
The `NgClass` and `NgStyle` Directives
05:04
4.7The `*ngIf` Directive04:41
4.7
The `*ngIf` Directive
04:41
4.8The `*ngFor` Directive09:29
4.8
The `*ngFor` Directive
09:29
4.9Inputs05:33
4.9
Inputs
05:33
4.10Using Pipes in a Template07:31
4.10
Using Pipes in a Template
07:31
4.11Using Pipes in a Class08:27
4.11
Using Pipes in a Class
08:27
5.Forms
5.1Handling User Input With Template Reference Variables07:06
5.1
Handling User Input With Template Reference Variables
07:06
5.2Template-Driven Forms11:10
5.2
Template-Driven Forms
11:10
5.3Template-Driven Forms: Validation and Submission14:00
5.3
Template-Driven Forms: Validation and Submission
14:00
5.4Reactive Forms11:26
5.4
Reactive Forms
11:26
5.5Using a `FormBuilder`08:01
5.5
Using a `FormBuilder`
08:01
5.6Reactive Validation With Built-in Validators14:53
5.6
Reactive Validation With Built-in Validators
14:53
5.7Creating Custom Validators for Template-Driven Forms12:18
5.7
Creating Custom Validators for Template-Driven Forms
12:18
5.8Creating Custom Validators for Reactive Forms08:26
5.8
Creating Custom Validators for Reactive Forms
08:26
5.9Observing Form State Changes12:40
5.9
Observing Form State Changes
12:40
5.10Working With the `@HostListener` Decorator05:41
5.10
Working With the `@HostListener` Decorator
05:41
6.Routing
6.1Defining and Configuring Routes07:53
6.1
Defining and Configuring Routes
07:53
6.2Rendering Components With Router Outlets10:14
6.2
Rendering Components With Router Outlets
10:14
6.3Using Router Links for Navigation05:25
6.3
Using Router Links for Navigation
05:25
6.4Navigating Routes Using the Router06:24
6.4
Navigating Routes Using the Router
06:24
6.5Determining the Active Route Using an Activated Route07:16
6.5
Determining the Active Route Using an Activated Route
07:16
6.6Working With Route Parameters10:42
6.6
Working With Route Parameters
10:42
6.7Using Route Guards07:36
6.7
Using Route Guards
07:36
6.8Observing Router Events10:55
6.8
Observing Router Events
10:55
6.9Adding Child Routes08:45
6.9
Adding Child Routes
08:45
7.Using the HTTP Client
7.1Sending an HTTP Request10:52
7.1
Sending an HTTP Request
10:52
7.2Handling an HTTP Response11:22
7.2
Handling an HTTP Response
11:22
7.3Setting Request Headers12:33
7.3
Setting Request Headers
12:33
7.4Intercepting Requests09:04
7.4
Intercepting Requests
09:04
7.5Finishing the Example Application12:33
7.5
Finishing the Example Application
12:33
8.Testing
8.1Service Unit Test Preparation10:45
8.1
Service Unit Test Preparation
10:45
8.2Unit Testing Services13:24
8.2
Unit Testing Services
13:24
8.3Component Unit Test Preparation12:35
8.3
Component Unit Test Preparation
12:35
8.4Unit Testing Components07:27
8.4
Unit Testing Components
07:27
8.5Unit Testing Component Templates06:58
8.5
Unit Testing Component Templates
06:58
8.6Unit Testing Pipes04:41
8.6
Unit Testing Pipes
04:41
8.7Unit Testing Directives04:56
8.7
Unit Testing Directives
04:56
8.8Unit Testing Validators04:48
8.8
Unit Testing Validators
04:48
8.9Unit Testing Observables11:37
8.9
Unit Testing Observables
11:37
8.10Unit Testing HTTP Interceptors06:16
8.10
Unit Testing HTTP Interceptors
06:16
9.Building for Production
9.1Building for Production03:40
9.1
Building for Production
03:40
10.Conclusion
10.1Conclusion01:32
10.1
Conclusion
01:32
