Angular: First Look

By John Papa
This course is a gentle introduction to the changes that Angular 2 brings, how they compare to Angular 1, and provides an understanding of the architecture and how the core concepts work together to build applications.
Play course overview
Course info
Rating
(1086)
Level
Intermediate
Updated
Nov 9, 2016
Duration
4h 31m
Table of contents
Course Overview
Course Overview 2m
Angular 2 in Action
Angular 3m What Can We Build? 1m Running the Samples 1m
Angular 2 Architecture, What's New and What's Different
Angular 2: What's New and What's Different 1m Language Choices 2m Angular 1's Impact 1m Angular Modules 1m First Look at NgModules 4m Controllers to Components 1m First Look at Components 2m Structural Directives 2m First Look at Structural Directives 2m Data Binding 4m First Look at Data Binding 2m Less Built-in Directives 1m First Look at HTML Element Property and Event Binding 2m Services 1m Dependency Injection 2m First Look at Services and Dependency Injection 3m Your Skills Translate 2m Putting It all Together in Context of an App 6m Angular 2 Resources 2m
Angular 2 Essentials: Components, Templates, Modules, and Metadata
Angular 2 Essentials 1m ES Modules 2m Angular Modules 4m Components 5m Defining a Component 6m Templates 3m Nested Components 2m Metadata 2m Examining the Component Decorator 3m Input and Output Decorators 2m Component Communication with Input and Output 4m Parent to Child Communication with ViewChild 5m Summary 1m
Displaying Data: Data Binding, Directives, and Pipes
Displaying Data 1m Data Binding 3m Interpolation 4m Property Binding 3m Adding Property Binding 5m Event Binding 2m Adding Event Binding 5m Two-way Binding 2m Adding Two-way Binding 2m Built-in Directives 6m Adding Attribute and Structural Directives 3m Pipes 3m Exploring Template Syntax in Storyline Tracker 6m Summary 1m
Services, Dependency Injection, and Lifecycle Hooks
Services, DI, and Lifecycle Hooks 1m Services 1m Refactoring for Services 8m Dependency Injection 7m Injectors 4m Changing Where the Services are Provided in Storyline Tracker 4m Component Lifecycle Hooks 3m Implementing Lifecycle Hooks and Their Interfaces 5m The Role of Lifecycle Hooks in Storyline Tracker 3m Summary 1m
Routing and HTTP
Getting Data with Http 1m Http 4m Using Http in Angular 2 6m Adding Exception Handling for Http 4m RxJs 4m Async Pipe 1m Adding an Async Pipe with an Observable 2m Promises with Http and the Async Pipe 2m Http in the Storyline Tracker 4m Putting It All Together 1m
Routing
Introducing Routing 1m Routing Essentials 2m Essential Routing Code 4m Adding the Routing Module to an App 8m Adding Routing to Templates 2m Sending and Receiving Route Parameters 3m Subscribing to Route Parameters 1m Basics of Route Resolvers 2m Route Resolver in the Storyline Tracker 2m Route Guards 3m Applying Route Guards 3m Child Routes 4m What's Next with Routing 2m
Angular Modules
Types of Feature Modules 3m Eager Loading 3m Eagerly Loading Routed Modules 3m Lazy Loading 3m Lazily Loading Routed Modules 4m Defining Preload Strategies 3m Preload Strategies in the Storyline Tracker 4m Feature Module Types 3m Identifying Feature Modules 4m Feature Modules in the Storyline Tracker 4m Provider Tips 3m Wrap-up 2m
Description
Course info
Rating
(1086)
Level
Intermediate
Updated
Nov 9, 2016
Duration
4h 31m
Description

Hello, and welcome to Angular: First Look, part of the AngularJS Learning Path here at Pluralsight. My name is John Papa, and I’m looking forward to helping you understand the changes that Angular 2 brings, how they compare to Angular 1, and provide an understanding of the architecture and how the core concepts work together to build applications. Along the way, you’re going to be learning about things like how your Angular 1 skills translate and prepare you to build Angular 2 applications, code samples focusing on specific features including Angular 2 components, templates directives, data binding syntax, modules, dependency injection, routing, as well as Http, pipes, and services. Before beginning this course, you’ll want to make sure you’re already familiar with JavaScript. So if you’re ready to get started, Angular: First Look is waiting for you. Thanks again for visiting me here at Pluralsight!

About the author
John Papa
About the author

John Papa is a Principal Developer Advocate with Microsoft and an alumnus of the Google Developer Expert, Microsoft Regional Director, and MVP programs.

More from the author
Vue: Getting Started
Beginner
3h 45m
Sep 5, 2019
Developing Faster with the Vue CLI
Beginner
2h 26m
Jan 1, 2019
Angular CLI
Beginner
3h 22m
Aug 31, 2018
More courses by John Papa
Section Introduction Transcripts
Section Introduction Transcripts

Course Overview
Hi everyone, my name is John Papa. Welcome to my course, Angular 2: First Look. I'm a web architect, Angular developer expert, and the author of the official Angular style guide. I'm very excited to share this course with you. This course is a gentle introduction to the evolution of Angular 2. It provides an over-arching view of Angular 2 and how the core concepts fit together to help us build applications. We'll learn how our Angular 1 skills translate and have prepared us to build Angular 2 apps. I've updated and extended this course, including its code samples, to reflect the final release of Angular 2. You'll find over an hour of new material, including two entirely new chapters on routing and Angular modules. The major topics that we'll cover are components and their templates, template syntax including data binding, services including dependency injection, routing, HTTP and data, observability with RxJS and how Angular modules help us organize our code and set us up for optimizations like lazy loading in our applications. By the end of this course we'll have learned these concepts and more and we'll be well on our way to building Angular 2 apps. Before beginning this course, you should be familiar with JavaScript, but you don't have to be an expert by any means. Please join me on this journey to learn Angular 2 with the Angular 2: First Look course on Pluralsight. We hope you enjoy it.

You're the smartest person in the room

PROVE IT

Your team won't just close the skills gap

THEY'LL HURDLE IT