Embark on a comprehensive 18-hour journey to master Angular in this full front-end tutorial with TypeScript. Begin with the fundamentals of TypeScript before delving into crucial Angular concepts such as binding, dependency injection, forms, and routing. Explore topics like component communication, lifecycle hooks, HttpClient, RxJs, advanced routing techniques, route guards, reactive forms, custom pipes, error handling, and testing basics. Gain practical experience with hands-on exercises and real-world examples throughout the course. Conclude with deployment strategies and CI/CD implementation using Netlify and GitHub Actions, equipping you with the skills to build robust, scalable Angular applications.
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
