Advanced

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
(1099)
Level
Intermediate
Updated
Nov 9, 2016
Duration
4h 30m
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
(1099)
Level
Intermediate
Updated
Nov 9, 2016
Duration
4h 30m
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, and 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!
Course FAQ
Course FAQ
What is Angular 2?

Angular 2 is a more streamlined framework that allows programmers to focus on simply building JavaScript classes. Views and controllers are replaced with components, which can be described as a refined version of directives.

What will I learn in this Angular 2 course?

In this course, you will learn about Angular 2's components and templates, syntax including data binding, services using dependency injection, routing, HTTP and Data, observability with RxJS, and how Angular modules help organize code.

Are there prerequisites for this course?

Prerequisites for this course would be an understanding of JavaScript basics.

What is Angular used for?

Angular is most often used by beginner programmers who have less experience with JavaScript to create applications and web app frameworks.

What are some of the benefits of an Angular application?

Some of the benefits of Angular are: two-way data binding, directives, strong community, dependency rejection, reusability, and readability.

About the author
John Papa
About the author

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

More from the author
Angular CLI
Beginner
3h 8m
Feb 1, 2021
Vue from 20,000 Feet: Vue.js Fundamentals and Best Practices
Beginner
55m
Sep 3, 2020
Learning Angular from Scratch
Beginner
1h 15m
Sep 3, 2020
More courses by John Papa

You're the smartest person in the room

PROVE IT

Your team won't just close the skills gap

THEY'LL HURDLE IT