• MVC , MVVM , SPA With Angular
• Why Angular 8 ?
• AngularJS Angular 7
• Development Environment

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

Extreme70 Lab : ES6 Features

Extreme70 Lab : Type Script dev Cycle

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

• 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

• 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

• 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

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

Extreme70 Lab : Create & Consume custom service

Extreme70 Lab : Implementing SOA with cascading services

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

Extreme70 Lab : Create a RESTfull service

Extreme70 Lab : Connecting the server with RxJS

• 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