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.
Get started
Play course overview
Course info
Rating
(5094)
Level
Beginner
Updated
Jun 9, 2021
Duration
5h 51m
Table of contents
Course Overview
Course Overview 2m
Introduction
Introduction 3m Anatomy of an Angular Application 2m Get the Most from This Course 2m Sample Application 4m Course Outline 2m
First Things First
Introduction 1m TypeScript 3m Installing What We Need: Editor 2m Installing What We Need: npm 3m Installing What We Need: package.json 2m Setting up the Angular Application 5m Running an Angular Application 4m Creating an Angular Application Using the Angular CLI 4m Summary 2m
Introduction to Components
Introduction 2m What Is a Component? 2m Creating the Component Class 2m Defining the Metadata with a Decorator 2m Importing What We Need 2m Demo: Creating the App Component 5m Bootstrapping Our App Component 5m Demo: Bootstrapping Our App Component 4m Something's Wrong! 4m Checklists and Summary 3m
Templates, Interpolation, and Directives
Introduction 2m Building a Template 6m 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 6m 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 3m Using Lifecycle Hooks 4m Building Custom Pipes 6m Getters and Setters 5m Filtering and Arrow Functions 5m Checklists and Summary 3m
Building Nested Components
Introduction 3m Building a Nested Component 5m Using a Nested Component 3m Passing Data to a Nested Component Using @Input 3m Handling Events 2m Passing Data from a Component Using @Output 6m Checklists and Summary 2m
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 Using an Observable 3m Setting up an HTTP Request 5m Demo: Setting up an HTTP Request 3m Exception Handling 3m Subscribing to an Observable 4m Demo: Subscribing to an Observable 6m Checklists and Summary 3m
Navigation and Routing Basics
Introduction 1m Generating Code with the Angular CLI 5m How Routing Works 3m Configuring Routes 4m Demo: Configuring Routes 2m Tying Routes to Actions 4m Placing the Views 3m Checklists and Summary 3m
Navigation and Routing Additional Techniques
Introduction 1m Passing Parameters to a Route 4m Demo: Passing Parameters to a Route 4m Handling Null and Undefined 4m Activating a Route with Code 3m Protecting Routes with Guards 2m Demo: Protecting Routes with Guards 6m Checklists and Summary 3m
Angular Modules
Introduction 1m What Is an Angular Module? 5m Bootstrap Array 1m Declarations Array 2m Exports Array 2m Imports Array 3m Providers Array 1m Feature Modules 3m Demo: Feature Modules 4m Shared Module 5m Revisiting AppModule 2m Checklists and Summary 3m
Building, Testing, and Deploying with the CLI
Introduction 1m Angular CLI Overview 3m Generating a New Angular Application (ng new) 5m Serving the Application (ng serve) 4m Generating Code (ng generate) 2m Testing the Application (ng test) 1m Building the Application (ng build) 2m Checklists and Summary 1m
Final Words
Introduction 1m Recapping Our Journey 2m Enhancing Your Development 2m Learning More 1m Closing 1m
Description
Course info
Rating
(5094)
Level
Beginner
Updated
Jun 9, 2021
Duration
5h 51m
Your 10-day individual free trial includes:

Expert-led courses

Keep up with the pace of change with thousands of expert-led, in-depth courses.
Start a 10-day free trial
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.

Course FAQ
Course FAQ
What is Angular?

Angular is a TypeScript-based open-source web application framework guided by the Angular team at Google.

What is Angular used for?

Angular is used most often used by beginner programmers who have little experience with JavaScript to create applications and web app frameworks.

What will I learn in this Angular course?

In this course, you will learn about components, templates, data binding and directives, services and dependency injection, Http and observables, navigation and routing, and Angular CLI. By the end of this course, you will know the basics of building your own Angular applications.

What are some of the benefits of an Angular application?

Some of the benefits of Angular are: two-way data binding, directives, strong community, dependency rejection, reusability, and readability.

What is Angular CLI?

Angular CLI is a command-line interface tool that is used to intialize, develop, and maintain other Angular applications directly from a command shell.

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

Course info
Rating
(5094)
Level
Beginner
Updated
Jun 9, 2021
Duration
5h 51m
Pluralsight IQ
Know exactly where everyone on your team stands with assessments and analytics.
Try our full library including this course free for your whole team for 14-days.