[YouTube][procademy] A Complete Angular Course from Scratch [ENG, 2023]

Deploy

YouTube

Original src

---

$ ng version

     _                      _                 ____ _     ___
    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                |___/


Angular CLI: 16.0.5
Node: 18.16.0
Package Manager: npm 9.6.6
OS: linux x64

Angular:
...

Package                      Version
------------------------------------------------------
@angular-devkit/architect    0.1600.5 (cli-only)
@angular-devkit/core         16.0.5 (cli-only)
@angular-devkit/schematics   16.0.5 (cli-only)
@schematics/angular          16.0.5 (cli-only)

15 String Interpolation

$ ng generate component productList

18 Two way Data Binding

$ cd app/src/app/product-list/
$ ng generate component search

21 Rendering List of Complex Type

$ cd app/src/app/container/
$ ng generate component productList

22 ngIf Directive

23 ngStyle Directive

24 ngClass Directive

25 @Input: Custom Property Binding

$ cd app/src/app/container/product-list/
$ ng generate component product

26 Understanding Input Decorator

$ cd app/src/app/container/product-list/
$ ng generate component filter

27 @Output: Custom Event Binding

28 Non-Related Component Communication

29 Template Reference Variable

30 Reference Variable on Component

$ cd app/src/app/container/
$ ng generate component product-detail

31 ViewChild() in Angular

32 ViewChildren() in Angular

33 ng-template in Angular

34 ng-container in Angular

35 ng-content in Angular

$ cd src/app/container/
$ ng generate component featured-brands

36 ContentChild() in Angular

37 ContentChildren() in Angular

38 Component Initialization

---

39 ngOnChanges Lifecycle Hook

40 ngOnInit Lifecycle Hook

41 ngDoCheck Lifecycle Hook

42 ngAfterContentInit Lifecycle Hook

43 ngAfterContentChecked Lifecycle Hook

44 ngAfterViewInit Lifecycle Hook

45 ngAfterViewChecked Lifecycle Hook

46 ngOnDestroy Lifecycle Hook

---

47 Custom Attribute Directive

48 Renderer2 in Angular Creating & Using Custom Directive

49 @HostListner in Angular

$ cd app/src/app/CustomDirectives/
$ ng generate directive highlight

50 @HostBinding in Angular

$ cd app/src/app/CustomDirectives/
$ ng generate directive appHover