This course aims to teach beginners Angular along with TypeScript. By the end of the course, learners will be able to understand TypeScript basics, Angular concepts like binding, dependency injection, forms, routing, and more. The course covers topics such as TypeScript data types, Angular installation, lifecycle hooks, dependency injection, HttpClient, RxJs, routing, template-driven forms, reactive forms, route guards, custom pipes, resolve guards, global error handling, testing basics, deployment, and CI/CD. The teaching method includes video lectures and practical coding examples. This course is intended for individuals who are new to Angular and want to build a strong foundation in front-end development.
Overview
Syllabus
) Introduction to Angular.
) Introduction to Typescript.
) SPA and Local Setup.
) Typescript Data Types and Functions.
) Classes and Interface.
) Typescript decorators and tsconfig file.
) Angular Installation and Binding Syntax.
) Built-in Directives.
) Built-in Pipes.
) Adding Bootstrap CSS to App.
) ngOnInt and Component Communication using Input and Output.
) Change Detection and ngOnChanges.
) ngDoCheck.
) ViewChild, ViewChildren and AfterViewInit.
) Content Projection, AfterContentInit and OnDestroy.
) Introduction.
) Resolution Modifiers.
) Value Providers.
) Setting Up HttpClientModule.
) HttpService , RxJs observables and http get.
) RxJs Observable and Observer.
) Http Put and Delete.
) Http Request.
) ShareReplay RxJs Operators.
) Async Pipe.
) catchError operator.
) map operator.
) Http Interceptor.
) APP_INITIALIZER.
) Angular Router and default Route.
) Adding Angular material and navigation.
) Wild card, dynamic route and ActivatedRoute service.
) ParamMap and Activate Route Service.
) Introduction.
) Validation.
) Pristine, Dirty State and Reset Form.
) Custom Directives and Custom Validation.
) Navigation using Router Service.
) Feature and Routing Module.
) Nested and Child Route.
) Lazy Loading.
) Configure Lazy Loading using CLI.
) Using ProvidedIn Any.
) Router Events.
) Listening to Router Events.
) CanActivate.
) CanActivateChild.
) CanLoad.
) Introduction.
) Using Material Controls.
) Nested Form Controls.
) Dynamic Forms.
) Built-in Validators.
) Reset Form.
) Control Level Validation.
) SetValue and PatchValue.
) ValueChanges and UpdateOn.
) map operator with Form.
) Custom Validator.
) CanDeactivate Guard and Form.
) Custom Pipe.
) Resolve Guard.
) Error Handling.
) Introduction.
) First test.
) Testing Component and Service.
) Using Netlify for Deployment.
) GitHub Actions to Automate Tasks.
Taught by
freeCodeCamp.org
