Become an Angular Expert

Abstract

Getting started with Angular 2/4 is easy. You create a new project using @angular/cli and then generate some components and services.
After few months of development, you reveal that achieving high performant, clean, easy to maintain application requires much more than just writing down some components and services. Understanding Angular’s internals is a must
During this course, we cover the mechanisms and internals of Angular. We start with customizing the build & DEV environment, continue with building advanced components and deep dive into change detection, routing and much more
At the end of the course you will be able to explain how Angular works and use this knowledge to build faster and cleaner Angular applications

Learn from our expert and become an Angular expert yourself !

Prerequisites

  • Basic familiarity with Angular
  • Good familiarity with JavaScript
  • Good familiarity with the WEB world including HTTP, CSS and HTML

Content

Advanced ECMAscript6 & Typescript:

  • Block scoped variables
  • Arrow Function
  • Template String
  • Computed Properties
  • Destructing Assignment
  • Modules
  • Classes
  • Symbol Type
  • Iterators
  • Generators
  • Map/Set & friends
  • Typed Arrays
  • Promise
  • Proxy
  • Reflection

Setting up the Environment:

  • Externalizing the build process
  • NodeJS to the rescue
  • Understanding package.json and versioning strategy
  • Integrate IDE with the build process
  • Webpack vs. SystemJS vs. Rollup
  • Working with Webpack
  • Project directory structure
  • Configuration & Environments
  • Customizing Angular/CLI
  • Use express server for development needs
  • Production readiness – Bundling, minification, tree shaking and AOT

Advanced components:

  • View Encapsulation
  • Content projection (ng-content)
  • Lifecycle Hooks
  • Dynamic Component
  • ng-template & TemplateRef
  • Dynamic component
  • Accessing the DOM
  • Querying child components
  • Web Workers & Angular2
  • Server Side Rendering

Custom directives:

  • Attribute directive
  • Writing my own ngClass directive
  • Working with Differs
  • Handling events
  • Structural directive
  • Understanding the * syntax
  • exportAs
  • Template input variable
  • Writing my own ngIf
  • Writing my own ngRepeat

Routing:

  • The Challenge
  • Configuring routing
  • Outlets
  • Handling links
  • Sending parameters
  • Lifecycle hooks
  • Nested routes
  • Route guards
  • Persisting complex state
  • Lazy loading
  • Server side implication

Understanding Change Detection:

  • Change Listeners vs. Dirty Checking
  • Diffing Data vs. Diffing DOM
  • What causes a change
  • Who notifies Angular
  • Zones
  • Change Detector
  • Performance of change detection
  • Improving change detection using Immutable
  • OnPush strategy
  • Improving change detection using Observable
  • markForCheck and other APIs

Dependency Injection:

  • The Pattern
  • Angular POV
  • Basic DI
  • How does it works
  • ReflectiveInjector
  • Provider recipes
  • Dependency metadata & Typescript
  • Child injector
  • Aliasing
  • InjectionToken
  • forwardRef
  • Multi provider
  • Cyclic dependency

State Management:

  • Components & Services are not enough
  • Trackable data flow
  • Transactional data store
  • Undoable data store
  • Centralizing data
  • Unidirectional data flow
  • Immutability
  • Flux/Redux
  • Plain Rxjs
  • Ngrx/store

 

Duration

4 days

Enroll Now
Contact us
Share: