A Glimpse on Angular 4
2 likes1,560 views
Angular 4, a major release after Angular 2, introduces new features such as a smaller size, improved animation packages, and enhanced compatibility with TypeScript. The versioning misalignment of the router led to skipping Angular 3, ensuring core package alignment for easier maintenance. It includes detailed instructions for updating Angular on various operating systems and offers a comprehensive online course for learning Angular 4.
A Glimpse on Angular 4
- 2. Angular 4 ● Angular 4 is quite same as Angular 2 ● Component is the mixture of an HTML template, typescript code and a component class that controls a portion of the screen. ● Angular 4 is backward compatible with Angular 2 ● The reasons for this new major release are both new features as well as changes incompatible with the previous version. ● Angular 4 uses Semantic Versioning.
- 3. Why not Angular 3 then..?? Due to this misalignment of the router package’s version, the team decided to go straight for Angular v4. In this way again, all the core packages are aligned which will be easier to maintain and help avoid confusion in the future.
- 4. Glimpse on Angular 4 Whats new in Angular 4..? ● Angular 4 is Smaller and Faster ● Animation Package
- 5. Glimpse on Angular 4 Cont... New Features: ● View Engine ● Improved ngIf and ngFor (now you can use if/else style syntax) ● Angular Universal ● TypeScript 2.1 and 2.2 Compatibilty ● Source Maps for Templates
- 6. Glimpse on Angular 4 Cont... Packaging Changes: ● Flat ES Modules (Flat ESM/FESM) ● Experimental ES2015 Builds ● Experimental Closure Compatibility
- 7. Updating Angular to 4.0.0 On Windows: npm install @angular/common@latest @angular/compiler@latest @angular/compiler-cli@latest @angular/core@latest @angular/forms@latest @angular/http@latest @angular/platform-browser@latest @angular/platform- browser-dynamic@latest @angular/platform-server@latest @angular/router@latest @angular/animations@latest typescript@latest –save Then run whatever ng serve or npm start command you normally use, and everything should work.
- 8. Updating Angular to 4.0.0 On Linux/Mac: npm install @angular/{common,compiler,compiler-cli,core,forms,http,platform- browser,platform-browser-dynamic,platform-server,router,animations}@latest typescript@latest --save Then run whatever ng serve or npm start command you normally use, and everything should work. Source: ● Angular IO ● Stackoverflow
- 9. Angular 4 -The Complete Guide
- 10. Eduonix Introduces Angular 4 – The Complete Guide @ $15 To Get this Course at $15 Use Coupon Code : YT15 ● Lectures: 292 ● Video: 22 hours ● Language: English ● Includes: 30 day money back guarantee! Certificate of Completion. Lifetime Access. Reference Link : https://goo.gl/fhT2t5
- 11. Table of Contents ● SECTION 1 : Getting Started ● SECTION 2 : The Basics ● SECTION 3 : Course Project – The Basics ● SECTION 4 : Debugging ● SECTION 5 : Components & Databinding Deep Drive ● SECTION 6 : Course Project - Components & Databinding
- 12. Table of Contents Cont... ● SECTION 7 : Directives Deep Drive ● SECTION 8 : Course Project : Directives ● SECTION 9 : Using Services & Dependency Injection ● SECTION 10 : Course Project – Services & Dependency Injection ● SECTION 11 : Changing Pages with Routing ● SECTION 12 : Course Project – Routing
- 13. Table of Contents Cont... ● SECTION 13 : Understanding Observables ● SECTION 14 : Course Project – Observables ● SECTION 15 : Handling Forms in Angular Apps ● SECTION 16 : Course Project – Forms ● SECTION 17 Using Pipes to Transform Output ● SECTION 18 : Making Http Requests
- 14. Table of Contents Cont... ● SECTION 19 : Course Project : Http ● SECTION 20 : Authentication & Route Protection in Angular Apps ● SECTION 21 : Using Angular Modules & Optimizing Apps ● SECTION 22 : Deploying an Angular App ● SECTION 23 : Angular Animation ● SECTION 24 : A Basic Introduction to Unit Testing in Angular Apps ● SECTION 25 : Course Roundup
- 15. Future of Angular Source: ● Dzone ● Newsjox
- 16. Connect with us on Social Platform Thank You!!!