Angular 11 Masterclass with TypeScript, Firebase, & Material (Udemy.com)
Master and build reactive Single Page Applications(SPA) from scratch using Angular (formerly "Angular 2" or "AngularJS")
Created by: Siddharth Ajmera
Produced in 2021
What you will 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
Quality Score
Content Quality
/
Video Quality
/
Qualified Instructor
/
Course Pace
/
Course Depth & Coverage
/
Overall Score : 86 / 100
Course Description
Angular is one of the most popular front-endframeworks for building single-page applications or web apps with HTML, CSS, and TypeScript. So basically, if you want tobecome a successfulfront-end or a full-stack developer, that gethired,you need to haveAngular as a skill under your belt.
Learning Angular 2 or Angular 4/5/6/7/8/9/10 or Angular 11 or simply Angular(as the Angular team likes to call it) on your own can be confusing or frustrating at times. It might require youto browse through several tutorials, articles, YouTube videos, etc, and get a grip onit.
If you want to get rid of going through all that trouble and just focus on learning Angular, this is THEcourse 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 thecourse progresses, you'll get familiar with:
Single Page Applications and why should we use Angular to build themTypeScript and ESNext( ECMAScript 2015 or ES6 and later versions of it)Angular Modules, the @NgModule Decorator and Angular Application Bootstrap MechanismAngular Components, the @Component Decorator, component communication and LifeCycle HooksDirectives, the @Directive Decorator, and creating custom structural and attribute directives.
Dependency Injection In Angular, the @Injectable Decorator, Services, RxJS Observables and making AJAXCalls to RESTAPIsRouting, Child Routing, and Route GuardsPipes the @Pipe Decorator, and creating custom pure pipes and impure pipes.
Template Driven Forms and Reactive Forms in AngularCustom DecoratorsUsing third-party libraries like Angular Material, Firebase, etc.
Section 1 - Single Page Applications, Why Angular and Project Setup:
Course OverviewIntroduction to SPAWhat do we need Angular for?
Setting up the Development Environment.
Angular Application ArchitectureAngular CLIProject StructureSection 2 - TypeScript and ESNext:
What is TypeScriptBasic Types in TypeScriptVariable Declarations using Let and ConstSpread and Destructure.
ClassesInterfacesArrow FunctionsModulesfetch APIasync / awaitAngular Modules and Angular Components@NgModuleAngular Application Bootstrap Mechanism@ComponentData/Property BindingView EncapsulationInter-component Communication (@Input/@Output, Event Emitter)Template variables (ViewChild/ContentChild)Content Projection(ng-content)Templates will be covered as part of componentsMetadata basic overviewLifecycle hooksOrder and triggering of each hookHooks specific to Components and DecoratorsDependency Injection(Providers)Dependency Injection - Why?
Dependency Injection - As a design patternDependency Injection - As a frameworkDependency Injection - What?
Injectors and ProvidersHierarchical Dependency InjectionRoutingChild routesRoute paramsRoute Guards - CanActivate, CanActivateChild, CanDeactivate, Resolve, CanLoadServices(@Injectable)Service as a singleton, data sharing.
HttpClient, HttpHeaders, HttpParamsObservables with Operators like themap, subscribe,catch, retry etcSubjectsSharing data across Components using ServiceDirectives(@Directive)Built-InStructural Directives - NgFor, NgIf, NgSwitchBuilt-InAttribute Directives - NgClass, NgStyle, NgNonBindableBuilding aCustom Structural DirectiveBuilding aCustom Attribute DirectivePipes(@Pipe)Build-in PipesBuilding Custom PipesPure and Impure PipeFormsTemplate Driven FormsReactive formsForm ValidationsCustom Synchronousform validationsCustom Asynchronousform validationsCustom DecoratorsMetadata deep diveBuilding Custom Class DecoratorBuilding Custom Property DecoratorIntegrating withThird-Party LibrariesMaterial Design BootstrapAngular MaterialFirebase______________________________________________________________________________________________________________________________By the end of this course, you'll be able to:
Build end-to-end Single Page AppsinAngular on your ownUnderstand and fixcommon compile-time and run-time errors in minutesUnderstand and implementclean and maintainable codelike a professionalApplybest practiceswhen building Angular appsWe'll always start with the basics and go from there.
Right from the beginning of the second module, you'll jump in andbuild your first Angular app within minutes.
Angular 2 and all the later versions of Angularhas been written in TypeScript. So, before getting started with Angularinsection 3, you'lllearn the fundamentals of TypeScript and object-oriented programmingin section 2to better understand and appreciate this powerful framework.
Over the next 15hours, you'll learn theessentials of building Single Page Applications(SPAs)with Angular:
Displaying dataand handling DOM eventsBuilding reusablecomponentsManipulatingthe DOMusingdirectives(both Structural and Attribute)Transforming data usingpipesBuildingtemplate-driven and reactiveformsConsuming RESTAPIs usingHTTPservicesHandlingHTTPerrorsproperlyUsingReactive Extensionsand ObservablesAddingrouting and navigation to adhere to the basics of a Single Page ApplicationBuilding real-time, server-lessapps withFirebaseBuildingbeautiful UIs usingAngular Material, andMaterial Design BootstrapSo, if you're a busy developer with limited time and want to quicklylearn howtobuild SPAs with Angular, you're at the right place.
All these topics are coveredbyover 15 hours of high-qualitycontent. Taking this courseisequivalent togoing through hundreds ofarticles, tutorials, and videos on the web!
Just that the content is laid out to cover all that you'll get to know during all that time! Once you go through the course(or just the preview videos), you'll know that the topics are explained in a clear and concise mannerwhich is going to save youa lot ofyour precious time! This course is also packed with techniques and tips, that you can only learn from a seasoned developer.
You'll see howwe'll createa brand new Angular project with Angular CLIand buildan application from Ato Z, step-by-step.
You'll also get to knowways tobuild a real-time SPA with Angular, Firebase,and Bootstrap. This application exhibits patterns that you see in a lot of real-world applications:
Master/detailCRUDoperationsInteraction with a data storeForms with custom validationAnd a lot more...!
PREREQUISITESYou 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.______________________________________________________________________________________________________________________________WHATOTHERSTUDENTSWHOHAVETAKENTHISCOURSESAY:"Explanation is crisp.. instructor is comfortable with the topic...
examples used are good and easy to understand...
various aspects of the code are explained...
using MDB and material for angular both are covered for creating UI components...
just only the full screen is shown at all times.. which makes things appear very sma
Learning Angular 2 or Angular 4/5/6/7/8/9/10 or Angular 11 or simply Angular(as the Angular team likes to call it) on your own can be confusing or frustrating at times. It might require youto browse through several tutorials, articles, YouTube videos, etc, and get a grip onit.
If you want to get rid of going through all that trouble and just focus on learning Angular, this is THEcourse 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 thecourse progresses, you'll get familiar with:
Single Page Applications and why should we use Angular to build themTypeScript and ESNext( ECMAScript 2015 or ES6 and later versions of it)Angular Modules, the @NgModule Decorator and Angular Application Bootstrap MechanismAngular Components, the @Component Decorator, component communication and LifeCycle HooksDirectives, the @Directive Decorator, and creating custom structural and attribute directives.
Dependency Injection In Angular, the @Injectable Decorator, Services, RxJS Observables and making AJAXCalls to RESTAPIsRouting, Child Routing, and Route GuardsPipes the @Pipe Decorator, and creating custom pure pipes and impure pipes.
Template Driven Forms and Reactive Forms in AngularCustom DecoratorsUsing third-party libraries like Angular Material, Firebase, etc.
Section 1 - Single Page Applications, Why Angular and Project Setup:
Course OverviewIntroduction to SPAWhat do we need Angular for?
Setting up the Development Environment.
Angular Application ArchitectureAngular CLIProject StructureSection 2 - TypeScript and ESNext:
What is TypeScriptBasic Types in TypeScriptVariable Declarations using Let and ConstSpread and Destructure.
ClassesInterfacesArrow FunctionsModulesfetch APIasync / awaitAngular Modules and Angular Components@NgModuleAngular Application Bootstrap Mechanism@ComponentData/Property BindingView EncapsulationInter-component Communication (@Input/@Output, Event Emitter)Template variables (ViewChild/ContentChild)Content Projection(ng-content)Templates will be covered as part of componentsMetadata basic overviewLifecycle hooksOrder and triggering of each hookHooks specific to Components and DecoratorsDependency Injection(Providers)Dependency Injection - Why?
Dependency Injection - As a design patternDependency Injection - As a frameworkDependency Injection - What?
Injectors and ProvidersHierarchical Dependency InjectionRoutingChild routesRoute paramsRoute Guards - CanActivate, CanActivateChild, CanDeactivate, Resolve, CanLoadServices(@Injectable)Service as a singleton, data sharing.
HttpClient, HttpHeaders, HttpParamsObservables with Operators like themap, subscribe,catch, retry etcSubjectsSharing data across Components using ServiceDirectives(@Directive)Built-InStructural Directives - NgFor, NgIf, NgSwitchBuilt-InAttribute Directives - NgClass, NgStyle, NgNonBindableBuilding aCustom Structural DirectiveBuilding aCustom Attribute DirectivePipes(@Pipe)Build-in PipesBuilding Custom PipesPure and Impure PipeFormsTemplate Driven FormsReactive formsForm ValidationsCustom Synchronousform validationsCustom Asynchronousform validationsCustom DecoratorsMetadata deep diveBuilding Custom Class DecoratorBuilding Custom Property DecoratorIntegrating withThird-Party LibrariesMaterial Design BootstrapAngular MaterialFirebase______________________________________________________________________________________________________________________________By the end of this course, you'll be able to:
Build end-to-end Single Page AppsinAngular on your ownUnderstand and fixcommon compile-time and run-time errors in minutesUnderstand and implementclean and maintainable codelike a professionalApplybest practiceswhen building Angular appsWe'll always start with the basics and go from there.
Right from the beginning of the second module, you'll jump in andbuild your first Angular app within minutes.
Angular 2 and all the later versions of Angularhas been written in TypeScript. So, before getting started with Angularinsection 3, you'lllearn the fundamentals of TypeScript and object-oriented programmingin section 2to better understand and appreciate this powerful framework.
Over the next 15hours, you'll learn theessentials of building Single Page Applications(SPAs)with Angular:
Displaying dataand handling DOM eventsBuilding reusablecomponentsManipulatingthe DOMusingdirectives(both Structural and Attribute)Transforming data usingpipesBuildingtemplate-driven and reactiveformsConsuming RESTAPIs usingHTTPservicesHandlingHTTPerrorsproperlyUsingReactive Extensionsand ObservablesAddingrouting and navigation to adhere to the basics of a Single Page ApplicationBuilding real-time, server-lessapps withFirebaseBuildingbeautiful UIs usingAngular Material, andMaterial Design BootstrapSo, if you're a busy developer with limited time and want to quicklylearn howtobuild SPAs with Angular, you're at the right place.
All these topics are coveredbyover 15 hours of high-qualitycontent. Taking this courseisequivalent togoing through hundreds ofarticles, tutorials, and videos on the web!
Just that the content is laid out to cover all that you'll get to know during all that time! Once you go through the course(or just the preview videos), you'll know that the topics are explained in a clear and concise mannerwhich is going to save youa lot ofyour precious time! This course is also packed with techniques and tips, that you can only learn from a seasoned developer.
You'll see howwe'll createa brand new Angular project with Angular CLIand buildan application from Ato Z, step-by-step.
You'll also get to knowways tobuild a real-time SPA with Angular, Firebase,and Bootstrap. This application exhibits patterns that you see in a lot of real-world applications:
Master/detailCRUDoperationsInteraction with a data storeForms with custom validationAnd a lot more...!
PREREQUISITESYou 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.______________________________________________________________________________________________________________________________WHATOTHERSTUDENTSWHOHAVETAKENTHISCOURSESAY:"Explanation is crisp.. instructor is comfortable with the topic...
examples used are good and easy to understand...
various aspects of the code are explained...
using MDB and material for angular both are covered for creating UI components...
just only the full screen is shown at all times.. which makes things appear very sma
Instructor Details
- 4.3 Rating
117 Reviews
Siddharth Ajmera
Experience as (Web) Developer
I'm started with programming at the age of 18 and I've been doing that ever since. During my initial days, I used to work with C, C++, Java, and C#. I've worked on various projects involving these programming languages. I also have a little bit of experience with Windows and BlackBerry Mobile App development. I also participated in a few developer programs during my college days and won many accolades.
This interest in programming languages led me to work as a Full Stack Web Developer and Consultant for one of the world's most valuable company. The success and fun I have in this job is immense and really keeps that passion burningly alive.
I've worked on a lot of digital transformation engagements involving content management systems like AEM, chatbots, and single-page applications built with Angular and React. My current job also takes me to different countries and geographies. I'm currently based out in Sydney, Australia.
Experience as Instructor
Apart from my regular work, I'm also really passionate about teaching and mentoring people. I've been doing this ever since I started programming. I used to organize events where I took sessions on various programming languages in my college.
I started doing that more passionately and seriously when I was first asked to mentor a batch of fresh recruits in my organization. I've never looked back ever since.
I've conducted several learning sessions,
More typescript courses
![Typescript: The Complete Developer's Guide [2021]](/programming/typescript/images/2337318_abfd_4.jpg?v=1789153401)
Typescript: The Complete Developer's Guide [2021] (2021)
4.7 (312 Reviews)
Provider: Udemy
Time: 24.5h
$11.99
NestJS Zero to Hero - Modern TypeScript Back-end Development (2021)
4.7 (312 Reviews)
- Provider: Udemy
- Time: 8.5h
$11.99
Reviews
- Video Duration:
17h - Price: 11.99 Track Price 11.99 Track Price
- Provider: Udemy
- Year:
2021 - Language:
English - Certificate:
Yes
30-Day Money-Back Guarantee
Udemy Coupon Price Tracker
