Paths

Angular

Authors: John Papa, Jim Cooper, Joe Eames, Deborah Kurata, Brice Wilson, Mark Zamoyta

Angular is a complete JavaScript framework for creating dynamic and interactive applications in HTML. Aside from being one of the hottest frameworks on the web, Angular is easy to... Read more

Beginner

Get started quickly learning the new version of Angular. You will be introduced to Angular core concepts, then discover best practices for setting up Angular apps with its CLI, and finally, begin to explore Angular features like forms.

1

Angular: The Big Picture

by Joe Eames

Dec 13, 2017 / 1h 7m

Beginner • 1h 7m

Start Course
Description

Angular is one of the most popular front end frameworks, but sometimes you can miss the forest for the trees. In this course, Angular: The Big Picture, you'll get a high level view of Angular as a framework. First, you'll learn Angular's benefits. Next, you'll discover its architecture. Finally, you'll explore some tips, tricks, gotchas, and where Angular is headed. When you're finished with this course, you'll have the skills and knowledge of Angular to either help you as you learn its syntax and APIs, or assist you in choosing a framework for your next project.

Table of contents
  1. Course Overview
    1m 13s
  2. Introduction
    12m 24s
  3. Benefits & Features of Angular
    10m 47s
  4. Angular Architecture
    10m 23s
  5. Tooling
    12m 26s
  6. Tips, Tricks, & Gotchas
    11m 26s
  7. Angular: Present & Future
    9m 10s
2

Angular: Getting Started

by Deborah Kurata

Oct 19, 2016 / 5h 40m

Beginner • 5h 40m

Start Course
Description

Hello! My name is Deborah Kurata, and welcome to Angular: Getting Started. In this course, you will learn how to create great web apps and stay up to date on the latest app development technologies, by comimg up to speed quickly with Angular's components, templates, and services. You will get there by learning major topics like to set up your environment, learning about components, templates, and data binding and how they work together, discover how to build clean components with strongly-typed code, as well as building nested components and how to use dependency injection to inject the services you build and how to retrieve data using HTTP, navigation and routing. By the end of this course, you will be up to date on all the latest Angular knowledge and you will be able to use Angular to create great apps in the future. Before you begin, make sure you are already familiar with the basics of JavaScript, HTML, and CSS, and to get the most from this course, it’s helpful to have some exposure to object-oriented programming concepts. And after this course, you’ll be ready to move on to additional courses in the Angular Learning Path, including Angular CLI, Angular Forms, and beyond. I hope you’ll join me, and I look forward to helping you on your learning journey here at Pluralsight.

Table of contents
  1. Course Overview
    1m 40s
  2. Introduction
    12m 45s
  3. First Things First
    22m 28s
  4. Introduction to Components
    27m 56s
  5. Templates, Interpolation, and Directives
    33m 6s
  6. Data Binding & Pipes
    21m 54s
  7. More on Components
    31m 5s
  8. Building Nested Components
    25m 49s
  9. Services and Dependency Injection
    18m 50s
  10. Retrieving Data Using HTTP
    27m 31s
  11. Navigation and Routing Basics
    27m 11s
  12. Navigation and Routing Additional Techniques
    21m 41s
  13. Angular Modules
    40m 27s
  14. Building, Testing, and Deploying with the CLI
    22m 1s
  15. Final Words
    6m 17s
3

Angular CLI

by John Papa

Apr 5, 2017 / 2h 26m

Beginner • 2h 26m

Start Course
Description

Do you want to hone your Angular skills and develop great apps faster, all while following the recommended practices in the official Angular style guide? In this course, Angular CLI, you'll learn how to create, cultivate, debug, test, and serve apps using the Angular CLI, language features and code snippets. First, you'll learn how to generate an application. Next you'll explore how to generate new components and services. Finally, you'll explore and run tests serve code locally, build, and serve code intended for a production deployment. By the end of this course, you'll feel confident in your new Angular knowledge that you can apply right away in your own work.

Table of contents
  1. Course Overview
    1m 21s
  2. Overview
    9m 14s
  3. Angular CLI Setup and Verification
    8m 4s
  4. Generating a New Angular Application
    23m 18s
  5. Generating Code from Blueprints
    25m 30s
  6. Generating Routing Features
    19m 57s
  7. Building and Serving
    33m 17s
  8. Running Unit and End to End Tests
    25m 41s
4

Angular Forms

by Mark Zamoyta

Nov 4, 2016 / 2h 39m

Beginner • 2h 39m

Start Course
Description

Forms are a vital part of web applications, since they're the primary way you collect data from your users. You want your forms to look good and offer a simple, smooth experience. In this course, Angular Forms, you'll learn how to create forms using the Angular 2 framework. First, you'll learn how to style them, use data binding and then validate your forms. Next, you'll learn about observable's and posting your forms to a server. Finally, you'll also explore third-party form controls which offer much more functionality than standard HTML. By the end of this course you'll be able to build great looking forms that offer your users a simple way to input any data.

