Angular Development Fundamentals

CONTENT

1. Get Your Basics Stronger
1.1. Understanding what this series is all about AngularJS and Angular?
1.2. Terminologies connected to Angular learning
1.3. What is Angular?
1.4. Role of Node.js in Angular application development

2. ES6 Features – part 1
2.1. Plan the execution environment
2.2. Variable declarations
2.3. Creating private variables with the var keyword
2.4. New way
2.5. Constant variables
2.6. Object-oriented programming String interpolation
2.7. Enhanced Object literals
2.8. Spread Operator
2.9. The mighty for-of loop
2.10. REST parameters

3. ES6 Features – Part 2
3.1. Default parameter
3.2. Arrow functions

4. ES6 Features – Part 3
4.1. Promise

5. ES6 Features – Part 4
5.1. JavaScript Modules
5.2. More on ES6 Modules

6. Webpack
6.1. Module Bundlers
6.2. Webpack
6.3. Using Node.js as run-time
6.4. Using Browser as run-time with AMD modules
6.5. Module loaders versus Module bundlers

7. TypeScript
7.1. What is TypeScript? And Why?
7.2. Type-Safe and compiled environment
7.3. Latest features of JavaScript
7.4. A curiosity of one of my clients
7.5. Unique features in TypeScript
7.6. Interfaces
7.7. Generics
7.8. Enums
7.9. Modules

8. Angular: The Beginning
8.1. What is Angular?
8.2. How to create an Angular application?

9. Angular First App
9.1. What are we going to create?

10. Beautify the Angular UI with Bootstrap CSS
10.1. Lab 2: Bootstrap in Action

11. Authentication

12. Authentication Service
12.1. Understand loosely coupled

13. Unsubscribe
13.1. Why unsubscribe?
13.2. When and how to unsubscribe in Angular?
13.3. Lab – Continued – Unsubscribing subscription

14. Logout and Route Guard Cleanup
14.1. Lab – Continued – Logout and Route guard

15. Customer Service
15.1. Lab – Continued – CustomerService

16. HTTP Service
16.1. Lab – Continued – HTTP Service

17. Token Interceptor
17.1. Lab – Continued – Token interceptor

18. Multi Providers
18.1. Regular providers
18.2. Multi Providers

19. Compile-time Configuration
19.1. Compile-time versus run-time configuration

20. Run-time Configuration
20.1. IntroductionLab – Continued – Run-time configuration

21. Error Handling
21.1. Lab – Error handling in Angular

22. The Component-Oriented Style in Action
22.1. Component-oriented style
22.2. Component oriented style and Angular
22.3. A problem in the current application
22.4. Container-Presentation pattern
22.5. Lab – Upgrade project to follow container-presentation pattern

23. Angular Routing
23.1. Lab 7 – Angular Routing

24. Angular Modules
24.1. Angular Modules and Angular Components
24.2. Lab 8 – Multiple Angular modules and componentsQuestion 2 – Is it a 24.3. must to export every component from the Angular Module?
24.4. Question 3 – What about Routing?
24.5. Question 4 – What happens when one Angular module imports another?
24.6. Question 5 – What about the directives and pipes?
24.7. Question 6 – What happens to the components that never get used?
24.8. Question 7 – Is there any drawback because of the tree shaking?
24.9. Question 8 – Any scenario where we have to put the component in the entryComponents section explicitly?
24.10. Question 9 – What about the hierarchical import?
24.11. Angular Modules and Services
24.12. Child Module Injectors
24.13. Lab 9 – Hierarchical module injectors

25. Angular Pipes
25.1. What are the pipes?

26. Angular Directives
26.1. What are directives?
26.2. Different types of Directive selectors

27. Angular Forms

28. Angular Styles
28.1. External stylesheets
28.2. Can we have more than one external stylesheet files?
28.3. Component styles
28.4. Lab – 15 – Understand component style
28.5. View encapsulation

29. Angular Change Detection
29.1. What is change detection?
29.2. Which components are considered in change detection?
29.3. When does Angular perform change detection?
29.4. How does Angular trigger the change detection?
29.5. Change Detection in development mode
29.6. Why is it double during the initialization time?
29.7. Disconnect zone.js from Angular
29.8. polyfill.ts

30. Angular Elements
30.1. What are Angular Elements?
30.2. Lab 20 – Creating Angular elements

31. Leftovers
31.1. ViewChildren
31.2. Content child
31.3. ContentChildren
31.4. Angular Life cycle
31.5. Deployment files
31.6. More about Angular injectors
31.7. Platform Injector and Null Injector
31.8. ProvidedIn – any