Angular: Getting Started

By Deborah Kurata
Angular is one of the fastest, most popular open source web app frameworks today, and knowing how to use it is essential for developers. You'll learn how to create components and user interfaces, data-binding, retrieving data using HTTP, and more.
Start FREE course
Play course overview
Course info
Level
Beginner
Updated
Aug 14, 2019
Duration
5h 42m
Table of contents
Course Overview
Course Overview 1m
Introduction
Introduction 3m Anatomy of an Angular Application 2m Get the Most from This Course 3m Sample Application 3m Course Outline 2m
First Things First
Introduction 1m Selecting a Language 5m Selecting an Editor 1m Setting up Our Environment 2m Setting up an Angular Application 3m Installing an Angular Application 3m Running an Angular Application 3m About Modules 4m Summary 1m
Introduction to Components
Introduction 1m What Is a Component? 2m Creating the Component Class 2m Defining the Metadata with a Decorator 3m Importing What We Need 2m Demo: Creating the App Component 4m Bootstrapping Our App Component 4m Demo: Bootstrapping Our App Component 4m Checklists and Summary 5m
Templates, Interpolation, and Directives
Introduction 2m Building a Template 5m Building the Component 2m Using a Component as a Directive 5m Binding with Interpolation 4m Adding Logic with Directives: ngIf 5m Adding Logic with Directives: ngFor 5m Checklists and Summary 3m
Data Binding & Pipes
Introduction 2m Property Binding 4m Handling Events with Event Binding 5m Handling Input with Two-way Binding 5m Transforming Data with Pipes 4m Checklists and Summary 3m
More on Components
Introduction 2m Defining Interfaces 6m Encapsulating Component Styles 4m Using Lifecycle Hooks 4m Building Custom Pipes 7m Filtering a List 3m Checklists and Summary 3m
Building Nested Components
Introduction 3m Building a Nested Component 5m Using a Nested Component 4m Passing Data to a Nested Component Using @Input 3m Passing Data from a Component Using @Output 9m Checklists and Summary 3m
Services and Dependency Injection
Introduction 2m How Does It Work? 3m Building a Service 3m Registering the Service 4m Injecting the Service 5m Checklists and Summary 2m
Retrieving Data Using HTTP
Introduction 1m Observables and Reactive Extensions 6m Sending an HTTP Request 8m Demo: Sending an Http Request 2m Exception Handling 3m Subscribing to an Observable 2m Checklists and Summary 3m Demo: Subscribing to an Observable 4m
Navigation and Routing Basics
Introduction 2m Generating Code and Handling Undefined 6m How Routing Works 3m Configuring Routes 4m Demo: Configuring Routes 3m Tying Routes to Actions 4m Placing the Views 3m Checklists and Summary 4m
Navigation and Routing Additional Techniques
Introduction 1m Passing Parameters to a Route 3m Demo: Passing Parameters to a Route 3m Activating a Route with Code 7m Protecting Routes with Guards 3m Checklists and Summary 3m Demo: Protecting Routes with Guards 5m
Angular Modules
Introduction 1m What Is an Angular Module? 6m Bootstrap Array 1m Declarations Array 3m Exports Array 2m Imports Array 3m Providers Array 3m Feature Modules 4m Demo: Feature Modules 4m Shared Module 3m Revisiting AppModule 4m Checklists and Summary 4m
Building, Testing, and Deploying with the CLI
Introduction 1m Angular CLI Overview 2m ng new 7m ng serve 4m ng generate 1m ng test 2m ng build 3m Checklists and Summary 1m
Final Words
Introduction 1m Recapping Our Journey 2m Learning More 1m What Is Angular? (Revisited) 1m Closing 1m
Description
Course info
Level
Beginner
Updated
Aug 14, 2019
Duration
5h 42m
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.

About the author
Deborah Kurata
About the author

Deborah Kurata is a software developer, consultant, Pluralsight author, Google Developer Expert (GDE) and Microsoft Most Valuable Professional (MVP). Follow her on twitter: @deborahkurata

More from the author
Angular Routing
Intermediate
4h 49m
Aug 20, 2019
RxJS in Angular: Reactive Development
Beginner
3h 49m
Jul 17, 2019
More courses by Deborah Kurata
Section Introduction Transcripts
Section Introduction Transcripts

Course Overview
(Music) Hello. My name is Deborah Kurata, and I'd like to welcome you to my course, Angular: Getting Started, from Pluralsight. This beginner-level course takes you on a journey through the basic features of Angular. It guides you down the right path, making your own journey with Angular more pleasant and productive. Along the way, we build a sample application so you can code along or use it as a reference for your own development. You'll see how Angular provides a consistent set of patterns for building components, templates, modules, and services, helping you come up to speed quickly. This course covers how to build components, how to create the user interface for your application in a template, and power it up with data binding and directives. You'll discover how to build services for logic needed across components, and inject those services where they are needed. You'll learn how to send requests to a web server using HTTP and observables. And you'll see how to set up routing to navigate between the views of your application. In addition, you'll see how to use the Angular Command Line Interface, or CLI, to generate, execute, test, and deploy your Angular application. By the end of this course, you will know the basics you need to get started building your own Angular applications. I hope you'll join me on this journey through Angular: Getting Started, from Pluralsight.

You're the smartest person in the room

PROVE IT

Your team won't just close the skills gap

THEY'LL HURDLE IT