Table of contents
  1. Course Overview
    1m 19s
  2. Introduction
    9m 39s
  3. Form Basics in Angular 2
    23m 51s
  4. Data Binding in Angular Forms
    17m 32s
  5. Form Validation
    34m 13s
  6. HTTP Form Posting and Data Access
    39m 3s
  7. Third-party Form Controls
    34m 3s

Intermediate

Once you have the basics down, it’s time to dive deeper into Angular’s foundations. The courses in this section will help you better understand Angular as a whole, as well as taking a closer look at routing and different form approaches.

5

Angular Fundamentals

by Jim Cooper, Joe Eames

Jan 18, 2017 / 9h 35m

Intermediate • 9h 35m

Start Course
Description

Angular has become one of the most widely used web development frameworks. This course, Angular Fundamentals, will teach you the fundamentals of writing applications with Angular - whether or not you've had past experience with Angular 1. You will learn how to bootstrap an application and how to build pages and reusable elements using Angular Components and the new Angular syntax. You'll also learn the fundamentals of: routing, creating reusable services and dependency injection, building forms with validation, and communicating with the server using HTTP and observables. You'll even learn how to test all of this using unit tests and end-to-end UI tests. When you finish this course, you will have the fundamental knowledge necessary to create professional and personal websites using Angular.

Table of contents
  1. Course Overview
    2m 4s
  2. Getting Started with Angular
    38m 14s
  3. Creating and Communicating Between Angular Components
    33m 31s
  4. Exploring the Angular Template Syntax
    32m 6s
  5. Creating Reusable Angular Services
    16m 29s
  6. Routing and Navigating Pages
    49m 15s
  7. Collecting Data with Angular Forms and Validation
    1h 14m 12s
  8. Communicating Between Components
    11m 38s
  9. Reusing Components with Content Projection
    13m 19s
  10. Displaying Data with Pipes
    33m 17s
  11. Understanding Angular's Dependency Injection
    24m 32s
  12. Creating Directives and Advanced Components in Angular
    45m 35s
  13. More Components and Custom Validators
    35m 43s
  14. Communicating with the Server Using HTTP, Observables, and Rx
    1h 7m 3s
  15. Unit Testing Your Angular Code
    36m 57s
  16. Testing Angular Components with Integrated Tests
    29m 9s
  17. Taking an Angular App to Production
    32m 3s
6

Angular Routing

by Deborah Kurata

Mar 30, 2017 / 4h 47m

Intermediate • 4h 47m

Start Course
Description

There is more to routing in Angular version 2+ than just moving the user between multiple views of an application. In this course, Angular Routing, you'll discover how to define multiple routes and pass data to routes. Next, you'll explore how to preload data for your views and group your routes. Then, you'll learn how to guard your routes. Finally, you'll go through how to add styling and animation, and even improve performance by asynchronously loading your routes. When you are finished with this course, you'll have the knowledge you need to leverage more sophisticated routing features and support more real-world routing scenarios.

Table of contents
  1. Course Overview
    1m 28s
  2. Introduction
    14m 17s
  3. Routing Basics
    32m 24s
  4. Routing to Features
    26m 6s
  5. Route Parameters
    42m 12s
  6. Prefetching Data Using Route Resolvers
    29m 21s
  7. Child Routes
    29m 18s
  8. Grouping and Component-less Routes
    7m 32s
  9. Styling, Animating, and Watching Routes
    22m 9s
  10. Secondary Routes
    21m 20s
  11. Route Guards
    27m 23s
  12. Lazy Loading
    28m 9s
  13. Final Words
    5m 20s
7

Unit Testing in Angular

by Joe Eames

May 22, 2018 / 3h 21m

Beginner • 3h 21m

Start Course
Description

Angular gives us an amazing set of tools to help us unit test our code, but all those tools and techniques need to be learned. In this course, Unit Testing in Angular, you will learn how to effectively unit test your Angular code. First, you will learn to write isolated tests to quickly and easily test services, pipes, and components. Next, you will explore integration tests, used to test your components with their templates. Then, you will see how to deal with advanced topics like asynchronous code. Finally, and most importantly, you will know what it means to write effective, maintainable unit tests. When you are finished with this course, you will feel confident in your ability to write good unit tests for your Angular projects.

Table of contents
  1. Course Overview
    1m 19s
  2. Course Introduction
    30m 23s
  3. Isolated Unit Tests
    28m 35s
  4. Shallow Integration Tests
    44m 56s
  5. Deep Integration Tests
    29m 33s
  6. Testing DOM Interaction and Routing Components
    44m 44s
  7. Advanced Topics
    21m 27s
8

Angular Reactive Forms

by Deborah Kurata

