Angular – Online Course

Topic

Chapter

1. Angular –  Introduction
2. Angular CLI
3. Create first project 
4. package.json 
5. Typescript basics
6. Basic angular project parts (Module, components)
7. Create your first component & custom style
8. Understand ts. file relationships with html (MVVM)
9. Create basic search component code (ts)
10. Create basic search component html
11. Component  inputs
12. Component output
13. Component output best practices

1. TypeScript, Angular-CLI and Angular Components

14. ngIf vs hidden &  Component scope
15. ngOnInit & ngOnChanges & ngOnDestroy
16. Basic directive
17. only-hebrew Directive
18. Use pipes
19. Create custom pipe
20. Create data model interface – introduction

2. Angular directives & pipes

21. Services need
22. Dependency injection & providers
23. Dependency injection advantages
24. Are the Angular services singleton?
25. Components – Share data challenge

3. Providers, Dependency Injection

26. Share data – with RXJS subjects
27. Share data – use BehaviorSubject
28. Subscribe & Unsubscribe & Memory issues
29. Subscribe & Unsubscribe & Memory issues. Solution A
30. Subscribe & Unsubscribe & Memory issues. Solution B – use async pipe
31. Services – summary
32. Basic RXJS operators
33. RXJS – search component Part A
34. RXJS – search component Part B (switchMap)
35. RXJS – search component – live data & observable combination

4. Rxjs – Observable and subjects

36. Angular forms
37. Angular forms – valueChanges
38. Angular forms – custom validation
39. Angular forms – complex model & nested formGroup
40. Angular forms – complex model & formArray
41. Angular forms – summary

5. Angular forms

42. Basic Routing
43. Routing parts 
44. Create routing rules And Routing moudle
45. Use Router link
46. Navigate with router service
47. Parameter Types in URL (Querystring, UrlParameter, Hash)
48. Create ‘Kefel Board’ Component
49. Use snapshot to read parameters
50. Component lifecycle in routing process & Routing observables
51. Use querystring params
52. Use “Guards” – CanActivate & AuthService
53. CanActivae & login process (Use url tree)
54. Routing – create routing as a module
55. Lazyloading – part 1
56. Lazyloading – part 2 (loadchildren &import)
57. Nested routing

6. Navigation & Routing

58. SharedModule 
59. CoreModule 

7. Projects structure

60. Use HttpClient to get data from server
61. Implement delete functionality
62. Implement edit/update functionality 
63. Implement add functionality 
64. Implement ProductService as reactive service 

8. Working with server – HttpClient