Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
SlideShare a Scribd company logo
Angular 6 - The Complete Guide
...Start, Brush Up Or Master
Skills Online
Introduction
● Angular is very popular framework maintained by Google.
● It's popularity and broad adoption have been driven by how it keeps
evolving and improving day by day.
● A Front End platform Angular has set the new milestones in
developing customized web application
● Recently Angular has released it's new version as Angular 6 with focus
on making Angular smaller and faster to use.
Angular Features & Benefits
Following are the Features and Benefits of Angular :
● Cross Platform
● Speed and Performance
● Productivity
● Full Development Story
Cross Platform
Desktop
Create desktop-installed
apps across Mac,
Windows, and Linux using
the same Angular
methods you've learned
for the web plus the
ability to access native OS
APIs.
Progressive Web Apps
Use modern web
platform capabilities to
deliver app-like
experiences. High
performance, offline, and
zero-step installation.
Native
Build native mobile apps
with strategies from
Cordova, Ionic, or
NativeScript.
Speed and Perfromace
Code Splitting
Angular apps load quickly
with the new Component
Router, which delivers
automatic code-splitting
so users only load code
required to render the
view they request.
Universal
Serve the first view of
your application on
Node.js®, .NET, PHP, and
other servers
Code Generation
Angular turns your
templates into code that's
highly optimized for
today's JavaScript virtual
machines
Productivity
IDEs
Get intelligent code
completion, instant
errors, and other
feedback in popular
editors and IDEs.Angular CLI
Command line tools: start
building fast, add
components and tests,
then instantly deploy.
Templates
Quickly create UI views
with simple and powerful
template syntax.
Full Development Story
Accessibility
Create accessible
applications with ARIA-
enabled components,
developer guides, and
built-in a11y test
infrastructure.
Animation
Create high-performance,
complex choreographies
and animation timelines
Testing
With Karma for unit tests,
you can know if you've
broken things every time
you save. And Protractor
makes your scenario tests
run faster and in a stable
manner.
JS Developed in 2009 and Released in 2012
2 September 2012
5 November 2017
4 March 2017
6 May 2018
Features of Angular 6
● ng Update
● ng Add
● Angular Elements
● Angular Material + CDK
Components
● Angular Material Starter
Components
● Ivy Rendering
● CLI Workspace
● Library Support
● Tree Shakable Providers
● Animation Performance
Improvements
● RXJS v6
● Long Team Support
Eduonix Introduces
Angular 6 – The Complete Guide @ $10
To Get this Course at $10 Use Coupon Code : JY10
● Lectures: 384
● Video: 28 hours
● Language: English
● Includes: 30 day money back
guarantee!
Certificate of
Completion.
Lifetime Access.
Reference Link : http://bit.ly/2NIcXvR
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 Dive
● SECTION 6 : Course Project – Components & Databinding
● SECTION 7 : Directives Deep Dive
● SECTION 8 : Course Project – Directives
Table of Contents Contd...
● SECTION 9 : Using Services & Dependency Injetion
● SECTION 10 : Course Project – Services & Dependency Injetion
● SECTION 11 : Changing Pages with Routing
● SECTION 12 : Course Project – Routing
● SECTION 13 : Understanding Observables
● SECTION 14 : Course Project – Observables
● SECTION 15 : Handling Forms in Angular Apps
● SECTION 16 : Course Project – Forms
Table of Contents Contd...
● SECTION 17 : Using Pipes to Transform Output
● SECTION 18 : Making Http Request
● 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 : Bonus – The HttpClient
● SECTION 24 : Bonus – Working with NgRx in our Project
Table of Contents Contd...
● SECTION 25 : Bonus – Angular Universal
● SECTION 26 : Angular Animations
● SECTION 27 : Adding Offline Capabilities with Service Workers
● SECTION 28 : A Basic Introduction to Unit Testing in Angular Apps
● SECTION 29 : About the Course Update & Angular 4
● SECTION 30 : Angular 6 Changes & New Features
● SECTION 31 : Custom Project & Workflow Setup
● SECTION 32 : Bonus – TypeScript Introduction (for Angular 2 Usage)
Connect with us on Social Platform
Thank You!!!

