Downloaded 26 times
![@angular/cli command
• ng new [project]
• ng generate component [component]
• ng generate service [service]
• ng generate directive [directive]
• ng generate pipe [pipe]
• ng generate class [class]
• ng generate interface [interface]
• ng generate enum [enum]
• ng serve
• ng build [--prod] [--aot]
• ng test
• ng lint](https://image.slidesharecdn.com/angular-171227144647/75/Angular-17-2048.jpg)
Uploaded byMouad EL Fakir
Angular
Angular is a development platform for building mobile and desktop web applications using TypeScript/JavaScript. It is an update to AngularJS with a focus on mobile and typesafety. Major versions include Angular 1.x, 2.x, 4.x and 5.x. Angular uses components, services and modules to build applications with templates and styles. It is compiled to JavaScript using transpilation and supports AOT and JIT compilation. Common tools used with Angular include the Angular CLI, Webpack and Zone.js.
Angular
- 1.
- 2. What is Angular? Angular is a development platform for building mobile and desktop web applications using Typescript/JavaScript and other languages.
- 3. AngularJS vs Angular AngularJSAngular $scopes No $scope Controllers based Ui Components based UI JavaScript TypeScript No mobile support Mobile support (mobile oriented architecture) Js library Framework
- 4. Version of Angular? 1.x 2.x 4.x 5.x
- 5. Version of Angular? 1.x 2.x 4.x 5.x ?
- 6.
- 7.
- 8.
- 9. Browsers Support &Polyfills
- 10.
- 11. Angular Modules • @angular/cli •@angular/animations • @angular/common • @angular/core • @angular/compiler • @angular/forms • @angular/http • @angular/platform-browser • @angular/platform-browser-dynamic • @angular/router • @angular/upgrade
- 12. What is Webpack? •Modules Loader •Modules Bundler •Loaders : •babel-loader •css-loader •ts-loader
- 13. What is Zone.js? •Zones definition •Stack trace logging •Change detection
- 14. TypeScript & Transpilation •Browsersdoesn’t understand Typescript and ES6 yet. •Easy to use for Java developers. •Transpilation != Compilation. ES5 ES6 TYPESCRIPT
- 15. Build : AOT& JIT •JIT -> Just-in-Time •IOT -> Ahead-of-Time
- 16.
- 17. @angular/cli command • ngnew [project] • ng generate component [component] • ng generate service [service] • ng generate directive [directive] • ng generate pipe [pipe] • ng generate class [class] • ng generate interface [interface] • ng generate enum [enum] • ng serve • ng build [--prod] [--aot] • ng test • ng lint
- 18. TypeScript & ES6features • Let • Const • Template Strings • Fat Arrow Functions • For of • Class & Interface • Decorators • Modules • Types
- 19.
- 20.
- 21. ReactiveX (RxJS) Observable.from({1, 2,3}) .filter(i -> i < 2) .map(i -> i + 1) .subscribe(i -> print(i)) .catch(err -> `error is ${err}`) .finally('completed')
- 22.
- 23. 01010100 01101000 0110000101101110 01101011 01110011