- What is Angular?
- Installing Angular
- Angular CLI Commands
- What is TypeScript?
- Creating Angular project and Installing Bootstrap in Angular
- How angular works.
- Databinding in Angular
- String Interpolation
- Property Binding
- Event Binding
- Two way data binding
- Using LocalReference (Not a data binding type but can be used to pass data)
- Using LocalReference with @ViewChild
- Using Getters and Setters
- Component in Angular
- Parent and Child Component Communication via @Input(), @Output() and EventEmitter
- Child to Parent Component Communcation via @ViewChild()
- Any to Any Component Communication via Shared Services (Example : Sibling to Sibling)
- Event Emitter for cross component communication.
- Using subject in Service to communicate between component
- A Sample application displaying Parent and Child communication
- ng-content Directive in Component
- Getting Access to ng-content with @ContentChild
- Lazy loading, Eager loading and Preloading.
- Adding Modules to an Angular Project
- Directives in Angular
- LifeCycle hooks in Angular
- Service and Dependency Injection
- Routing in Angular
- Adding angular routing to a project which does not have routing
- Routing via app-routing.module.ts file
- WildCard Route and Redirecting Routes
- Route Parameters
- Routing in Child component
- Using routerLink in Angular.
- Programtically routing to other pages.
- ActivatedRoute and Passing Query Paramaters and Fragments
- Routing Guard
- Observables in Angular
- Forms in Angular
- Angular Material
- Add Angular Material to a project
- Material Module
- Typography
- Angular Material Buttons
- Angular Material Button Toggle
- Angular Material Icons
- Angular Material Badges
- Angular Material Spinner
- Angular Material Progress bar
- Angular Material Navbar
- Angular Material SideNavbar
- Angular Material Menu
- Angular Material List
- Angular Material GridList
- Angular Material Expanson Panel
- Angular Material Card
- Angular Material Tabs
- Angular Material Stepper
- Angular Material Input – A form component
- Angular Material Select
- Angular Material Autocomplete
- Angular Material Checkbox and autocomplete
- Angular Material Date Picker
- Angular Material Tool tip
- Angular Material Snackbar
- Angular Material Dialog
- Angular Material Data table
- Reusable Material Data Table as a component
- Reactive Forms with Validations (Validation messages on HTML)
- Reactive Forms with Validations (Validation messages from TS)
- Reactive Forms with Validations (Support for server Side validation)
- Cookies, Session and Local Storage in Angular
- Pipes to Transform output in Angular
- Custom Pipes
- Services and Injectable in Angular
- Angular Module Loading
- Eager Loading.
- Lazy Loading
- PreLoading
- HttpModule
- HttpClientModule
- Route Guards in Angular
- Angular with NgRx
- Angular Animations
- Unit Testing in Angular
- Proxy in Angular