Advanced Angular Programming
About this Course
This Advanced Angular Programming training class covers advanced topics of this next generation of the Angular framework. This course is intended for those that already have a basic understanding of the Angular fundamentals and now want to cover more advanced features the Angular framework offers.
This course includes advanced topics including specifics about how to consume REST web services and WebSocket data from Angular applications. Advanced use of the Angular Routing module and Angular Animations are covered. You will learn how to develop Angular applications using Angular CLI. Details of how to test and debug Angular applications are covered in addition to best practices for the style and organization of Angular projects.
Note: Although initially the 1st major revision of the AngularJS framework was known as "Angular 2" this is now technically incorrect as the Angular framework is releasing newer major versions (although the structure is still the same). Now "AngularJS" refers to the old architecture while simply "Angular" refers to the new architecture.
At Course Completion
Upon completing this course, students will be able to:
- Consume data from REST web services.
- Consume WebSocket data.
- Advanced Router Usage.
- Angular Animations.
- Testing and debugging Angular applications
- AngularCLI.
- Best practices for Angular application style and organization.
Prerequisites
Experience in the following is required for this Angular class:
- Some prior understanding of Angular fundamentals in addition to web development using HTML, CSS, and JavaScript. Experience developing with AngularJS (the prior version) is not required.
Course Outline
1. Advanced Routing
- Routing Overview
- External Route Configuration File
- Dedicated Router Module
- routerLinkActive binding
- Wildcard Route Path
- redirectTo
- Default Route
- Child Routes
- Defining Child Routes
- for Child Routes
- routerLink Prefixes
- Invoking Child Routes
- Navigation Guards
- Creating Guard Implementations
- Using Guards in a Route
- Route Animations
- Summary
2. Angular Animations
- What is Animation?
- Animation Techniques
- Animation Concepts
- CSS Property Animation
- Animation Property Settings
- CSS Transforms
- Starting and Stopping Animation
- Animation Events
- Browser Support
- Angular Animations
- Animation Imports
- Named Animation States
- Transitions
- Special States: void, *
- The animate() function
- Triggers
- Assigning Animations to Elements using Trigger
- Invoking Transitions
- Assigning Animation to Routes
- External Animation Definitions
- Summary
3. Consuming REST Web Services in Angular
- Query Parameters
- URL Path Parameters
- Accepts Header
- Content-Type Header
- GET
- POST
- PUT
- DELETE
- Summary
4. Consuming WebSockets Data in Angular
- WebSockets Overview
- WebSockets Use Cases
- Angular Libraries for WebSockets
- WebSockets From Angular Components
- Summary
5. Testing Angular Components and Services
- Why Test Angular Components?
- Jasmine
- Karma
- Protractor
- ngMock
- Angular TestBed
- Testing Services
- Testing Components
- Summary
6. Developing Using AngularCLI
- What is AngularCLI?
- Installing AngularCLI
- Creating Angular Apps
- Running Angular Apps
- Generating Code
- The WebPack Module Loader
- Summary
7. Debugging
- What is Augury?
- Installing Augury
- Opening Augury
- Augury Demo App
- Component Tree
- Router Tree
- debug Examples
- Summary
8. Angular Style Guide
- What is the Angular Style Guide?
- Where To Find It
- Style Categories
- Single Responsibility
- Naming
- Coding Conventions
- Lifecycle Hook Interfaces
- Summary
Sorry! It looks like we haven’t updated our dates for the class you selected yet. There’s a quick way to find out. Contact us at 502.265.3057 or email info@training4it.com
Request a Date