- 56
- 211 576
TheAngularCoder || Gourav
India
Приєднався 27 лис 2007
In this channel I will take you through actual coding experience. Along with errors and ways I debug things in Angular.
I am professional Angular developer, and want to share the experience with you.
I am professional Angular developer, and want to share the experience with you.
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/
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
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
Hi need some urgent help can I reach out to you in any way
Please share full code
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.
bg music disturbing the concentration
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
Bro explained very well 👌🏻 But reduce to use more extra Memes 🙏🏻 Use maybe user can take less interest
Thanks Gaurav, You shown with realtime example.
Pipe is a class base decorator by which we can give a new shape and access the observable data in dom element.
🙌🏻🙌🏻
best explanation ever
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.
You are explaining this concepts so simply thanks Go on dude....
in your opinion, which is the best considering general aspects. React or Angular?
In angular 12 I am not getting JIT error in browser errors are not displaying.The same procedure I followed.
this is just waaaaw😍
great effort !!! thanks , can you create ngrx series same way in hindi Now +1 subscriber !!!
I've got question, how can i deploy it to azure?
Which theme are you using?
Please make more videos...There is no use if you are such a good talent and doesn't educate us. 🥺🙏
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
Great video. What is the VSCode extension you use that shows the types of variables beside it?
thx man, plz create full website using angular
Why don't you convert existing app not just default app created by angular new.
Best
Great Video, Thank you. I am facing a challenge with 2 different versions of the angular application. Could you do some helpful videos?
Hi bro can u pls explain the use of ngrx & statemanagement in angular. Even i gave answer they are not satisfied.
I tried everything but i am unable to fix this error.
Can you please fix the vioce in between which goes from 4:30 - 7:30
voice is not good . pls improve and upload it again
unable to install node modules
Best video thank you
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?
Bhaiya i am also from haldia institute of technology
Thank you for such a valuable video bro. I don't know how many subscriptions i left unsubscribed 😅
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.
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
Excellent and awesome way to deliver the concepts. Amazing..
Super Bro... It really helpful . Thank you so much !!!
Hi Gourav, Do we need to maintain single repositories for all modules, is it possible to have a separate repository for each module?
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.
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
par main to yaha padhai ke liye aya tha
Great video. Unfortunately no sound between 4:30 and 7:30. But still helpful
So if aot is false (i.e. using JIT) will ng serve always succeed?
Not always, only for angular compilation related errors will not be caught.
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
hey you are good
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
If you have code of angular web worker then share to me in big project
Can't understand properly because of your accent. Please add Captions