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