Angular 7  is the next version of Google’s massively popular MV* frameworkfor building complex applications in the browser (and beyond).

Angular 7  comes with almost everything you need to build a complicated frontend web or mobile apps, from powerful templates to fast rendering, data management, HTTP services, form handling, and so much more.

32 Hours (6 Meetings)  

Front end developers with good knowledge in JS

Module 1 – Introduction to Angular 7

• MVC , MVVM , SPA With Angular
• Why Angular 7 ?
• AngularJS Angular 2 Vs. Angular 4 Vs. Angular 7
• Development Environment

Module 2 – Type Script & ECMA Script 6

• Interfaces
• Import/Export
• Classes & Objects
• Promises
• Arrow functions
• Maps Filter & Reduce
• Decorators

Extreme70 Lab : ES6 Features

Extreme70 Lab : Type Script dev Cycle  

Module 3 – Basic Architecture

• Angular 7 architecture
• How Angular 7 works
• The model
• The components
• Components Definition & Composition

Module 4 – Components

• Shadow DOM
• Components Definition
• Components Composition
• Templates & Styles
• Core Directives

Extreme70 Lab : Component Creation

Extreme70 Lab : Component Styling

Extreme70 Lab : Dynamic HTML with built-in directives

Module 5 – Components Internals

• Nested Components
• Components Definition
• Data Projection
• Component Inputs by Properties
• Component Output by Events

Extreme70 Lab : Nested Components

Extreme70 Lab : Pass Data from parent to child

Extreme70 Lab : Pass Data from child to parent

Extreme70 Lab : Master-Details implementation

Module 6 –  Forms

• Model driven
• Template driven
• Form Builder
• Adding some validation
• Errors and submission
• Creating a custom validator
• Grouping fields
• Reacting on change

Extreme70 Lab : Template Driven Forms

Extreme70 Lab : Validation Rules & Error Messages

Extreme70 Lab : Submitting a Form Data

 Module 7 – Services

• Dependency Injection
• The role of service
• Built in services
• Custom services

 Extreme70 Lab : Create & Consume custom service

Extreme70 Lab : Implementing SOA with cascading services

Module 8 – Communicating The Server 

• Modern Web System Architecture
• The http provider
• RESTfull service basics
• RXJS

Extreme70 Lab : Create a RESTfull service

Extreme70 Lab : Connecting the server with RxJS

Module 9– Routing & SPA (Single Page Application)

• What is Routing
• The need for routing
• Routing options
• Path Location
• Passing parameters
• Nested routes

Extreme70 Lab : Implementing SPA

Extreme70 Lab : Master-Details with routing & parameters

Module 10 – Final Project