Angular: First Look
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.
What you'll learn
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
Table of contents
- 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 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 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, 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
- 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
- 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 1m
Course FAQ
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.
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.
Prerequisites for this course would be an understanding of JavaScript basics.
Angular is most often used by beginner programmers who have less experience with JavaScript to create applications and web app frameworks.
Some of the benefits of Angular are: two-way data binding, directives, strong community, dependency rejection, reusability, and readability.
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. He's passionate about Web and mobile technologies, and often enjoys speaking around the world at keynotes and sessions for conferences, including NgConf, Build, Ignite, VSLive, and AngleBrackets. John is a co-host of the popular Adventures in Angular podcast, author of the Angular Style Guide, several books, and many popular Pluralsight courses. ... more