3 arrows

Summer-Ready Savings: Up To $500 Off Training 

closeClose

Angular 7

  • Contact Us For Pricing
  • Reviews star_rate star_rate star_rate star_rate star_half 4064 Ratings
  • Course Code ANGL7
  • Duration 5 days
  • Available Formats Classroom

After understanding how HTML5 and JavaScript work together you soon realize that to create truly capable web applications, the code becomes complex and expensive to maintain. That's where Angular comes in. This framework allows us to drastically reduce the amount of JavaScript code written, making our web apps easier to understand at all levels. Angular lets developers think of their pages as sets of components and makes our web apps truly abstract.

  • Angular is the framework of choice for organizations who are creating the best and newest web applications. This interactive course will get your developers ready to begin using Angular to keep you at the cutting edge of technology.

Skills Gained

Upon completion of this course, the student should be able to:

  • Create fully-featured dynamic single-page web apps with Angular that allow user inputs and responds to events
  • Explain how TypeScript allows you to write future JavaScript today
  • Understand and use Angular components, one-way and two-way binding, property binding, expressions
  • Employ Angular Component Router
  • Consume RESTful Ajax services through promises and observables
  • Exchange data with network servers using the Angular HTTP Client
  • Create and work with Angular Forms and form validation
  • Employ best practices for Angular application style and organization

Prerequisites

Understanding of HTML5 and a very strong grasp of object-oriented JavaScript.

Course Details

Schedule

  • Day 1 - Intro to Angular, The Angular CLI, The Big Picture of Angular
  • Day 2 - TypeScript Intro, Components Intro, Built-in Directives
  • Day 3 - Routing Intro, Event Binding, Forms
  • Day 4 - Composition with Components, Ajax and REST, Observables
  • Day 5 - Services, Pipes (time permitting), Modules (Time permitting)

Outline

Course Overview

Intro to Angular

  • What Angular does for you
  • How it go to today
  • The heart of Angular
  • It's opinionated!
  • The infrastructure

The Angular CLI

  • Why the CLI?
  • Installing
  • Scaffoling an app
  • Scaffolding components
  • How to develop with the CLI
  • Using the built-in node server
  • Going to production

The Big Picture

  • Components are the heart
  • Properties vs attributes
  • How it all fits together
  • Modules
  • Separation of logic from view
  • The four kinds of bindings
  • How Angular runs
  • Why SPAs?

TypeScript

  • JavaScript versions (es2015, 16, 17 to the present)
  • Why use TypeScript?
  • How TypeScript works behind the scenes
  • TypeScript features needed for Angular
  • Modules, arrow functions, and classes
  • Public/private members
  • Static typing with TypeScript
  • Constructor shorthand
  • Decorators

Components Introduction

  • To create a component
  • Interpolation - binding data from the class to the view
  • Template references
  • Expressions deep dive
  • The 3 methods of styling a component
  • Stylesheets
  • styleUrls vs. styles

Built-in Directives

  • The 5 different types of directives
  • Attribute directives
  • ngStyle and ngClass
  • The structural directives
  • *ngIf
  • *ngSwitchCase
  • *ngFor

Angular Routing

  • How Angular handles SPAs
  • The steps to routing
  • Setting the root of your SPA
  • The router-outlet
  • How to design and code your routes
  • Handline a direct URL
  • Pushing the user to a route via JavaScript
  • Creating well-designed links
  • Reading route parameters
  • Reading queryStrings

Event Binding

  • All the events Angular supports
  • How to wire up the events
  • Handling the event object

Forms and two-way binding

  • Two-way binding with ngModel
  • Avoiding the common mistakes
  • Validation with status tokens
  • Error tokens
  • Automatic CSS class settings

Composition with Components

  • The case for components
  • The steps to compose
  • Passing data from host to inner
  • The trick to passing data back up
  • Emitting custom events
  • Two-way binding between components

Ajax in Angular

  • Why Angular is the perfect place to handle Ajax and RESTful calls
  • HttpClient and HttpClientModule
  • How to handle the callback with Promises and async/await
  • What's in the response object
  • How to unwrap it

Observables

  • What is an observable?
  • How they're different from Promises
  • How to create and process an observable
  • Observables are lazy - why
  • Pipeable (lettable) operators
  • Using them with HTTP and RESTful services

Services in Angular (Time Permitting)

  • Dispelling the wrong beliefs about services - What they really are
  • Best practices and patterns
  • How to add services
  • Best placement in your project
  • Writing and using custom services

Angular Pipes (Time Permitting)

  • Pipes are like Unix pipes
  • All the built-in Angular pipes
  • How to create custom pipes

Modules (Time permitting)

  • Why modules?
  • Shared modules
  • Creating modules
  • What goes in the decorators?
  • Providing services
  • Specifying Inline Styles (JavaScript)

When does class start/end?

Classes begin promptly at 9:00 am, and typically end at 5:00 pm.

Does the course schedule include a Lunchbreak?

Lunch is normally an hour long and begins at noon. Coffee, tea, hot chocolate and juice are available all day in the kitchen. Fruit, muffins and bagels are served each morning. There are numerous restaurants near each of our centers, and some popular ones are indicated on the Area Map in the Student Welcome Handbooks - these can be picked up in the lobby or requested from one of our ExitCertified staff.

How can someone reach me during class?

If someone should need to contact you while you are in class, please have them call the center telephone number and leave a message with the receptionist.

What languages are used to deliver training?

Most courses are conducted in English, unless otherwise specified. Some courses will have the word "FRENCH" marked in red beside the scheduled date(s) indicating the language of instruction.

What does GTR stand for?

GTR stands for Guaranteed to Run; if you see a course with this status, it means this event is confirmed to run. View our GTR page to see our full list of Guaranteed to Run courses.

Does ExitCertified deliver group training?

Yes, we provide training for groups, individuals and private on sites. View our group training page for more information.

Does ExitCertified deliver group training?

Yes, we provide training for groups, individuals, and private on sites. View our group training page for more information.

Thank Tech Data for sponsoring this course you really take care of your partners.

Although there seemed to be too many links for the course, everything worked smoothly.

This course gave me a clearer understanding of the AWS cloud architecture.

Instructor was great, course was mostly very good except for too much focus on pricing

Great and very intuitive. Better than the traditional hit the wrong button/lose points.

0 options available

There are currently no scheduled dates for this course. If you are interested in this course, request a course date with the links above. We can also contact you when the course is scheduled in your area.

Contact Us 1-800-803-3948
Contact Us
FAQ Get immediate answers to our most frequently asked qestions. View FAQs arrow_forward