• Onboard For Tech Teams

    • Reduce initial time to productivity.
    • Increase employee tenure.
    • Plug-and-play into HR onboarding and career pathing programs.
    • Customize for ad-hoc and cohort-based hiring approaches.

    Learn more
  • Upskill For Tech Teams

    • Upgrade and round out developer skills.
    • Tailor to tech stack and specific project.
    • Help teams, business units, centers of excellence and corporate tech universities.

    Learn more
  • Reskill For Tech Teams

    • Offer bootcamps to give employees a running start.
    • Create immersive and cadenced learning journeys with guaranteed results.
    • Supplement limited in-house L&D resources with all-inclusive programs to meet specific business goals.

    Learn more
  • Design For Tech Teams

    • Uplevel your existing tech learning framework.
    • Extend HR efforts to provide growth opportunities within the organization.
    • Prepare your team for an upcoming tech transformation.

    Learn more

Introduction to Angular

Get your team started on a custom learning journey today!

Our Boulder, CO-based learning experts are ready to help!

Get A Quote!

Course Summary

Home > Courses >Front-End Development Training >Angular >Introduction to Angular

The Introduction to Angular training course is designed to teach developers the basics of using Angular for web development.  

The course will begin by discussing building blocks and components of Angular including communication, lifecycle and component router. Students will then explore data bindings, directives and pipes.  Finally students will evaluate programming and HTTP clients related to Angular. Throughout the course attendees will work to build out an entire web application that comes into play in an actual real life project.

Purpose
Learn the basics of web development using Angular.
Audience
Web Developers wanting to learn more about Angular.
Role
Software Developer - Web Developer
Skill Level
Introduction
Style
Hack-a-thon - Targeted Topic - Workshops
Duration
3 Days
Related Technologies
Download
imgprinter
  • Productivity Objectives:
    • Understand the basic concepts of Angular.
    • Utilize the Angular CLI.
    • Build a web application using Angular.
Learn About Virtual Training

Request Information

Get your team upskilled or reskilled today. Chat with one of our experts to create a custom training proposal. Fully customized at no additional cost.

100secure

If you are not completely satisfied with your training class, we'll give you your money back.

secure100 secure100 secure100 secure100

about our training

  • keywordicon1
    Real-World Content

    Project-focused demos and labs using your tool stack and environment, not some canned "training room" lab.

  • keywordicon2
    Expert Practitioners

    Industry experts with 15+ years of industry experience that bring their battle scars into the classroom.

  • keywordicon3
    Experiential Learning

    More coding than lecture, coupled with architectural and design discussions.

  • keywordicon4
    Fully Customized

    One-size-fits-all doesn't apply to training teams. That's where we come in!

What You'll Learn

In the Introduction to Angular training course, you'll learn:

  • Introduction to Angular
    • What is Angular?
    • Why use it?
    • What about Angular 1?
    • Why TypeScript?
    • Introduction to Angular CLI
  • Building Blocks of an Angular Application
    • Modules and ngModule
    • Components, pipes, directives and services
    • Main.ts
    • Importance of using angular CLI to keep project structure updated
    • Angular builds: AOT vs JIT – What to use for production
    • Build modes and environments
  • Components
    • What are components?
    • Example of Angular component
    • Template and expressions
    • Passing data to a component with @Input()
    • Practicing with Angular CLI
  • Data bindings
    • One-way data bindings
    • Expressions
    • Two-way data bindings with ngModel
    • Template syntax
    • Template reference variables
  • Directives
    • What are directives for?
    • Different kinds of directives
    • ngFor
    • ngIf
    • ngSwitch
    • ngClass and ngStyle
    • How to create a custom directive?
    • Custom directive
  • Pipes
    • What are pipes for?
    • Examples of common Angular pipes
    • Pure and Impure pipes
    • How to create our own pipes?
  • Services and Dependency Injection
    • Difference between components and services
    • Dependency injection in Angular
    • Injector Tree
    • How to create a service?
  • Reactive Programming with RxJs Observables
    • Introduction to RxJS and Reactive Programming
    • What is an observable?
    • Writing our own Observable
    • RxJs operators
    • Examples of RxJs operators: max, merge, filter
  • HTTP Client
    • How to use the HTTP client?
    • Http Interceptor
    • Async pipe
  • Component Communication and Lifecycle
    • How do components share data?
    • Introduction to the component lifecycle
    • Lifecycle hooks
    • Change detection strategies
  • Component Router
    • What is the component router?
    • Example of component router in action
    • Child routes and route parameters
    • Guards for authentication and user rights
    • Lazy-loading
  • Forms
    • How to handle forms with Angular?
    • Template driven forms and reactive forms
    • Form validation and submission
    • Custom form validator
  • Advanced Projects and Tools
    • Progressive web apps
    • Angular Console
    • Compodoc
    • Custom Elements
    • Angular Material and CDK
    • CLI Schematics
    • Angular Universal or how to pre-compile on the server
    • Angular Augury: Debugging Angular apps in Google Chrome
    • Angular Augury
  • Testing Angular Applications
    • How to test Angular applications?
    • Karma and Jasmine
    • End to end tests with Protractor
    • Angular Test Bed
    • Mocking and stubbing with Jasmine and Angular
  • Resources and Best Practices
    • How to use angular.io (cheatsheet, etc.)
    • Style guide and best practices
    • Official Angular blog
Real-world content

Project-focused demos and labs using your tool stack and environment, not some canned "training room" lab.

Expert Practitioners

Industry experts that bring their battle scars into the classroom.

Experiential Learning

More coding than lecture, coupled with architectural and design discussions.

Fully Customized

One-size-fits-all doesn't apply to training teams. That's where we come in!

Elite Instructor Program

We recently launched our internal Elite Instructor Program. The community driven instructor program is designed to support instructors in transforming students’ lives by consistently showing a world-class level of engagement, ability, and teaching prowess. Reach out today to learn more about our instructors.

Customized Technical Learning Solutions to Help Attract and Retain Talented Developers

Get In Touch
Talk to one of our Learning Solution Architects today

Let DI help you design solutions to onboard, upskill or reskill your software development organization. Fully customized. 100% guaranteed.

DevelopIntelligence leads technical and software development learning programs for Fortune 500 companies. We provide learning solutions for hundreds of thousands of engineers for over 250 global brands.

99statisfaction1 Educate learners using experienced practitioners.
pularsight Proven customization process is guaranteed.
budgetnewlogo We're a strategic partner, not just another vendor.

“I appreciated the instructor’s technique of writing live code examples rather than using fixed slide decks to present the material.”

VMware
vmware View more