What you'll learn :
Angular 9 Masterclass with TypeScript, Firebase, & Material Course Site
Built a Single Page Application using Angular
Using TypeScript
Implementing various building blocks in Angular
Using Third-Party Modules like Angular Material and AngularFire 2
Requirements :
NodeJS Installed
Basic knowledge of NodeJS, NPM, node_modules
We’ll use Visual Studio Code as our IDE
You should know JavaScript
Experience with Object-Oriented Programming is a plus
Description :
Angular is one of the most popular front-end frameworks for building single-page applications or web apps with HTML, CSS, and TypeScript.
Learning Angular 2 or Angular 4/5/6/7/8 or Angular 9 or simply Angular(as the Angular team likes to call it) on your own can be confusing or frustrating at times. It might require you to browse through several tutorials, articles, YouTube videos, etc and get a grip on it.
If you want to get rid of going through all that trouble and just focus on learning Angular, this is THE course for you. In this course, I’ll take you through an exciting journey of learning Angular concepts through fun and easy to understand coding examples.
As the course progresses, you’ll get familiar with:
Single Page Applications and why should we use Angular to build them
TypeScript and ESNext( ECMAScript 2015 or ES6 and later versions of it)
Angular Modules, the @NgModule Decorator and Angular Application Bootstrap Mechanism
Angular Components, the @Component Decorator, component communication and LifeCycle Hooks
Directives, the @Directive Decorator, and creating custom structural and attribute directives.
Dependency Injection In Angular, the @Injectable Decorator, Services, RxJS Observables and making AJAX Calls to REST APIs
Routing, Child Routing, and Route Guards
Pipes the @Pipe Decorator, and creating custom pure pipes and impure pipes.
Template Driven Forms and Reactive Forms in Angular
Custom Decorators
Using third-party libraries like Angular Material, Firebase, etc.
Section 1 – Single Page Applications, Why Angular and Project Setup:
Course Overview
Introduction to SPA
What do we need Angular for?
Setting up the Development Environment.
Angular Application Architecture
Angular CLI
Project Structure
Section 2 – TypeScript and ESNext:
What is TypeScript
Basic Types in TypeScript
Variable Declarations using Let and Const
Spread and Destructure.
Classes
Interfaces
Arrow Functions
Modules
fetch API
async / await
Angular Modules and Angular Components
@NgModule
Angular Application Bootstrap Mechanism
@Component
Data/Property Binding
View Encapsulation
Inter-component Communication (@Input/@Output, Event Emitter)
Template variables (ViewChild/ContentChild)
Content Projection(ng-content)
Metadata – basic overview
Lifecycle hooks
Order and triggering of each hook
Hooks specific to Components and Decorators
Dependency Injection(Providers)
Dependency Injection – Why?
The Dependency Injection – As a design pattern
Dependency Injection – As a framework
Dependency Injection – What?
Injectors and Providers
Hierarchical Dependency Injection
Angular 9 Masterclass with TypeScript, Firebase, & Material Course Site
Routing
Child routes
Route params
Route Guards – CanActivate, CanActivateChild, CanDeactivate, Resolve, CanLoad
Services(@Injectable)
Service as a singleton, data sharing.
HttpClient, HttpHeaders, HttpParams
Observables with Operators like the map, subscribe, catch, retry, etc
Subjects
Sharing data across Components using Service
Directives(@Directive)
Built-In Structural Directives – NgFor, NgIf, NgSwitch
Built-In Attribute Directives – NgClass, NgStyle, NgNonBindable
Building a Custom Structural Directive
Building a Custom Attribute Directive
Pipes(@Pipe)
Build-in Pipes
Building Custom Pipes
Pure and Impure Pipe
Forms
Template Driven Forms
Reactive forms
Form Validations
Custom Synchronous form validations
The Custom Asynchronous form validations
Custom Decorators
Metadata – deep dive
Building Custom Class Decorator
Building Custom Property Decorator
Integrating with Third-Party Libraries
Material Design Bootstrap
Angular Material
Firebase
By the end of this course, you’ll be able to:
Build end-to-end Single Page Apps in Angular on your own
Understand and fix common compile-time and run-time errors in minutes
Understand and implement clean and maintainable code like a professional
Apply best practices when building Angular apps
We’ll always start with the basics and go from there. Right from the beginning of the second module, you’ll jump in and build your first Angular app within minutes.
Over the next 15 hours, you’ll learn the essentials of building Single Page Applications(SPAs) with Angular:
Displaying data and handling DOM events
Building reusable components
Manipulating the DOM using directives(both Structural and Attribute)
Transforming data using pipes
Building template-driven and reactive forms
Consuming REST APIs using HTTP services
Handling HTTP errors properly
Using Reactive Extensions and Observables
Adding routing and navigation to adhere to the basics of a Single Page Application
Building real-time, server-less apps with Firebase
Building beautiful UIs using Angular Material, and Material Design Bootstrap
So, if you’re a busy developer with limited time and want to quickly learn how to build SPAs with Angular, you’re at the right place.
You’ll also get to know ways to build a real-time SPA with Angular, Firebase, and Bootstrap. This application exhibits patterns that you see in a lot of real-world applications:
Master/detail
CRUD operations
Interaction with a data store
Forms with custom validation
And a lot more…!
PREREQUISITES
You don’t need familiarity with TypeScript or any previous versions of Angular. You’re going to learn both TypeScript and Angular from scratch in this course.
What are the requirements?
Basic familiarity with HTML, CSS, and JavaScript
What am I going to get from this course?
Establish yourself as a skilled professional developer
Build real-world Angular applications on your own
Troubleshoot common Angular errors
Master the best practices
Write clean and elegant code like a professional developer
What is the target audience?
Developers who want to upgrade their skills and get better job opportunities
Front-end developers who want to stay up-to-date with the latest technology
Back-end developers who want to learn front-end development and become full-stack developers
Hobbyist developers who are passionate about working with new frameworks
Who this course is for :
Anyone who wants to learn Angular
Anyone interested in building Single Page Applications
Anybody who wants to know Angular in depth
Anyone who wants to learn TypeScript, Firebase and Angular Material
Last updated 2/2020
Course Size Details :
People also Search on Google
- free course download
- download udemy courses on pc
- udemy courses free download google drive
- udemy courses free download
- udemy online courses
- online course download
- udemy course download
- udemy paid course for free
- freecousesite
- download udemy paid courses for free