Angular 5 Development

Abstract

AngularJS positioned itself as the standard de facto for building single page applications. Its successor, Angular (now at version 5), offers even more. The focus moves from data binding and MVC to data flow and component based architecture.
Building SPA using Angular 5 should be as easy as AngularJS but with extra focus on correct modeling and correct architecture thus achieving fast and easily maintained applications.
During this course, we cover all major topics related to Angular 5 development. We begin with ECMAScript6 new features and overview of the Typescript language and then deep dive into Angular 5 details. At the end of this course you will be able to develop rich client side web application using Angular 5.

Target Audience

Developers

Prerequisites

  • Good familiarity with one of the OOP popular languages like Java or C#
  • Basic familiarity with JS
  • Basic familiarity with WEB world including HTTP, CSS, HTML
  • No Angular experience is required

Content

Advanced JavaScript:

  • Strict Mode
  • Useful JavaScript “tricks”
  • Closure is expensive
  • IIFE
  • Module patterns: AMD, CJS, ES6
  • Naïve Classes using Module Pattern
  • Prototypical classes & inheritance
  • Profiling Memory consumption of closures & classes

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

My first Angular application:

  • Getting Started with angular-cli
  • My first component
  • Bootstrapping
  • Play with data binding
  • Building sub component
  • Component interaction
  • Built-in components/directives
  • Working with HTTP
  • Building simple REST API with ExpressJS

Understanding Angular:

  • Content projection
  • View encapsulation
  • Zones
  • Change Detection
  • DOM compilation
  • Abstracting the DOM
  • Hierarchical Injector
  • Observables & OnPush

State Management:

  • The Challenge
  • Introducing Redux
  • Reducers
  • Actions
  • Action creators
  • Redux-Thunk
  • Middleware
  • Ngrx overview

Routing:

  • The Challenge
  • Configuring routing
  • Outlets
  • Handling links
  • Sending parameters
  • Lifecycle hooks
  • Nested routes
  • Persisting complex state

Forms & Validation:

  • Understanding two-way data binding
  • FormsModule
  • ngModel and related directives
  • CSS validation
  • Imperative validation
  • NgControl object model
  • Asynchronous validation
  • Reactive forms

Duration

4 days

Next public course

21/01, 24/01, 28/01, 31/01/2018 -הקורס הבא יתקיים ב

Enroll Now
Contact us
Share: