Angular 2.0

מק"ט: #3377 | משך קורס: 32 שעות אק'
| מספר מפגשים: 4

Angular 2 is a JavaScript Client Side Framework. Angular 2 maintain compatibility with web standards and it is easy to learn. Angular 2.0 will allow you to reuse your code in any deployment target such as web, mobile web, native mobile and native desktop. Angular 2.0 is using the popular reactive programing library RxJS and allow you to build very fast applications with the maximum speed possible on the Web Platform today. Angular 2.0 is coming with a great set of tooling helping you to write good code, test it and efficiently move it from development to production.

לפרטים נוספים, מלא את פרטיך או התקשר 03-7100673
*שדות חובה
PDF version

מטרות

  • Build Single Page Application with Angular 2
  • Understand how Angular 2 works
  • Use best practices for testing, app structure and performance.

קהל יעד

This course intends to front-end developers who wish to work with the best framework

תנאי קדם

Before attending this course, students must have:

  • Previous experience in Object Oriented Programming (Java, C++, C#)
  • Basic understanding of the HTTP protocol
  • Basic knowledge of HTML, CSS and JavaScript 

נושאים

Module 1 - Introduction to Angular 2

  • Single Page Applications (SPA)
  • The need for javascript framework
  • Reactive Programing and the future of Web Applications
  • AngularJS vs. Angular 2 vs. React
  • Setting up the environment
  • “Hello Angular 2” - your first app.

 

Module 2 - Type Script

  • Angular 2 is built on Type Script
  • JavaScript, ECMAScript5 , ECMAScript 6 and Type Script
  • Understanding the JavaScript Closures
  • Types
  • Classess
  • Inheritance
  • Generics Modules
  • Tools
     

Module 3 - Angular 2 behind the hood

  • Angular 2 architecture
  • How angular 2 works
  • The application
  • The model
  • The components
  • The component decorator
  • Putting it all together

 

Module 4 - Angular 2 Components

  • NgFor
  • NgIf
  • NgSwitch
  • NgNonBindable
  • NgStyle
  • NgClass

 

Module 5 - Angular 2 Forms

  • Forms in angular 2
  • Using controls in forms
  • Using Control Groups
  • Constructing a Form using a FormBuilder
  • Input Validations
  • Watchers
  • The NgModel

 

Module 6 - Routing

  • What is Routing
  • The need for routing
  • Routing options
  • Path Location
  • Passing parameters
  • Nested routes
  • Lazy Loading and Performance

 

Module 7 - Services, Observers and the Rxjs library

  • Understanding Reactive Programing
  • Working with the RxJS library
  • Working with data Observables
  • Promises vs. Observables
  • Implementing custom services

 

Module 8 - Data Model

  • The importance of a solid data model
  • Constructing your Data Models
  • Validating data in the model
  • Sharing data model with the server

 

Module 9 - Views, Directives and responsive design

  • Creating views and html templates
  • Creating DIrectives
  • Responsive design and your template layout
  • Using themes
  • Working with Angular Material 2
  • Working with Angular Bootstrap

 

Module 10 - communicating with the server

  • XHR and AJAX
  • Working with Angular 2 http
  • Basic get request
  • Using REST
  • Http and promises
  • Http api

 

Module 11 - Testing

  • Testing overview
  • End-to-End vs. Unit Testing
  • Jasmine testing
  • Class testing
  • Pipe testing
  • Async Service Testing
  • The Angular Test Environment
  • Component Testing
  • Testing tools 
תגיות