More Related Content

Angular 6 - The Complete Guide

  • 2. ...Start, Brush Up Or Master Skills Online
  • 3. Introduction ● Angular is very popular framework maintained by Google. ● It's popularity and broad adoption have been driven by how it keeps evolving and improving day by day. ● A Front End platform Angular has set the new milestones in developing customized web application ● Recently Angular has released it's new version as Angular 6 with focus on making Angular smaller and faster to use.
  • 4. Angular Features & Benefits Following are the Features and Benefits of Angular : ● Cross Platform ● Speed and Performance ● Productivity ● Full Development Story
  • 5. Cross Platform Desktop Create desktop-installed apps across Mac, Windows, and Linux using the same Angular methods you've learned for the web plus the ability to access native OS APIs. Progressive Web Apps Use modern web platform capabilities to deliver app-like experiences. High performance, offline, and zero-step installation. Native Build native mobile apps with strategies from Cordova, Ionic, or NativeScript.
  • 6. Speed and Perfromace Code Splitting Angular apps load quickly with the new Component Router, which delivers automatic code-splitting so users only load code required to render the view they request. Universal Serve the first view of your application on Node.js®, .NET, PHP, and other servers Code Generation Angular turns your templates into code that's highly optimized for today's JavaScript virtual machines
  • 7. Productivity IDEs Get intelligent code completion, instant errors, and other feedback in popular editors and IDEs.Angular CLI Command line tools: start building fast, add components and tests, then instantly deploy. Templates Quickly create UI views with simple and powerful template syntax.
  • 8. Full Development Story Accessibility Create accessible applications with ARIA- enabled components, developer guides, and built-in a11y test infrastructure. Animation Create high-performance, complex choreographies and animation timelines Testing With Karma for unit tests, you can know if you've broken things every time you save. And Protractor makes your scenario tests run faster and in a stable manner.
  • 9. JS Developed in 2009 and Released in 2012 2 September 2012 5 November 2017 4 March 2017 6 May 2018
  • 10. Features of Angular 6 ● ng Update ● ng Add ● Angular Elements ● Angular Material + CDK Components ● Angular Material Starter Components ● Ivy Rendering ● CLI Workspace ● Library Support ● Tree Shakable Providers ● Animation Performance Improvements ● RXJS v6 ● Long Team Support
  • 11. Eduonix Introduces Angular 6 – The Complete Guide @ $10 To Get this Course at $10 Use Coupon Code : JY10 ● Lectures: 384 ● Video: 28 hours ● Language: English ● Includes: 30 day money back guarantee! Certificate of Completion. Lifetime Access. Reference Link : http://bit.ly/2NIcXvR
  • 12. 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 Dive ● SECTION 6 : Course Project – Components & Databinding ● SECTION 7 : Directives Deep Dive ● SECTION 8 : Course Project – Directives
  • 13. Table of Contents Contd... ● SECTION 9 : Using Services & Dependency Injetion ● SECTION 10 : Course Project – Services & Dependency Injetion ● SECTION 11 : Changing Pages with Routing ● SECTION 12 : Course Project – Routing ● SECTION 13 : Understanding Observables ● SECTION 14 : Course Project – Observables ● SECTION 15 : Handling Forms in Angular Apps ● SECTION 16 : Course Project – Forms
  • 14. Table of Contents Contd... ● SECTION 17 : Using Pipes to Transform Output ● SECTION 18 : Making Http Request ● 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 : Bonus – The HttpClient ● SECTION 24 : Bonus – Working with NgRx in our Project
  • 15. Table of Contents Contd... ● SECTION 25 : Bonus – Angular Universal ● SECTION 26 : Angular Animations ● SECTION 27 : Adding Offline Capabilities with Service Workers ● SECTION 28 : A Basic Introduction to Unit Testing in Angular Apps ● SECTION 29 : About the Course Update & Angular 4 ● SECTION 30 : Angular 6 Changes & New Features ● SECTION 31 : Custom Project & Workflow Setup ● SECTION 32 : Bonus – TypeScript Introduction (for Angular 2 Usage)
  • 16. Connect with us on Social Platform Thank You!!!