This book is an exciting journey where novice developers learn everything they need to do before they start working on the Angular framework and develop dynamic web applications. The book begins with building a strong foundation on the concepts of web application development and numerous developer-friendly terminologies that you would often come across while learning Angular. It covers the essentials of ES6, Webpack, and TypeScript to write Angular applications and make the development of Angular apps more enticing, innovative, and scalable. The book talks about modules, directives, components, data binding, routing, and many more components and functions. Each of these topics is backed with real examples and illustrations. By the end of this book, you will learn about Angular’s powerful features and capabilities. You will become a confident developer to design your own modern, responsive, and user-friendly web applications all by yourself using this single source of knowledge.

• Cover Page
• Title Page
• Copyright Page
• Dedication Page
• About the Author
• About the Reviewer
• Acknowledgements
• Preface
• Errata
• Table of Contents
• Section 1
  • 1. Get Your Basics Stronger
    • Introduction
    • Understanding what this series is all about
    • AngularJS and Angular?
    • Terminologies connected to Angular learning
      • JavaScript
      • ES6
      • What is and why the Single Page Application?
    • What is Angular?
      • What is Node.js?
        • Installation
        • Confirm installation is successful
      • What is npm?
      • What is package.json?
      • Webpack
      • What is TypeScript? And Why?
    • Role of Node.js in Angular application development
    • Summary
• Section 2
  • 2. ES6 Features – Part 1
    • Introduction
    • Plan the execution environment
    • Variable declarations
      • Traditional way
    • Creating private variables with the var keyword
    • New way
    • Constant variables
    • Object-oriented programming
    • String interpolation
    • Enhanced Object literals
    • Spread Operator
    • The mighty for-of loop
    • REST parameters
    • Summary
  • 3. ES6 Features – Part 2
    • Introduction
    • Default parameter
    • Arrow functions
      • Object de-structuring
    • Summary
  • 4. ES6 Features – Part 3
    • Introduction
    • Promise
    • Summary
  • 5. ES6 Features – Part 4
    • Introduction
    • JavaScript Modules
    • More on ES6 Modules
    • Summary
  • Section 2: Summary
• Section 3
  • 6. Webpack
    • Introduction
    • Module Bundlers
    • Webpack
    • Using Node.js as run-time
    • Using Browser as run-time with AMD modules
      • Using Browser as run-time with ES6 modules
      • Webpack configuration file
      • Webpack for CSS bundling
    • Module loaders versus Module bundlers
      • webpack-dev-server
    • Summary
  • 7. TypeScript
    • Introduction
    • What is TypeScript? And Why?
    • Type-Safe and compiled environment
    • Latest features of JavaScript
    • A curiosity of one of my clients
    • Unique features in TypeScript
    • Interfaces
    • Generics
    • Enums
    • Modules
      • Using existing JavaScript files in TypeScript
      • TypeScript configuration
      • Decorators
    • Summary
  • Section 3: Summary
• Section 4
  • 8. Angular: The Beginning
    • Introduction
    • What is Angular?
    • How to create an Angular application?
      • Step 1: Download and configure
      • Step 2: Write startup code
      • Step 3: Create the bundle
      • Step 4: Use the Component
      • Creating the first Angular application
      • The Root Module
      • Root Module
      • Deployment
      • Other files in the project
      • Summary
  • 9. Angular First App
    • Introduction
    • What are we going to create?
      • Lab 1 Angular application to understand fundamentals
    • Summary
  • 10. Beautify the Angular UI with Bootstrap CSS
    • Introduction
    • Lab 2: Bootstrap in Action
    • Summary
  • 11. Authentication
    • Introduction
      • Lab 3 – Angular Authentication
    • Summary
  • Section 4: Summary
