RSS

Angular 2.0 Course

JavaScript Core (Day 1)

Today JavaScript is  the language of the web. On the client, on the server, on the mobile, everywhere. But let's face it: JavaScript still has challenges. This course provides a developer-level introduction along with more advanced and useful features of JavaScript.

Module 1: Variables, Scope and Memory 

  • Primitive & reference values in variables
  • Execution Context & Scope
  • Garbage Collection
  • Function Expressions
    • Recursion
    • Closures
    • Block Scope
    • Private & Public Variables

Module 2: Async and Parallel in JavaScript 

  • Callbacks
  • Promises
  • Multithreading with Workers
  • Control Flow Libs
  • Reactive Extensions (Rx.js)
  • AMD & Require.js
  • js
  • Async & awiat in ES 7 

Module 3: JavaScript 6.0 (ECMAScript 2015) 

  • Syntax
  • Functions
  • Classes
  • Collections
  • Iterators & Generators
  • Modules
  • Template String
  • Proxy

Module 4: TypeScript 

  • Why TypeScript?
  • Basic Type
  • Interfaces
  • Classes
  • Modules
  • The Future

Angular A to Z (Day 2 – 3)

Angular is a development platform for building mobile and desktop applications. Angular is a development platform for creating applications using modern web standards. Angular includes a wealth of essential features such as mobile gestures, animations, filtering, routing, data binding, security, internationalization, and beautiful UI components. It's extremely modular, lightweight, and easy to learn.

Module 1: AngularJS Overview

This module gives a quick overview of the main angular components and how they work together. 

  • The Challenge with Web Apps (SPA)
  • Directives & Components
  • Pipes
  • Model, View & Controller
  • Modules
  • Routes
  • Factories

Module 2: Template Syntax

  • Interpolation
  • Template expressions
  • Binding syntax
  • Property Binding
  • Attribute, Class and Style Bindings
  • Event Binding
  • Two-way data binding with NgModel
  • Built-in Directives
  • * and <template>
  • Local template variables
  • Input and Output Properties
  • Template Expression Operators

Module 3: Dependency Injection (DI)

Angular 2.0 ships with powerful, yet simple-to-use dependency injection, allowing you to maintain modular applications without writing tedious glue code. Dependency injection helps you write tests by making it easy to inject test doubles.

  • Why Dependency Injection?
  • Angular Dependency Injection
  • Configuring the Injector
  • Services
  • @Injectable() & @inject
  • Injector Providers
  • The Injector Tree
  • Component Injectors 

Module 4: AngularJS Pipes

In this module we learn how to use pipes. Pipes transform displayed values within a template.

  • Using Pipes
  • Built-in pipes
  • Parameterizing a Pipe
  • Chaining pipes
  • Custom Pipes
  • Stateful Pipes
  • Async pipe

Module 5: Forms in AngularJS 2.0

In this module we learn how to build a form that creates a cohesive, effective, and compelling data entry experience. An Angular form coordinates a set of data-bound user controls, tracks changes, validates input, and presents errors. 

  • Overview
  • ng-model & ng-control directives
  • Track change-state and CSS special classes
  • Validation and Error messages
  • Form component & Control Component
  • Select options with *ng-for directive
  • Ng-submit

Module 6: Routing and Navigation

A new router for Angular 1.5 and 2.0, written with TypeScript. Angular 2.0 supports card stack navigation, animated transitions, and lazy loading for mobile users. 

  • Navigation flow
  • Configuring routes (@RouteConfig)
  • Router-link directive
  • Router-outlet Component
  • location class
  • Router class
  • Route class
  • Router lifecycle hooks
  • Lazy loaded routes and async routes

Module 7: Components

Angular components use web standards (such as shadow DOM and the HTML5 template tag) in browsers that support them. Angular components are lightweight, reusable, self-contained UI components that have a single specific purpose. 

  • Component Overview
  • Component Metadata (@component)
  • Lifecycle Hooks
  • Component encapsulation
  • Host
    • @HostBinding
    • @Input and @Output
    • @HostListener
    • @Query
  • View
    • @ContentChildren
    • @ViewChild
  • Component change detection startegy

Module 8: Attribute Directives

An Attribute directive changes the appearance or behavior of a DOM element.

  • Directive Overview
  • @Directive
  • Structural Directive
  • Attribute Directive
 

סגור לתגובות.

 
%d בלוגרים אהבו את זה: