![virutcham Tech's](/img/default-banner.jpg)
- Видео 60
- Просмотров 32 740
virutcham Tech's
Индия
Добавлен 4 апр 2022
I have over 10 years of experience as a software engineer, specializing in web development across various technologies.
RxJS Part 5 - Operators -1
"What is an operators in RxJS? What are operators in Rxjs? What is the role of an Operators? Why do we use operators ?What is the use of pipe operator in RxJS?
"Operators in RxJS with examples"
Before learn this topic go through angular tutorial for setup and basic concepts with example click below link
ruclips.net/video/2EuiQSRVS8Q/видео.html
"Version of Angular 17" Link ruclips.net/p/PL4060B0I29ViFdIzinN8sc7RttK4133nv
for installation of rxjs
npm install rxjs --save
#angularlifehooks #angular #virutchamtechs #rxjs #operator #rxjsoperators #operators
contact me if any queries and need requirement of videos : virutcham.techs.22@gmail.com
"Operators in RxJS with examples"
Before learn this topic go through angular tutorial for setup and basic concepts with example click below link
ruclips.net/video/2EuiQSRVS8Q/видео.html
"Version of Angular 17" Link ruclips.net/p/PL4060B0I29ViFdIzinN8sc7RttK4133nv
for installation of rxjs
npm install rxjs --save
#angularlifehooks #angular #virutchamtechs #rxjs #operator #rxjsoperators #operators
contact me if any queries and need requirement of videos : virutcham.techs.22@gmail.com
Просмотров: 8
Видео
Angular-NgZone(Core)
Просмотров 3212 часов назад
What is NgZone in Angular? When should NgZone be used? providing an example of using Angular zones .What is the functionality of a zone? Before learn this topic go through angular tutorial for setup and basic concepts with example click below link ruclips.net/video/2EuiQSRVS8Q/видео.html "Version of Angular 17" Link ruclips.net/p/PL4060B0I29ViFdIzinN8sc7RttK4133nv #angularlifehooks #angular #vi...
Angular 17 Part 6: Control Flow by @switch in Tamil
Просмотров 2021 день назад
Built-in Control Flow in Angular 17: What is @switch Why does @switch use it? Examples of @switch with sample code Switch control flow with @switch, @case and @default .. Before watching this video, please check the links below for basic features of Angular. ruclips.net/video/2EuiQSRVS8Q/видео.html Angular17 Link ruclips.net/p/PL4060B0I29ViFdIzinN8sc7RttK4133nv #angular #angular17 #structuraldi...
RxJS Part 4 - Observers
Просмотров 28Месяц назад
"What is an observer in RxJS? What are observers in Angular? What is the role of an observer? Why do we use observers?" Before learn this topic go through angular tutorial for setup and basic concepts with example click below link ruclips.net/video/2EuiQSRVS8Q/видео.html "Version of Angular 17" Link ruclips.net/p/PL4060B0I29ViFdIzinN8sc7RttK4133nv Below link for iterator function , need it refe...
RxJS Part 3 - Observable Anatomy and the concepts of synchronous and asynchronous operations.
Просмотров 29Месяц назад
What is observable anatomy? Explained the concepts of synchronous and asynchronous operations with a sample example in angular RXJS Before learn this topic go through angular tutorial for setup and basic concepts with example click below link ruclips.net/video/2EuiQSRVS8Q/видео.html "Version of Angular 17" Link ruclips.net/p/PL4060B0I29ViFdIzinN8sc7RttK4133nv Below link for iterator function , ...
RxJS Part 2 - Observable
Просмотров 622 месяца назад
"What can be observed using RxJS? Why should we use RxJS observables, along with a sample example? Why use observables? A guide to RxJS observables in Angular using RxJS." Before learn this topic go through angular tutorial for setup and basic concepts with example click below link ruclips.net/video/2EuiQSRVS8Q/видео.html "Version of Angular 17" Link ruclips.net/p/PL4060B0I29ViFdIzinN8sc7RttK41...
RxJS Part 1 - Introduction
Просмотров 942 месяца назад
"What is RxJS? Why use RxJS with a sample example?" "Introduction to RxJS: RxJS for Beginners" Before learn this topic go through angular tutorial for setup and basic concepts with example click below link ruclips.net/video/2EuiQSRVS8Q/видео.html "Version of Angular 17" Link ruclips.net/p/PL4060B0I29ViFdIzinN8sc7RttK4133nv #angularlifehooks #angular #virutchamtechs #rxjs contact me if any queri...
Angular Lifecycle Hooks Part 8 - ngOnDestory
Просмотров 522 месяца назад
What is ngOnDestory? How does it work with a sample example of the ngOnDestory method? What are lifecycle hooks? How do they work with a sample example of the ngOnDestory method? Before learn this topic go through angular tutorial for setup and basic concepts with example click below link ruclips.net/video/2EuiQSRVS8Q/видео.html "Version of Angular 17" Link ruclips.net/p/PL4060B0I29ViFdIzinN8sc...
Angular 17 Part 5: Control Flow by @for in Tamil
Просмотров 702 месяца назад
Built-in Control Flow in Angular 17: What is @?for Why does @for use it? Examples of @for with sample code What is an iterator? Also, what is the Spread Method? Before watching this video, please check the links below for basic features of Angular. ruclips.net/video/2EuiQSRVS8Q/видео.html Angular17 Link ruclips.net/p/PL4060B0I29ViFdIzinN8sc7RttK4133nv #angular #angular17 #structuraldirectives #...
Angular Lifecycle Hooks Part 7 - ngAfterViewChecked
Просмотров 512 месяца назад
What is ngAfterViewChecked? How does it work with a sample example of the ngAfterViewChecked method? What are lifecycle hooks? How do they work with a sample example of the ngAfterViewChecked method? Before learn this topic go through angular tutorial for setup and basic concepts with example click below link ruclips.net/video/2EuiQSRVS8Q/видео.html "Version of Angular 17" Link ruclips.net/p/PL...
Angular 17 Part 4: Control Flow by @if in Tamil
Просмотров 652 месяца назад
Built-in Control Flow in Angular 17: What is @if? Why does @if use it? Examples of @if with sample code Before watching this video, please check the links below for basic features of Angular. ruclips.net/video/2EuiQSRVS8Q/видео.html Angular17 Link ruclips.net/p/PL4060B0I29ViFdIzinN8sc7RttK4133nv #angular #angular17 #structuraldirectives #angulardirectives #controlflow #angular17controlflow
Angular Lifecycle Hooks Part 6 - ngAfterViewInit
Просмотров 632 месяца назад
What is ngAfterViewInit? How does it work with a sample example of the ngAfterViewInit method? What are lifecycle hooks? How do they work with a sample example of the ngAfterViewInit method? Before learn this topic go through angular tutorial for setup and basic concepts with example click below link ruclips.net/video/2EuiQSRVS8Q/видео.html "Version of Angular 17" Link ruclips.net/p/PL4060B0I29...
Angular 17 - Part 3: Structural Directives in Angular, in Tamil
Просмотров 702 месяца назад
Built-in Control Flow in Angular 17: "What are Structural Directives in Angular? Features of structural directives." Before watching this video, please check the links below for basic features of Angular. ruclips.net/video/2EuiQSRVS8Q/видео.html Angular17 Link ruclips.net/p/PL4060B0I29ViFdIzinN8sc7RttK4133nv #angular #angular17 #structuraldirectives #angulardirectives
Angular Lifecycle Hooks Part 5 - ngAfterContentChecked
Просмотров 1153 месяца назад
What is ngAfterContentChecked? How does it work with a sample example of the ngAfterContentChecked method? What are lifecycle hooks? How do they work with a sample example of the ngAfterContentChecked method? Before learn this topic go through angular tutorial for setup and basic concepts with example click below link ruclips.net/video/2EuiQSRVS8Q/видео.html "Version of Angular 17" Link ruclips...
Angular 17 - Part 2: Deferrable Views in Angular In Tamil
Просмотров 1413 месяца назад
Features of Angular 17: "What is Deferred Views in Angular? Use of Deferred Views with examples."" Before watching this video, please check the links below for basic features of Angular. ruclips.net/video/2EuiQSRVS8Q/видео.html Angular17 Link ruclips.net/p/PL4060B0I29ViFdIzinN8sc7RttK4133nv #angular #angular17 #defer #deferblock
Angular 17 - Part 1: Introduction & Standalone Concepts
Просмотров 973 месяца назад
Angular 17 - Part 1: Introduction & Standalone Concepts
Angular Lifecycle hooks Part-4| ngAfterContentInit
Просмотров 263Год назад
Angular Lifecycle hooks Part-4| ngAfterContentInit
Angular - HTTP PUT Request Examples In Tamil
Просмотров 282Год назад
Angular - HTTP PUT Request Examples In Tamil
HTTP post request example in Angular using HttpClient
Просмотров 412Год назад
HTTP post request example in Angular using HttpClient
Fetch Data From Server Using The HTTP Client In Angular
Просмотров 648Год назад
Fetch Data From Server Using The HTTP Client In Angular
Angular structural directives part-3 NGFOR
Просмотров 1682 года назад
Angular structural directives part-3 NGFOR
Angular structural directives part-2 NGSWITCH
Просмотров 1912 года назад
Angular structural directives part-2 NGSWITCH
Indexedb angular la eppati use panrathu nu podunka
Sure
thankk uuuuuuu
Your explanation is very nice. Keep this sister. After set property binding,image not displaying my code in ts file is imageUrl="assets/logo.png"; and In html file as "<img [src]="imageUrl"/>".And also not working without property binding like <img src="assets/logo.png"/>.Any thing,Image not displaying.But image is available in assets folder.How to rectify this?
Bro. You path is wrong so only not displaying for test purpose. You can copy full path of image and check then you know what mistake you done. According to folder structure path will be different like example ../../ assets/ images some time for another component it will differ ./assets/img.png
Great explanation
Thanks
nice explanation getting easy understand
thank you so much Mam
Your asked about interview questions video. If you learn all topics of angular itself enough to attend interview. Prepare angular well goes to interview bit website for angular recall the things. It will help don't learn questions a nd answer if you know all topics about angular that's enough to attend interview
Mam angular 17 la app.module page varamaatingudhu, so Formsmodule and reactivemodule endha page la import pannanum please sollunga?
Yentha component form module use pannrom same component import it and add in the import inside of @ component
Standalone video is there check that for refer ruclips.net/video/QFD1WBWtEOE/видео.html
Mam ngForm use panna no directives found nu varudhu adhu epdi solve panradhu?
Import the library I explain in the video also watch properly use this import { FormGroup, FormControl, Validators, FormBuilder } from '@angular/forms';
@@virutchamtechs9700 mam angular17 la app.module page varala, so namma formsmodule enga register panradhu?
need package.json and angular.json explanation mam
Sure
Thanks so much mam
It's my pleasure
Good explanation
Nice explanation, Nan angular developer ah 3 years work paniruken enaku oru prblm eputi documentation write pantrathu angular application ku help panunga. Like Code document if possible project documentation oru idea venum eduku reply paninga Ilana edu related ah oru video potta rompa useful ahh irukum
What kind of documentation need I am not getting actually for project we create SDD virutcham.techs.22@gmail.com can you sent details to my mail I will check it
Why using 3 components mam
Just for understanding, I made this so you can make it into a single component. When it comes to the project, it may work out like this, so I thought of it in this way.
Thank you for sharing mam ☺️☺️
Thank you so much mam... clearly understand this hook 💥
please update rxjs details video mam
Sure as soon as possible by
Your videos are very good... pls update project videos... and angular.. interview questions pls update...
Sure what kind of project videos you need
Try the code //a component <p> ngAfterContent </p> <p> I am a </p> <app-b> <h3 #BHeader>BComponent Content DOM</h3> </app-b> //b component <p>I am bcomponent </p> <app-c></app-c> <button (click)="$event" > click </button> <ng-content> </ng-content> //b compoenent.ts import { Component , AfterContentChecked,AfterContentInit,ContentChild,Renderer2,ElementRef,OnInit,viewChild,AfterViewInit, ViewChild } from '@angular/core'; import { CComponent } from '../c/c.component'; @Component({ selector: 'app-b', standalone: true, imports: [CComponent], templateUrl: './b.component.html', styleUrl: './b.component.css' }) export class BComponent implements AfterContentChecked,AfterContentInit,OnInit,AfterViewInit { @ContentChild("BHeader",{read:ElementRef}) hRef:ElementRef |undefined @ViewChild(CComponent,{read:ElementRef}) cRef:ElementRef |undefined constructor(private renderer:Renderer2) { console.log("constructor") } ngAfterViewInit(): void { console.log("ngafterviewinit") this.renderer.setStyle(this.cRef?.nativeElement.children.item(0),'background-color',this.randomRGB()) this.renderer.setStyle(this.cRef?.nativeElement.children.item(1),'background-color',this.randomRGB()) } ngOnInit(): void { console.log("ngInit",this.hRef) } ngAfterContentChecked(): void { console.log("ngaftercontentchecked",this.hRef) this.renderer.setStyle(this.hRef?.nativeElement,'background-color',this.randomRGB()) } ngAfterContentInit(): void { console.log("ngAfterContentInit",this.hRef) } randomRGB(): string { return `rgb(${Math.floor(Math.random() * 256)}, ${Math.floor(Math.random() * 256)}, ${Math.floor(Math.random() * 256)})`; } } //C component <p> I am C component </p> <h2> welcome to life cycle </h2>
Try below code //a component html <h1> ngAfterContentChecked Example </h1> <p> I am A. </p> <app-b> <h3 #BHeader>BComponent Content DOM</h3> <app-c> </app-c> </app-b> //b Component html <p> I am b</p> <p #BStatement>I am B.</p> <button (click)="$event"> Click </button> <ng-content></ng-content> //bcompoennt.ts import { Component , AfterContentChecked,AfterContentInit,ContentChild,Renderer2,ElementRef,OnInit,viewChild,AfterViewInit, ViewChild } from '@angular/core'; import { CComponent } from '../c/c.component'; @Component({ selector: 'app-b', standalone: true, imports: [CComponent], templateUrl: './b.component.html', styleUrl: './b.component.css' }) export class BComponent implements AfterContentChecked,AfterContentInit,OnInit,AfterViewInit { @ContentChild("BHeader",{read:ElementRef}) hRef:ElementRef |undefined @ViewChild(CComponent,{read:ElementRef}) cRef:ElementRef |undefined constructor(private renderer:Renderer2) { console.log("constructor") } ngAfterViewInit(): void { console.log("ngafterviewinit") this.renderer.setStyle(this.cRef?.nativeElement.children.item(0),'background-color',this.randomRGB()) this.renderer.setStyle(this.cRef?.nativeElement.children.item(1),'background-color',this.randomRGB()) } ngOnInit(): void { console.log("ngInit",this.hRef) } ngAfterContentChecked(): void { console.log("ngaftercontentchecked",this.hRef) this.renderer.setStyle(this.hRef?.nativeElement,'background-color',this.randomRGB()) } ngAfterContentInit(): void { console.log("ngAfterContentInit",this.hRef) } randomRGB(): string { return `rgb(${Math.floor(Math.random() * 256)}, ${Math.floor(Math.random() * 256)}, ${Math.floor(Math.random() * 256)})`; } } //c compoent.html <p>I am c </p> <P> Hello wordld</P>
Okay mam I'll try
nice explaintion mam ,thank you
your videos so good.... but voice is not clear pls check
Sure. Thanks
What about lifecyclehooks 5,6,7,8 Sister
Soon I will update long time can't make video. Soon as possible I will upload all videos
@@virutchamtechs9700 eagerly waiting sister please upload soon
@@anithaalagar1629 sure
ruclips.net/video/3_OLzLlD38Q/видео.html life hooks part 5 sure by next week upcoming video will come
Okay Mam thank you 😊😊
Everything looks good, but it would be great if you could include the output of the service
ruclips.net/video/qmFkrwrqkRk/видео.html this for output check this
@@virutchamtechs9700 good , thank you.
Mam error varuthu mam Templateurl: './child.component.html', Ipdi varuthu
Sent your code to my email id virutcham.techs.22@gmail.com I will let you know
same injector ah standalone mehtod la pannunga angular 17
Soon as I will upload video for standalone
Property means what mam
ruclips.net/video/8K0qLt_98nY/видео.html check it out you will get clear about property
ruclips.net/video/8K0qLt_98nY/видео.html check this video you get clear info of property
Try example which done you know how it's work also
Epdi update value ah send pandrathu without two way binding.. Nan default oru value ah send pandren, aprm page load aanathuku aprm oru method la same variable ah update.. But updated value pogala. Athu epdi pandreathu
Use observable method that also I attached video ruclips.net/video/w2QWt3-wvjA/видео.html
❤
Thanks
Angular video potadhuku nandri akka
Thank you sister
Welcome
Thank you so much very nice explanation
Hey , really good explain to all topic .... All the best
Thanks
Thanks
Super, Pls upload the next video
Sure soon I will
nice and thank you for ur presendation
akka one request neega video panum podhu andha sample code reference la poduga..
Sample reference code will be in comment section i pinned there please check kindly
Please check in description of video if code is not in comment section it will be in description
neenga pana andha child compennets theliva konjam explain panuga akka....atleast aathula full code aavathu comment la poduga akka
Code comments erukum Nala check panni parunga. Video correct ah follow Pannu kandipa work agum once again try panni paruga
akka no error but aathu output yedhuvum print aagala..
Use console and check it
1. If 'app-student-profile' is an Angular component and it has 'message' input, then verify that it is part of this module. 2. If 'app-student-profile' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. 3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. 1 <app-student-profile [message]="messageData"> </app-student-profile> ~~~~~~~~~~~~~~~~~~~~~~~ src/app/app.component.ts:6:16 6 templateUrl: './app.component.html', ~~~~~~~~~~~~~~~~~~~~~~ Error occurs in the template of component AppComponent. × Failed to compile.
Property 'blue' does not exist on type 'AppComponent'. akka color single style binding la varala
Spelling caps yellam correct check panni paruga
Thank you very much madam I could not correct this error for 2 days.. I understood after watching this video
Koncham loud and strong aaa pesunga sis
Sure 😊
thank you so much
Thanks
Nice akka... When is next tutorial?
Will update soon
if I pass multiple data from child to parent component , I would create multiple @ouput( ) or I create single Output and then i declare them in it , which one I will do ?
Send your code to my mail virutcham.techs.22@gmail.com
Why to use for constructor ngOninit....
Constructor is used for initialise the variables very first before ngoninit load
Clear explanation.. please upload more videos sis.👌👌
Thanks Sure
Super.very clear explanation
Thanks
it return only default message what i have to do
Then you missed subscribe one I hope so
Follow once video again and try step by step it will work or you missed to set update value for that subscribe
Is there an English version available?
If you need I will add it