Jan 12, 2017 / 3h 54m

Intermediate • 3h 54m

Start Course
Description

You can build forms in Angular with a template-driven approach using HTML and data binding, or a Reactive approach by defining the form model and validation in our component code. In this course, Angular Reactive Forms, you'll first learn how build Reactive forms. Next you'll learn how to validate user-entered data Finally, you'll wrap up learning how to save that data using HTTP. By the end of this course, you will have a simple, but fully operational Angular application that includes a Reactive form with full create, read, update, and delete (CRUD) support. You can use this application as a reference for your own development.

Table of contents
  1. Course Overview
    1m 42s
  2. Introduction
    13m 27s
  3. Template-driven vs. Reactive Forms
    30m 52s
  4. Building a Reactive Form
    29m 47s
  5. Validation
    35m 55s
  6. Reacting to Changes
    20m 37s
  7. Dynamically Duplicate Input Elements
    22m 20s
  8. Reactive Form in Context
    28m 38s
  9. Create, Read, Update, and Delete (CRUD) Using HTTP
    45m 35s
  10. Final Words
    5m 19s
9

Angular HTTP Communication

by Brice Wilson

Mar 9, 2018 / 2h 27m

Intermediate • 2h 27m

Start Course
Description

Nothing is more fundamental to a web application than the HTTP protocol. In Angular HTTP Communication, you will learn sophisticated techniques to help you take full advantage of the HTTP client features built-in to Angular. First, you will explore how to communicate with a REST service. Next, you will discover how to modify HTTP requests and responses with interceptors and create a client-side cache. Finally, you will create unit tests to make sure your HTTP requests always do what you expect. When you're finished with this course, you will have an advanced understanding of the HTTP features included with Angular and the practical skills required to build well-structured, performance-oriented Angular applications that take full advantage of Angular's HTTP client.

Table of contents
  1. Course Overview
    1m 34s
  2. Configuring an Application to Make HTTP Requests
    15m 59s
  3. Consuming REST Services
    43m 40s
  4. Advanced HTTP Requests and Error Handling
    22m 16s
  5. Creating Interceptors
    20m 20s
  6. Caching HTTP Requests with Interceptors
    19m 22s
  7. Testing HTTP Requests
    24m 22s
10

Angular Services

by Brice Wilson

Oct 3, 2017 / 2h 30m

Intermediate • 2h 30m

Start Course
Description

Services are a core building block in all Angular applications. In this course, Angular Services, you'll learn how to create and deliver the discrete, functional services needed to meet all of your user requirements. First, you'll explore how to create services. Next, you'll discover how to provide those services to Angular's dependency injection system. Finally, you'll delve into configuring injectors to precisely control when and where your services are delivered. When you're finished with this course, you'll have the foundational understanding and practical skills required to build well-structured Angular applications that take full advantage of services and Angular's dependency injection system.

Table of contents
  1. Course Overview
    1m 31s
  2. The Role Services Play in an Angular Application
    15m 36s
  3. Creating and Using Services
    32m 19s
  4. Understanding and Configuring Dependency Injection
    38m 30s
  5. Creating Asynchronous Services
    47m 22s
  6. Consuming Common Built-in Services
    15m 13s

Advanced

After you become comfortable putting an Angular app together, advanced courses will help you optimize your development process.

11

Angular Best Practices

by Jim Cooper

Oct 23, 2017 / 1h 41m

Intermediate • 1h 41m

Start Course
Description

It's easy to create simple applications in Angular, but once you start building larger, more complex applications, you can quickly run into legibility, scalability, and performance issues if you're not careful. In this course, Angular Best Practices, you'll learn best practices in Angular. First, you'll discover the Angular project and folder organization. Next, you'll explore Angular module organization and how to use Core, shared, and feature modules. Then, you'll learn about Angular component, service best practices, and some really important performance best practices to ensure you're building fast and scalable Angular applications. Finally, you'll cover a few basic coding best practices while you're at it. By the end of this course, you'll know all the key best practices to help you build respectable, high quality, and scalable Angular applications.

Table of contents
  1. Course Overview
    1m 30s
  2. Getting Started with Angular
    22m 3s
  3. General Coding Best Practices
    14m 47s
  4. Angular Module Organization
    12m 36s
  5. Angular Components Best Practices
    18m 58s
  6. Angular Services Best Practices
    7m 52s
  7. Performance Best Practices
    23m 26s

What you will learn

  • Angular core concepts
  • Angular CLI
  • Forms
  • Components
  • Routing
  • Services
  • Dependency injection
  • Unit testing
  • Advanced workflows

Pre-requisites

This path is intended for beginners and no prerequisites are required.

Register for FREE. Get your Pluralsight IQ.

You’ll get unlimited access to adaptive skill assessments that help you validate your skills in as little as 5 minutes, and you'll get to see the Pluralsight platform first-hand.