What is new() :T
Exercises
Cheat Sheet
TypeScript: Static or Dynamic?
Do ✅ and Don't ❌
DOM Manipulation
Utility Types
Template Literal Types
Typing objects
Type inference : types can be determined from the context, making type annotations optional.
Function Type expression : functionName : ( parameters ) => returnType
- Typescript Instruction
- Iterators and Generators
- Enums
- typeof & keyof
- What is the difference between type and class in Typescript?
- Dictionary
- Generics
- Types
- Function
- Class
- Module
- NameSpace
- Install and Uninstall Angular
- Angular CLI
ng g component componentName --flat --module moduleName ng g directive directiveName ng g pipe pipeName ng g service serviceName ng g class className ng g interface interfaceName ng g enum enumName ng g module moduleName ng g guard guardName ng g app-shell [ --universal-app <universal-app-name>] [ --route <route>
- Root Module and Root Component
- Component
- Module
- Providers Array(DI)
- Life hooks
- DOM properties and HTML attributes
- Template Reference Variable(
#
) - Template expression operators
- Bind
- Two Way Binding (
[(ngMOdel)]
,@input
and@Output
)<X [input] = "value" (EventFromX) = getEvent($Event)></X>
- Angular Directive
- Custom Directive
- ElementRef & TemplateRef & ViewRef & ViewContainerRef
- Renderer2(Proxy of ElementRef)
- HostBinding and HostListener
- ViewChild & contentChild & ng-content
- Structural Directives (
*
)
- button
- scss material theme
- mat-progress
- mat-tab-group
- CDK
- [sidenav]
- [mat-list]
- [grid-list]
- [mat-card]
- [chip]
- [mat-expansion-panel]
Reactive Programming = (Observer Pattern + Iterator pattern) + Functional Programming
- RXJS Operators
- time
- filter
- Subject
- Error
- AsyncPipe
- behaviorSubject
- HttpClient.md
this.httpClient.get(BackendURL).pipe( tap( ... ), retry(...), catchError(...), finalize(... ) )
- Interceptor