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.
Play course overview
Course info
Rating
(4220)
Level
Beginner
Updated
Aug 6, 2020
Duration
5h 52m
Table of contents
Course Overview
Course Overview 2m
Introduction
Anatomy of an Angular Application 2m Course Outline 2m Get the Most from This Course 3m Introduction 3m Sample Application 3m
First Things First
About Modules 4m Installing What We Need: Editor 2m Installing What We Need: npm 3m Installing What We Need: package.json 2m Introduction 1m Running an Angular Application 3m Setting up the Angular Application 4m Summary 1m TypeScript 3m
Introduction to Components
Angular Compiler and Compiler Errors 3m Bootstrapping Our App Component 5m Checklists and Summary 6m Creating the Component Class 2m Defining the Metadata with a Decorator 3m Demo: Bootstrapping Our App Component 4m Demo: Creating the App Component 4m Importing What We Need 2m Introduction 2m What Is a Component? 2m
Templates, Interpolation, and Directives
Adding Logic with Directives: ngFor 5m Adding Logic with Directives: ngIf 5m Binding with Interpolation 4m Building a Template 6m Building the Component 2m Checklists and Summary 3m Introduction 2m Using a Component as a Directive 7m
Data Binding & Pipes
Checklists and Summary 3m Handling Events with Event Binding 6m Handling Input with Two-way Binding 5m Introduction 2m Property Binding 4m Transforming Data with Pipes 4m
More on Components
Building Custom Pipes 7m Checklists and Summary 3m Defining Interfaces 6m Encapsulating Component Styles 4m Filtering a List 7m Introduction 2m Using Lifecycle Hooks 4m
Building Nested Components
Building a Nested Component 5m Checklists and Summary 3m Introduction 3m Passing Data from a Component Using @Output 9m Passing Data to a Nested Component Using @Input 3m Using a Nested Component 3m
Services and Dependency Injection
Building a Service 3m Checklists and Summary 2m How Does It Work? 3m Injecting the Service 5m Introduction 2m Registering the Service 4m
Retrieving Data Using HTTP
Checklists and Summary 3m Demo: Sending an Http Request 3m Demo: Subscribing to an Observable 4m Exception Handling 2m Introduction 1m Observables and Reactive Extensions 6m Sending an HTTP Request 5m Subscribing to an Observable 4m
Navigation and Routing Basics
Checklists and Summary 4m Configuring Routes 4m Demo: Configuring Routes 2m Generating Code and Handling Undefined 7m How Routing Works 3m Introduction 2m Placing the Views 3m Tying Routes to Actions 4m
Navigation and Routing Additional Techniques
Activating a Route with Code 3m Checklists and Summary 3m Demo: Passing Parameters to a Route 4m Demo: Protecting Routes with Guards 5m Introduction 1m Passing Parameters to a Route 3m Protecting Routes with Guards 2m
Angular Modules
Bootstrap Array 1m Checklists and Summary 4m Declarations Array 3m Demo: Feature Modules 4m Exports Array 2m Feature Modules 3m Imports Array 3m Introduction 1m Providers Array 3m Revisiting AppModule 4m Shared Module 5m What Is an Angular Module? 6m
Building, Testing, and Deploying with the CLI
Angular CLI Overview 2m Checklists and Summary 1m Introduction 1m ng build 3m ng generate 1m ng new 7m ng serve 4m ng test 2m
Final Words
Closing 1m Introduction 1m Learning More 2m Recapping Our Journey 2m What Is Angular? (Revisited) 1m
Description
Course info
Rating
(4220)
Level
Beginner
Updated
Aug 6, 2020
Duration
5h 52m
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 coming 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 NgRx: Getting Started
Beginner
4h 14m
Jun 30, 2020
Defensive Coding in C#
Beginner
2h 14m
Jan 2, 2020
More courses by Deborah Kurata
Section Introduction Transcripts
Section Introduction Transcripts

Course Overview
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