Milenyals Forum

Register a free account today to become a member! Once signed in, you'll be able to participate on this site by adding your own topics and posts, as well as connect with other members through your own private inbox!

Leak Angular 8 Masterclass with TypeScript, Firebase, & Material


Ultimate Poster
Half Member
Feb 25, 2019
You must be registered for see images

Video: .MP4, 1280x720 30 fps | Audio: AAC, 48kHz, 2ch | Duration: 16:32:43
Genre: eLearning | Language: English + Subtitles | Size: 3.42 GB

We'll use AngularCLI, so make sure that it's installed as well.​

Master and build reactive Single Page Applications(SPA) from scratch using Angular (formerly "Angular 2" or "AngularJS")
What you'll learn
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
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
Angular is one of the most popular front-end frameworks for building single-page applications or web apps with HTML, CSS, and TypeScript. So basically, if you want to become a successful front-end or a full-stack developer, that get hired, you need to have Angular as a skill under your belt.Learning Angular 2 or Angular 4 or Angular 5 or Angular 6 or Angular 7 or Angular 8 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.
Arrow Functions
fetch API
async / await
Angular Modules and Angular Components
Angular Application Bootstrap Mechanism
Data/Property Binding
View Encapsulation
Inter-component Communication (@Input/@Output, Event Emitter)
Template variables (ViewChild/ContentChild)
Content Projection(ng-content)
Templates - will be covered as part of components
Metadata - basic overview
Lifecycle hooks
Order and triggering of each hook
Hooks specific to Components and Decorators
Dependency Injection(Providers)
Dependency Injection - Why?
Dependency Injection - As a design pattern
Dependency Injection - As a framework
Dependency Injection - What?
Injectors and Providers
Hierarchical Dependency Injection
Child routes
Route params
Route Guards - CanActivate, CanActivateChild, CanDeactivate, Resolve, CanLoad
Service as a singleton, data sharing.
HttpClient, HttpHeaders, HttpParams
Observables with Operators like the map, subscribe, catch, retry etc
Sharing data across Components using Service
Built-In Structural Directives - NgFor, NgIf, NgSwitch
Built-In Attribute Directives - NgClass, NgStyle, NgNonBindable
Building a Custom Structural Directive

DOWNLOAD[hide thanked=1]