• Section 5
  • 12. Authentication Service
    • Introduction
      • What is dependency?
      • Understand Tightly coupled
    • Understand loosely coupled
      • Understanding DI
      • Angular Services
      • Lab 4: Angular services in the project
    • Summary
  • 13. Unsubscribe
    • Introduction
    • Why unsubscribe?
    • When and how to unsubscribe in Angular?
    • Lab – Continued – Unsubscribing subscription
    • Summary
  • 14. Logout and Route Guard Cleanup
    • Introduction
    • Lab – Continued – Logout and Route guard
    • Summary
  • 15. Customer Service
    • Introduction
    • Lab – Continued – CustomerService
    • Summary
  • 16. HTTP Service
    • Introduction
    • Lab – Continued – HTTP Service
    • Summary
  • 17. Token Interceptor
    • Introduction
    • Lab – Continued – Token interceptor
    • Summary
  • 18. Multi Providers
    • Introduction
    • Regular providers
    • Multi Providers
    • Summary
  • 19. Compile-time Configuration
    • Introduction
    • Compile-time versus run-time configuration
      • Lab – Continued – Compile time configuration
    • Summary
  • 20. Run-time Configuration
    • Introduction
    • Lab – Continued – Run-time configuration
    • Summary
  • 21. Error Handling
    • Introduction
    • Lab – Error handling in Angular
    • Summary
  • Section 5: Summary
• Section 6
  • 22. The Component-Oriented Style in Action
    • Introduction
    • Component-oriented style
    • Component oriented style and Angular
    • A problem in the current application
    • Container-Presentation pattern
    • Lab – Upgrade project to follow container-presentation pattern
    • Summary
  • 23. Angular Routing
    • Introduction
    • Lab 7 – Angular Routing
      • Is bundling good or bad?
      • Does that mean we should lazy load every module?
      • Hybrid approach
      • Pre-loading strategy
      • Custom pre-loading strategy
    • Summary
  • 24. Angular Modules
    • Introduction
    • Angular Modules and Angular Components
      • Question 1 – Why do we group the Angular Components into the Angular Modules?
    • Lab 8 – Multiple Angular modules and components
      • Question 2 – Is it a must to export every component from the Angular Module?
      • Question 3 – What about Routing?
      • Question 4 – What happens when one Angular module imports another?
      • Question 5 – What about the directives and pipes?
      • Question 6 – What happens to the components that never get used?
      • Question 7 – Is there any drawback because of the tree shaking?
      • Question 8 – Any scenario where we have to put the component in the entryComponents section explicitly?
      • Question 9 – What about the hierarchical import?
      • Angular Modules and Services
      • Child Module Injectors
      • Lab 9 – Hierarchical module injectors
    • Summary
  • 25. Angular Pipes
    • Introduction
    • What are the pipes?
      • Lab 10 – Custom pipe in action – Demo 1
      • Lab 11 – Custom pipe in action – Demo 2
      • My experience
      • Impure pipes
      • Lab 12 – Understand impure pipe
    • Summary
  • 26. Angular Directives
    • Introduction
    • What are directives?
      • Lab 11 – Mouse Over Directive
    • Different types of Directive selectors
      • Lab 12 – Create OnlyIfUserIsAuthorizedDirective Directive
    • Summary
  • 27. Angular Forms
    • Introduction
  • 28. Angular Styles
    • Introduction
    • External stylesheets
    • Can we have more than one external stylesheet files?
    • Component styles
    • Lab – 15 – Understand component style
    • View encapsulation
    • Summary
  • 29. Angular Change Detection
    • Introduction
    • What is change detection?
    • Which components are considered in change detection?
    • When does Angular perform change detection?
    • How does Angular trigger the change detection?
    • Change Detection in development mode
    • Why is it double during the initialization time?
    • Disconnect zone.js from Angular
    • polyfill.ts
      • Change detection with the hierarchy of components
      • Detaching the change detection from a particular component
      • OnPush change detection strategy
    • Summary
  • 30. Angular Elements
    • Introduction
    • What are Angular Elements?
    • Lab 20 – Creating Angular elements
    • Summary
  • 31. Leftovers
    • Introduction
    • ViewChildren
      • Content projection
    • Content child
    • ContentChildren
    • Angular Life cycle
    • Deployment files
    • More about Angular injectors
    • Platform Injector and Null Injector
    • ProvidedIn – any
    • Summary
  • Section 6: Summary
• It is not a goodbye
• Index