YoVDO

Angular for Beginners Course [Full Front End Tutorial with TypeScript]

Offered By: freeCodeCamp

Tags

Angular Courses Web Development Courses Typescript Courses RxJS Courses Routing Courses Front-end Development Courses Dependency Injection Courses HttpClient Courses

Course Description

Overview

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.

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

Related Courses

30 Days to Learn Laravel
Laracasts
3D Graphics for Web Developers
Pompeu Fabra University via FutureLearn
A Beginner’s Guide to Web Development with HTML5
Packt via FutureLearn
Accessibility Audit
Amazon Web Services via AWS Skill Builder
Expanding Your JS Skills with Angular
A Cloud Guru