Angular Course Content

Course Outline: Angular 4

Introduction

·         Course Objectives

·         Course Outline

·         What is Angular

·         Why use Angular

Course Outline

 

Java Script/JQuery

·         What is java script?

·         Testing your Visitor’s Browser

·         Setting up Variables in JavaScript

·         JavaScript Conditional Statement

·         JavaScript Loops

·         Arrays!

·         JavaScript Events and Functions

·         JavaScript from Validation

·         JQuery Calendar

·         JQuery Menu

·         JQuery Expand/collapse

·         JQuery Slider

AngularJS to Angular 4

·         What’s Changed

·         Semantic Versioning

Introduction to TypeScript

·         Why Use TypeScript

·         Basic Types

·         Classes and Interfaces

·         Type Definitions

·         Compiling TypeScript

ES2015 Primer

·         Let and Const

·         Template Strings

·         Lambda Functions

·         Modules

Environment Setup

·         Node / NPM

·         Polyfills

·         TypeScript

·         Module Bundler (Webpack)

·         Code Linting

·         Test Setup

·         Application File Structure

·         Angular CLI

·         Code Editors

Getting Started

·         Our First Component

Modules

·         Why use Modules

·         NgModule

·         Declarations

·         Providers

·         Imports

·         Bootstrapping

·         The Core Module

·         Shared Modules

Components

·         Introduction to Components

·         Component Architecture Patterns

·         Decorator Metadata

·         State & Behaviour

·         Inputs and Outputs

Templates

·         Inline vs External

·         Template Expressions

·         Data Bindings

·         Built-in Structural Directives

·         Built-in Attribute Directives

Custom Directives

·         Types of Directive

·         Create your own Structural Directive

·         Create your own Attribute Directive

 

Pipes

·         Built-in Pipes

·         Custom Pipes

Services

·         Introduction to Services

·         Building a Service

Dependency Injection

·         Introduction to Dependency Injection

·         Injectors & Providers

·         Registering Providers

Lifecycle Hooks

·         Component LifeCycle

·         Using ngOnInit

·         All lifecycle Hooks

Change Detection

·         What is Change Detection

·         Zone.js

Routing

·         The Component Router

·         Defining Routes

·         Navigation

·         Route Params

·         Child Routes

Advanced Routing

·         Route Guards

·         Route Resolves

 

Template-driven Forms

·         Introduction to forms

·         Template-driven forms

·         Validation

Model-driven Forms

·         Introduction to ‘Reactive’ forms

·         FormGroup&FormControl

·         Validators

Asynchronous Operations

·         Introduction to Async

·         Promises

·         Observables

·         Async Pipes

·         HTTP Request / Response

Advanced HTTP

·         Headers & Request Settings

·         Providing HTTP

Component Styling

·         Introduction to Angular Styling

·         Component Styling

·         Shadow DOM

·         Loading Styles

Animation

·         Introduction to Animations

·         State & Transitions

·         Animatable Properties

·         Keyframes

 

Testing

·         Introduction to Testing

·         Unit Testing

·         E2E Testing

Security

·         Security in Angular

·         Sanitization

·         Trusting Values

·         Cross-site Request Forgery

Module Internationalization

·         Pre-compiled and runtime

·         Using ng2-Translate

Performance

·         Change Detection Strategy

·         Running outside the Zone

·         Web Workers

Optimization & Deployment

·         Precompiling (AoT)

·         Lazy Loading

·         Deployment Best Practices

·         Production Mode  

Upgrading from AngularJS 1.X to Angular 2+

·         Introduction to Upgrading

·         Project Preparation

·         Upgrade Adapter

Native Applications

·         Introduction to Native

·         Cordova

·         Ionic

·         React Native

·         NativeScript

·         Progressive Web Apps

·         Electron

Server-side Rendering

·         Introduction to Server-side Rendering

·         Angular Universal 

 

 

Navigate to

Advertisment

ad

X

Request a call back