TheAngularCoder || Gourav
TheAngularCoder || Gourav
  • 56
  • 211 576
Nx Angular Microfrontend (Part 2)
Learn to quickly create micro front end application without going in details about its internal implementation. This small tutorial can help you build your first micro frontend application very easily.
This has been done via Nx monorepo. With few commands, you will have your micro-frontend ready.
Install NX - nx.dev/
Tutorial Link - nx.dev/module-federation/dynamic-module-federation-with-angular
Please like, share and subscribe for more content like this. You can follow me and directly ask questions on:
Groups and Pages:
Reddit Community: www.reddit.com/r/theAngularCoder/
LinkedIn Group: www.linkedin.com/groups/13984152/
Facebook Page: theangularcoder/
Discord Community: discord.gg/5vhcHy7s
Personal:
Reddit: www.reddit.com/user/gouravgunjan/
Discord username: gouravgunjan#3168
Dev.to: dev.to/gourav_gunjan
LinkedIn Personal: www.linkedin.com/in/gouravgunjan/
Переглядів: 9 094

Відео

Implement Micro Frontend in Angular - Explanation and Live Demo
Переглядів 47 тис.2 роки тому
Learning micro frontend architecture is important in modern applications. Mono repo can become unmaintainable for large complex applications. Today we are going to dive into understanding how Micro-frontend works. and to implement the same. Tutorial - github.com/angular-architects/module-federation-plugin/blob/main/libs/mf/tutorial/tutorial.md NPM - www.npmjs.com/package/@angular-architects/mod...
Angular Directives - Types and how to write them
Переглядів 1,1 тис.2 роки тому
Learn with useful live examples of custom directives, what are they, home many types are there, and how should we use them. Directives are very important topic for Angular Interviews too. I hope this video helps you learn it efficiently. Please like, share and subscribe for more content like this. You can follow me and directly ask questions on: Groups and Pages: Reddit Community: www.reddit.co...
Learn Typescript Generics and Type Operators with Examples
Переглядів 6982 роки тому
Learn how to use generics for code reusability. Also, learn different type operators that enhances ease of reusability in code. With live examples, it would is easy to understand and use generics to improve your code quality. :) Please like, share and subscribe for more content like this. You can follow me and directly ask questions on: Groups and Pages: Reddit Community: www.reddit.com/r/theAn...
[Hindi] JIT vs AOT | Learn for Angular Interviews
Переглядів 6 тис.2 роки тому
When asked in interview about Angular JIT or AOT, a lot of people don't seem to know what happens internally. Let try to solve this. Learning Angular can be difficult while searching on internet. I am trying to make videos for interview in Angular which can be fun and easy to understand. Typescript and Javascipt too is covered which will help you throughout the way. Please like, share and subsc...
Decorators for Angular Interview (Beginner to Intermediate)
Переглядів 4 тис.2 роки тому
Understand in depth what is decorators, how it is used in Angular. What different decorators are there in Angular, and how they are used. We are going to discuss class decorators like @NgModule, @Component, or others. Method decorators like @HostBinding, Property decorator like @Input, @Output, @View, @ViewChild, and much more. Advanced - ua-cam.com/video/WQBheYvckxo/v-deo.html Repo for example...
Angular and TS Decorators with Live Examples (Intermediate to Advanced)
Переглядів 1,4 тис.2 роки тому
In this video we will create and learn about Class Decorator, Method Decorator, Property Decorator and Parameter Decorator. Also, we will create a live running example of dependency injection with our custom decorators. With these Typescript decorators, you can easily create extensible framework for your custom use. Interview - ua-cam.com/video/cWKfOmKRjtc/v-deo.html Repo for example: github.co...
This is the Best way to use Angular Web Workers
Переглядів 4,7 тис.2 роки тому
Today I am going to show how we can make it really easy and intuitive to use web workers in Angular with strong type support. This is in continuation of my last video on web workers - ua-cam.com/video/QI3IEw8EGyg/v-deo.html where I ended it on note of making a infrastructure around web workers in Angular. Library used in code - www.npmjs.com/package/angular-web-worker Git hub repo for example -...
NG0100: Expression has changed after it was checked
Переглядів 7 тис.2 роки тому
Today we are talking about "ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked." error. We will discuss many ways to reproduce this, debug it and then fix it. You can find additional details here - angular.io/errors/NG0100 Please like, share and subscribe for more content like this. You can follow me and directly ask questions on: Groups and Pages: Reddit C...
Angular RxJS - Types of Subject
Переглядів 2,2 тис.3 роки тому
Many times in interview, I ask about types of subjects and how they work. Today I will try to explain the use of subjects. There are 4 types of Subjects - Normal, Behavior, Replay, and Async. In this video we will understand what are those and why these four are needed. We will understand all these details and more. Please like, share and subscribe for more content like this. You can follow me ...
UI Interview experience with VmWare
Переглядів 2,9 тис.3 роки тому
What is generally asked in interviews in VmWare? How should you prepare for it? How did crack the interview. Watch the video to learn about it! Please contact me on LinkedIn or other channels, if you want to get more clarifications. :) Please like, share and subscribe for more content like this. You can follow me and directly ask questions on: Groups and Pages: Reddit Community: www.reddit.com/...
CSS Tutorial for Beginners (plus extras too...)
Переглядів 3953 роки тому
Learning CSS is vital to any web developer. We will go through Selectors, Precedence, and lot many more things in simplest way possible. Also, I will talk about how it relates to HTML. Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language such as HTML. CSS is a cornerstone technology of the World Wide Web, alongsid...
Angular VS Code Tips, Tricks and Extensions for 2021
Переглядів 1 тис.3 роки тому
Using these techniques, I have increased my speed by atleast 10x. I hope you will find these extensions and techniques useful. Here are the list of extensions that I have mentioned in the video: Angular Snippets: marketplace.visualstudio.com/items?itemName=johnpapa.Angular2 Paste JSON as Code: marketplace.visualstudio.com/items?itemName=quicktype.quicktype Gitlens: marketplace.visualstudio.com/...
RxJS Higher Level Observables (concatMap, mergeMap, switchMap)
Переглядів 2,8 тис.3 роки тому
Learning Higher Level Observables vital. But even so, most people don't seem to use it regularly. Let me explain this is simplest manner possible. We will learn about concatMap in Rxjs, with diagrams and live code examples. Then we will learn about mergeMap, after that we will go to switchMap and try to understand why all these are called higher level observables and how they can simplify your ...
RxJS tutorial in practical way (with pipe, map, filter, tap) 🔥
Переглядів 19 тис.3 роки тому
RxJS tutorial in practical way (with pipe, map, filter, tap) 🔥
Ex-Amazonian: Should you even join Amazon? | Up and Personal
Переглядів 4183 роки тому
Ex-Amazonian: Should you even join Amazon? | Up and Personal
HTML and How it relates to Angular from Scratch (#2)
Переглядів 2023 роки тому
HTML and How it relates to Angular from Scratch (#2)
Change Detection, Immutability, OnPush Strategy in Angular (Tutorial)
Переглядів 9 тис.3 роки тому
Change Detection, Immutability, OnPush Strategy in Angular (Tutorial)
How my friend got into Amazon | Up and Personal
Переглядів 1,3 тис.3 роки тому
How my friend got into Amazon | Up and Personal
Installation and Knowledge Required: Angular From Scratch (#1)
Переглядів 4293 роки тому
Installation and Knowledge Required: Angular From Scratch (#1)
Why should you become Frontend Developer in 2021 (Guide) | Up and Personal
Переглядів 3,1 тис.3 роки тому
Why should you become Frontend Developer in 2021 (Guide) | Up and Personal
When to not use Angular Routing
Переглядів 2 тис.3 роки тому
When to not use Angular Routing
Creating Memory Leak in Angular
Переглядів 9 тис.3 роки тому
Creating Memory Leak in Angular
The Angular Coder - Story of this channel
Переглядів 1,6 тис.3 роки тому
The Angular Coder - Story of this channel
Why Everyone should use Git for Everything... | Up and Personal
Переглядів 2923 роки тому
Why Everyone should use Git for Everything... | Up and Personal
Understanding "this", call, apply and bind in Javascript
Переглядів 5883 роки тому
Understanding "this", call, apply and bind in Javascript
Super Responsive UI with Web Workers | Angular Tutorial
Переглядів 3,2 тис.3 роки тому
Super Responsive UI with Web Workers | Angular Tutorial
What a UI Interviewer wants to hear... | Up and Personal
Переглядів 7873 роки тому
What a UI Interviewer wants to hear... | Up and Personal
Can I create and convert Angular app to SSR in 5 mins? | Learn Angular
Переглядів 3,9 тис.3 роки тому
Can I create and convert Angular app to SSR in 5 mins? | Learn Angular
Improving CSS Animations | Learn Angular
Переглядів 1,1 тис.3 роки тому
Improving CSS Animations | Learn Angular

КОМЕНТАРІ

  • @dongababu
    @dongababu 25 днів тому

    Hi need some urgent help can I reach out to you in any way

  • @sqb8980
    @sqb8980 2 місяці тому

    Please share full code

  • @mohammedjunaidshaikh2415
    @mohammedjunaidshaikh2415 2 місяці тому

    Brother, if you explain in Hindi, your channel could potentially grow tenfold. You have a strong grasp of the subject, but sometimes your examples aren't as fitting as they could be. Also, your statements and word choices could be more engaging to better capture the attention of your viewers. I watched your video on AOT & JIT in English, and it helped clarify my concepts-thank you for that. However, the video had some distractions and was a bit irritating at times.

  • @srkvocals
    @srkvocals 2 місяці тому

    bg music disturbing the concentration

  • @EmanMohamed-i5c
    @EmanMohamed-i5c 4 місяці тому

    hi thank you for your video, i have a project i need to convert it to ssr but when i install express-engine occured errors

  • @AdilKhan-gj4jy
    @AdilKhan-gj4jy 4 місяці тому

    Bro explained very well 👌🏻 But reduce to use more extra Memes 🙏🏻 Use maybe user can take less interest

  • @NagnathMungade
    @NagnathMungade 5 місяців тому

    Thanks Gaurav, You shown with realtime example.

  • @amanprajapati9252
    @amanprajapati9252 6 місяців тому

    Pipe is a class base decorator by which we can give a new shape and access the observable data in dom element.

  • @harmiravani7839
    @harmiravani7839 6 місяців тому

    🙌🏻🙌🏻

  • @mahdiandalib186
    @mahdiandalib186 7 місяців тому

    best explanation ever

  • @saurabhgupta4155
    @saurabhgupta4155 7 місяців тому

    Hi @GouravGunjan, In this approach we still not maintaining code base separately for different apps as we do in micro-service architecture. Is it the best practice we follow or we have any further approach to maintain different code base for different apps.

  • @AnkitDabhi-bn4xp
    @AnkitDabhi-bn4xp 7 місяців тому

    You are explaining this concepts so simply thanks Go on dude....

  • @VK-sn3sn
    @VK-sn3sn 8 місяців тому

    in your opinion, which is the best considering general aspects. React or Angular?

  • @manojhk7469
    @manojhk7469 8 місяців тому

    In angular 12 I am not getting JIT error in browser errors are not displaying.The same procedure I followed.

  • @manojhk7469
    @manojhk7469 8 місяців тому

    this is just waaaaw😍

  • @abhijitshejwalkar189
    @abhijitshejwalkar189 8 місяців тому

    great effort !!! thanks , can you create ngrx series same way in hindi Now +1 subscriber !!!

  • @athero02yt3
    @athero02yt3 8 місяців тому

    I've got question, how can i deploy it to azure?

  • @VK-sn3sn
    @VK-sn3sn 8 місяців тому

    Which theme are you using?

  • @VK-sn3sn
    @VK-sn3sn 8 місяців тому

    Please make more videos...There is no use if you are such a good talent and doesn't educate us. 🥺🙏

  • @VK-sn3sn
    @VK-sn3sn 8 місяців тому

    Muje lagta hai agar aap Hindi me hi explain karoge to khul kar kar sakoge aur ache se hoga...aap ko English me explain karne me thodi dikkat aa rahi hai

  • @nandanreddy
    @nandanreddy 9 місяців тому

    Great video. What is the VSCode extension you use that shows the types of variables beside it?

  • @mahdiandalib186
    @mahdiandalib186 9 місяців тому

    thx man, plz create full website using angular

  • @sorrybuddy4460
    @sorrybuddy4460 9 місяців тому

    Why don't you convert existing app not just default app created by angular new.

  • @ankitayush2761
    @ankitayush2761 9 місяців тому

    Best

  • @KrishDunn-yy1jz
    @KrishDunn-yy1jz 9 місяців тому

    Great Video, Thank you. I am facing a challenge with 2 different versions of the angular application. Could you do some helpful videos?

  • @r5vk728
    @r5vk728 9 місяців тому

    Hi bro can u pls explain the use of ngrx & statemanagement in angular. Even i gave answer they are not satisfied.

  • @RakeshDash-h4j
    @RakeshDash-h4j 10 місяців тому

    I tried everything but i am unable to fix this error.

  • @magankumar8713
    @magankumar8713 10 місяців тому

    Can you please fix the vioce in between which goes from 4:30 - 7:30

  • @avanishexplorer
    @avanishexplorer 10 місяців тому

    voice is not good . pls improve and upload it again

  • @praveensc522
    @praveensc522 Рік тому

    unable to install node modules

  • @jotsysincorporated2619
    @jotsysincorporated2619 Рік тому

    Best video thank you

  • @ravitejmaheshwaram8389
    @ravitejmaheshwaram8389 Рік тому

    Great video 🙌🙌, I work on an application which uses websockets for live chat but had problems with browsers which disconnects the websocket after some time. So i thought of an implementation of using a worker which runs in the background and triggers whenever the websocket gets disconnected. It would be great if you can suggest me any better approach for this problem?

  • @jitendrasingh146
    @jitendrasingh146 Рік тому

    Bhaiya i am also from haldia institute of technology

  • @harenderbhandari5336
    @harenderbhandari5336 Рік тому

    Thank you for such a valuable video bro. I don't know how many subscriptions i left unsubscribed 😅

  • @avisheksaha5321
    @avisheksaha5321 Рік тому

    Hello Gourav, There is a sentence touched my heart when you said you avoided reactive forms approach because you were familiar with javascript and jQuery. Same happened with me.

  • @AnkurRai02
    @AnkurRai02 Рік тому

    Hi, If you use ngIf then angular has to keep a watch on it, which can be a burden on angular, if many ngIf are used it will increase, so better to use routing. let me know if I am wrong....Thankyou

  • @shafiq.hussain.cscore
    @shafiq.hussain.cscore Рік тому

    Excellent and awesome way to deliver the concepts. Amazing..

  • @madhukarn3275
    @madhukarn3275 Рік тому

    Super Bro... It really helpful . Thank you so much !!!

  • @nsureshingo
    @nsureshingo Рік тому

    Hi Gourav, Do we need to maintain single repositories for all modules, is it possible to have a separate repository for each module?

  • @igorr4682
    @igorr4682 Рік тому

    Regrettably, possessing programming knowledge and familiarity with the topic does not automatically translate to being an effective teacher. Alongside technical expertise, proper communication skills and clear pronunciation are imperative to ensure that your audience is on the same page and fully engaged in the learning process.

  • @igorr4682
    @igorr4682 Рік тому

    Regrettably, possessing programming knowledge and familiarity with the topic does not automatically translate to being an effective teacher. Alongside technical expertise, proper communication skills and clear pronunciation are imperative to ensure that your audience is on the same page and fully engaged in the learning process

  • @pranavwatile1363
    @pranavwatile1363 Рік тому

    par main to yaha padhai ke liye aya tha

  • @maartensnels3804
    @maartensnels3804 Рік тому

    Great video. Unfortunately no sound between 4:30 and 7:30. But still helpful

  • @arturgudiev
    @arturgudiev Рік тому

    So if aot is false (i.e. using JIT) will ng serve always succeed?

    • @GouravGunjan
      @GouravGunjan Рік тому

      Not always, only for angular compilation related errors will not be caught.

  • @arturgudiev
    @arturgudiev Рік тому

    I thought aot is when you run ng build. And JIT is when you run development server ng serve that reacts "Just in Time" on my changes 🤣😅 Thank you. Now I have better understanding

  • @OmkarBhosale-p2k
    @OmkarBhosale-p2k Рік тому

    hey you are good

  • @abhishekchauhan280
    @abhishekchauhan280 Рік тому

    I am using class component so I have a function name getprofiledetail() I want to call this function in worker ts file how I can do because it giving underline that function name

  • @abhishekchauhan280
    @abhishekchauhan280 Рік тому

    If you have code of angular web worker then share to me in big project

  • @knightofenigma
    @knightofenigma Рік тому

    Can't understand properly because of your accent. Please add Captions