What you would learn in Angular 11 Masterclass with TypeScript, Firebase, & Material course?
Angular is a popular front-end framework for creating single-page apps or web apps using HTML, CSS, TypeScript, and CSS. Angular is a popular front-end framework that allows you to build single-page apps or full-stack applications. This will allow you to get hired as a front-end developer. It can be difficult to learn Angular 2/5/6/7/8/9/10, Angular 11, or simply Angular (as the Angular Team likes it to be called) by yourself. You might need to look through tutorials, articles, YouTube videos, and other resources to get a grasp of it.
This course is for you if you are looking to learn Angular without all the hassle. This course will take you on an exciting journey to learn Angular concepts using fun and simple coding examples.
As you progress through the course, you will become familiar with:
Why should single-page applications be built with Angular?
TypeScript and ESNext ( ECMAScript 2015, ES6 or later versions)
Angular Modules, @NgModule Decoration, and Angular Application Bootstrap
Angular Components, @Component Decorator, and component communication. Lifecycle Hooks
Directives, the @Directive Decorator, and creating custom structural or attribute directives.
Dependency Injection in Angular, the @Injectable Decorationator, Services, and RxJS Observables and AJAX calls to REST APIs.
Routing, Child Routing, and Route Guards
Pipes the @Pipe Decorator and creating impure and pure pipes.
Reactive forms and template-driven forms in Angular
Using third-party libraries such as Firebase and Angular Material.
Section 1 - Single page applications, Why Angular, and Project Setup
Introduction to SPA
What are the uses of Angular?
Establishing the Development Environment.
Architecture for Angular Applications
Section 2 - TypeScript & ESNext
What is TypeScript?
TypeScript Basic Types
Variable declarations with Let and Const
Spread and Destruct.
Angular Modules & Angular Components
Angular Application Bootstrap Method
Inter-component Communication (@Input/@Output and Event Emitter).
Template variables (ViewChild/ContentChild).
Content Projection (ng-content).
Templates will be covered in the components
Metadata - Basic overview
Each hook can be ordered and activated.
Hooks that are specific to Decorators and Components