Courses55267A: Mastering AngularLength: 2 Days Cost: $1,395 + GST Version: Visual Studio![]() ![]() ![]() Click on the dates to book online
Can't find a class in your area? Contact our sales team and request a class date. About this CourseSo, you dipped your toes into the waters of Angular? Time to get your boots wet! This training will take you from being an average Angular developer to a great one. You'll gain more insight in the workings of Angular and you'll explore more advanced programming techniques like RxJS and working with Redux. Advanced Forms will hold no secrets and you will acquire the assets to make your Angular application production ready. This course is constantly being updated to the latest version of Angular, currently Angular 6. AudienceThis course targets professional web developers that really want to master Angular. Participants of this course need to have a decent understanding of Angular and TypeScript. Prerequisites
At Course CompletionAfter attending this course students should be able to:
Course OutlineModule 1: Reactive Extensions for JavaScript Reactive programming is a world on its own and is not necessarily tied to Angular. However Angular uses RxJS in many of its APIs, so we must have a proper understanding of what it means to write reactive code. RxJS has a steep learning curve. But once you master it, there is no going back. Lessons
Lab 1: Search Spotify
After completing this module, students will be able to:
Module 2: Change Detection This module will teach you about the internals of Angular. This knowledge is primarily useful for performance tuning and debugging strange behavior. Lessons
After completing this module, students will be able to:
Module 3: State management with Redux With the increasing complexity of client-side applications, a lot of state has to be kept. It's quite a challenge to keep all state consistent. Redux introduces a pattern to manage this state in a convenient way, while keeping your UI up to date as well. Lessons
Lab 1: Redux Todo App
After completing this module, students will be able to:
Module 4: Bringing Redux to Angular with ngrx ngrx is an implementation of Redux for Angular. It puts the theory of the previous module to practice. Lessons
After completing this module, students will be able to:
Module 5: The ngrx Store This module explains the details of the store in ngrx. Lessons
After completing this module, students will be able to:
Module 6: ngrx Reducers This module explains how reducers work and how to make them more manageable. Also, you will lean how to deal with side-effects. Lessons
Lab 1: Spotify Reducers
Module 7: Smart and Dumb Components Should everyone be able to talk everything? No! Here we learn how to avoid chaos by splitting up our component into smart and dumb ones. Lessons
Lab 1: Spotify Dispatch and Select
After completing this module, students will be able to:
Module 8: Structuring an Application Applications grow larger, code bases become unmanageable. Unless you structure them right. This module will show you how. Lessons
Lab 1: Struturing the Weather App
After completing this module, students will be able to:
Module 9: Forms Advanced This module explains how to work with dynamic forms. These are forms that change as the user provides information. Using nested forms allows for more manageable chunks of code. Lessons
Lab 1: FormArray and Nesting
After completing this module, students will be able to:
Module 10: Angular Universal Angular takes a lot of measures to make your app high-performant. But you can take it a bit further, especially when it comes to load times. In this Module you will learn about Ahead-Of-Time compilation and hot loading using Angular Universal. Here you'll learn the difference between a good and a great application and how to please the elders of the internet. Lessons
After completing this module, students will be able to:
|
|