Introducing Angular Components

by Dan WellmanJul 23, 2016

FREELessons:9Length:48 minutes

Angular JavaScript Front-End Web Apps Single Page Web App Web Development Web Components

Next lesson playing in 5 seconds

Cancel

Overview
Transcript

1.1 Introduction

Welcome to Introducing Angular Components. In this introductory lesson, I'll tell you about the power of Angular components and outline the course project.

1.Introduction
2 lessons, 06:28

2.Creating Your First Component
3 lessons, 19:33

2.1
Refactoring a Directive
05:35

2.2
Configurable Properties
06:14

2.3
Add a Component Controller
07:44

3.Working With Components
3 lessons, 20:40

3.3
Component Lifecycle Events
06:00

4.Conclusion
1 lesson, 00:58

1.1 Introduction

Hi folks, welcome to Introducing Angular Components. Angular components are a kind of cross between an Angular directive and a web component, and are also closely aligned with Angular 2. So, using Angular components today can lead to a smoother migration path when upgrading your projects to Angular 2. We'll start out by converting an existing directive in the example app into a component as this is a common thing that you probably want to do to some of your existing directives. And it should help to highlight some of the fundamental differences between directives and components. We'll cover the different configuration options that we can use when defining a component, see how to associate a template with a component, as well as look at the different lifecycle events that we have at our disposal. So join me in the next lesson and let's get our development area setup and ready to start on the coding examples.

Back to the top

Dan Wellman

Dan Wellman is an author and front-end developer based in his home town in the south of merry old England. By day he builds web sites and applications and likes to focus on JavaScript, testing and workflow tools. By night he produces video courses for Tuts+ on a range of mostly front-end focused topics, usually centered around JavaScript.

danwellman

Introducing Angular Components

Next lesson playing in 5 seconds

1.1 Introduction

1.Introduction
2 lessons, 06:28

1.1
Introduction
00:53

1.2
Setup
05:35

2.Creating Your First Component
3 lessons, 19:33

2.1
Refactoring a Directive
05:35

2.2
Configurable Properties
06:14

2.3
Add a Component Controller
07:44

3.Working With Components
3 lessons, 20:40

3.1
Reusability
08:44

3.2
Component Outputs
05:56

3.3
Component Lifecycle Events
06:00

4.Conclusion
1 lesson, 00:58

4.1
Conclusion
00:58

1.1 Introduction

Introducing Angular Components

Next lesson playing in 5 seconds

1.1 Introduction

1.Introduction2 lessons, 06:28

2.Creating Your First Component3 lessons, 19:33

3.Working With Components3 lessons, 20:40

4.Conclusion1 lesson, 00:58

1.1 Introduction

1.Introduction
2 lessons, 06:28

2.Creating Your First Component
3 lessons, 19:33

3.Working With Components
3 lessons, 20:40

4.Conclusion
1 lesson, 00:58