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
- 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 (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. 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 6. Dependency Injection
- Using Dependency Injectors
- Dependency Injection Parts
- Providing Dependencies with NgModule
- Understanding Class and Factory Providers
- Dependency Injections in Apps
