Welcome to ONLC Training Centers


Angular 4 Introduction Course Outline

 (4 days)

Overview
Introduction to Angular training covers everything you need to know to get started with this next generation of the Angular framework. Angular (version 4 and above using TypeScript) makes the creation of single page applications even easier that before. In this course developers will learn to use Angular Directives and to create Angular Components and Services to develop applications based on the Model-View-Controller (MVC) architecture. You will learn to use HTML Templates to define views and to connect views with code using output, two-way, event and property bindings. The course reviews the benefits and challenges of Single Page Applications and how to overcome those challenges using the Angular Router. The course also covers everything you need to know about Typescript - a programming language based on JavaScript that is used to create Angular applications.

Learning Objectives
In this training, attendees will learn how to:
Create single page web applications using the MVC pattern of Angular
Understand how write and organize Angular code
Program Angular View Components and Services
Use Angular output, two-way, event and property bindings
Exchange data with network servers using the Angular HTTP Client
Work with Angular Pipes to format data
Create and work with Angular Forms
Angular Component Router

Prerequisites
Students should have some prior understanding of web development using, HTML, CSS and JavaScript. Students should also have basic programming experience in at least one of the following programming languages, html, c#, VB, VB.net, css, javascript, typescript, ASP, ASP.net or another web or application programming language. Experience developing with AngularJS or Angular 2 (the prior versions) is not required.
Lab exercises provide essential and real world practical hands-on experience for each topic.

Course Outline

Section 1. Introducing Angular
Creating a Simple Reddit Clone
Understanding Requirements and Recommendations for Running an Angular 4 Application
Running an Application - Components
Adding Data to a Component
Working with Arrays
Using the User Item Component
Understanding Bootstrap
Working with the Application Component
Deploying your Applications

Section 2. How Angular Works
Applications and the Navigation Component
Using the Breadcrumbs Component
Using the Product List Component
Building a Product Model
Using the Component Decorator
Adding Products to your Application
Understanding View and Controller using the Product List Component
Using the Product Row Component
Additional Angular Product Components - Image, Display and Department
Using NgModule and Booting Applications
Introduction to Data Architecture

Section 3. Built in Directives
Using the NgIf Directive
Using the NgSwitch Directive
Using the NgStyle Directive
Using the NgClass Directive
Using the NgFor Directive and Indexing
Using the NgNonBindable Directive

Section 4. Forms in Angular
Using Forms in Angular
FormControl and FormGroups
Loading the FormsModule
Using the FormBuilder
Understanding Reactive Forms
Adding Form Validation
Using ngModel with Forms

Section 5. HTTP
Using @angular/http
Building a Basic Request Using SimpleHttpComponent
Writing a YouTube Search Component
@angular/http API Requests

Section 6. Routing
Using When to Use Routing
How Client Siding Routing Works
Writing Routes in Angular
Understanding the Components of Angular Routing
Routing Strategies
Understanding Route Parameters
Router Hooks
Nesting Routes

Section 7. Dependency Injection
Using Dependency Injectors
Dependency Injection Parts
Providing Dependencies with NgModule
Understanding Class and Factory Providers
Dependency Injections in Apps

View outline in Word

XANG4I

Attend hands-on, instructor-led Angular 4 Introduction training classes at ONLC's more than 300 locations. Not near one of our locations? Attend these same live classes from your home/office PC via our Remote Classroom Instruction (RCI) technology.

For additional training options, check out our list of Courses and select the one that's right for you.

Microsoft Gold Partner
Need a price quote?

Follow the link to our self-service price quote form to generate an email with a price quote.

Email Alert

Receive an email when this class is available as "Ready to Run" or "Early Notice" status.

Attend from your office or home

If you have high-speed internet and two computers you can likely take this class from your office or home.

Need a class for a group?

We can deliver this class for a private group at your location. Follow the link to request more information.

Attend computer classes from ONLC Training Centers Request a copy via mail

GENERAL INFO

Class Format
Class Policies
Student Reviews

Bookmark and Share


HAVE QUESTIONS?
First Name

Last Name

Company

Phone

Email

Location

Question/Comment



ONLC TRAINING CENTERS
800-288-8221
www.onlc.com