- 66
- 34 094
Virtucham tech's
India
Приєднався 4 кві 2022
Angular tutorial for beginner's
JavaScript Array Methods - Part 3 (FILTER)
"What is the JavaScript Array filter() method? What is the array filter method in JavaScript and how is it used? What is the purpose of the filter method in JavaScript? How do you use the filter method? What is JavaScript's array.filter() method and how do you use it ?What exactly is the filter method?"
Angular tutorial for setup and basic concepts with example click below link
ua-cam.com/video/2EuiQSRVS8Q/v-deo.html
"Version of Angular 17" Link ua-cam.com/play/PL4060B0I29ViFdIzinN8sc7RttK4133nv.html
#virutchamtechs #reduce #javascript #javascriptfilter #javascriptarrays #javascriptarrayMethods #filter
contact me if any queries and need requirement of videos : virutcham.techs.22@gmail.com
Angular tutorial for setup and basic concepts with example click below link
ua-cam.com/video/2EuiQSRVS8Q/v-deo.html
"Version of Angular 17" Link ua-cam.com/play/PL4060B0I29ViFdIzinN8sc7RttK4133nv.html
#virutchamtechs #reduce #javascript #javascriptfilter #javascriptarrays #javascriptarrayMethods #filter
contact me if any queries and need requirement of videos : virutcham.techs.22@gmail.com
Переглядів: 5
Відео
RxJS Part 7 - Operators-3 Filter ( Pipeable Operator)
Переглядів 117 годин тому
What is the RxJS Filter() operator? What does the filter operator do in RxJS? What is a Filter operator? What is the use of a Filter in an observable? Basics of the Filter operator in RxJS with examples. Before learn this topic go through angular tutorial for setup and basic concepts with example click below link ua-cam.com/video/2EuiQSRVS8Q/v-deo.html "Version of Angular 17" Link ua-cam.com/pl...
JavaScript Array Methods - Part 2 (REDUCE)
Переглядів 18День тому
"What is the JavaScript Array reduce() method? What is the array map method in JavaScript and how is it used? What is the purpose of the reduce method in JavaScript? How do you use the reduce method? What is JavaScript's array.reduce() method and how do you use it ?What exactly is the Reduce method?" Angular tutorial for setup and basic concepts with example click below link ua-cam.com/video/2E...
RxJS Part 6 - Operators-3 Reduce( Pipeable Operator)
Переглядів 36День тому
What is the RxJS Reduce() operator? What does the Reduce operator do in RxJS? What is a Reduce operator? What is the use of a Reduce in an observable? Basics of the map operator in RxJS with examples. Before learn this topic go through angular tutorial for setup and basic concepts with example click below link ua-cam.com/video/2EuiQSRVS8Q/v-deo.html "Version of Angular 17" Link ua-cam.com/play/...
JavaScript Array Methods - Part 1 (MAP)
Переглядів 1614 днів тому
"What is the JavaScript Array map() method? What is the array map method in JavaScript and how is it used? What is the purpose of the map method in JavaScript? How do you use the map method? What is JavaScript's array.map() method and how do you use it? Also, how to use JavaScript maps with .map()? What exactly is the map method?" Before learn this topic go through angular tutorial for setup an...
RxJS Part 5 - Operators -2 (Map Pipeable operator)
Переглядів 1914 днів тому
What is the RxJS map() transformation operator? What does the map operator do in RxJS? What is a map operator? What is the use of a map in an observable? Basics of the map operator in RxJS with examples. Before learn this topic go through angular tutorial for setup and basic concepts with example click below link ua-cam.com/video/2EuiQSRVS8Q/v-deo.html "Version of Angular 17" Link ua-cam.com/pl...
RxJS Part 5 - Operators -1
Переглядів 2514 днів тому
"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 ua-cam.com/video/2EuiQSRVS8Q/v-deo.html "Version of Angular 17" Link ua-cam.com/play/PL4060B...
Angular-NgZone(Core)
Переглядів 7921 день тому
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 ua-cam.com/video/2EuiQSRVS8Q/v-deo.html "Version of Angular 17" Link ua-cam.com/play/PL4060B0I29ViFdIzinN8sc7RttK4133nv.html #angularlifehooks #angul...
Angular 17 Part 6: Control Flow by @switch in Tamil
Переглядів 28Місяць тому
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. ua-cam.com/video/2EuiQSRVS8Q/v-deo.html Angular17 Link ua-cam.com/play/PL4060B0I29ViFdIzinN8sc7RttK4133nv.html #angular #angular17 #struct...
RxJS Part 4 - Observers
Переглядів 37Місяць тому
"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 ua-cam.com/video/2EuiQSRVS8Q/v-deo.html "Version of Angular 17" Link ua-cam.com/play/PL4060B0I29ViFdIzinN8sc7RttK4133nv.html Below link for iterator function , need i...
RxJS Part 3 - Observable Anatomy and the concepts of synchronous and asynchronous operations.
Переглядів 37Місяць тому
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 ua-cam.com/video/2EuiQSRVS8Q/v-deo.html "Version of Angular 17" Link ua-cam.com/play/PL4060B0I29ViFdIzinN8sc7RttK4133nv.html Below link for iterator funct...
RxJS Part 2 - Observable
Переглядів 842 місяці тому
"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 ua-cam.com/video/2EuiQSRVS8Q/v-deo.html "Version of Angular 17" Link ua-cam.com/play/PL4060B0I29ViFdIzinN8sc7RttK4...
RxJS Part 1 - Introduction
Переглядів 1262 місяці тому
"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 ua-cam.com/video/2EuiQSRVS8Q/v-deo.html "Version of Angular 17" Link ua-cam.com/play/PL4060B0I29ViFdIzinN8sc7RttK4133nv.html #angularlifehooks #angular #virutchamtechs #rxjs contact me if any...
Angular Lifecycle Hooks Part 8 - ngOnDestory
Переглядів 583 місяці тому
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 ua-cam.com/video/2EuiQSRVS8Q/v-deo.html "Version of Angular 17" Link ua-cam.com/play/PL4060B0I29ViFdIzinN8s...
Angular 17 Part 5: Control Flow by @for in Tamil
Переглядів 763 місяці тому
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. ua-cam.com/video/2EuiQSRVS8Q/v-deo.html Angular17 Link ua-cam.com/play/PL4060B0I29ViFdIzinN8sc7RttK4133nv.html #angular #angular17 #structuraldirect...
Angular Lifecycle Hooks Part 7 - ngAfterViewChecked
Переглядів 563 місяці тому
Angular Lifecycle Hooks Part 7 - ngAfterViewChecked
Angular 17 Part 4: Control Flow by @if in Tamil
Переглядів 723 місяці тому
Angular 17 Part 4: Control Flow by @if in Tamil
Angular Lifecycle Hooks Part 6 - ngAfterViewInit
Переглядів 673 місяці тому
Angular Lifecycle Hooks Part 6 - ngAfterViewInit
Angular 17 - Part 3: Structural Directives in Angular, in Tamil
Переглядів 753 місяці тому
Angular 17 - Part 3: Structural Directives in Angular, in Tamil
Angular Lifecycle Hooks Part 5 - ngAfterContentChecked
Переглядів 1213 місяці тому
Angular Lifecycle Hooks Part 5 - ngAfterContentChecked
Angular 17 - Part 2: Deferrable Views in Angular In Tamil
Переглядів 1553 місяці тому
Angular 17 - Part 2: Deferrable Views in Angular In Tamil
Angular 17 - Part 1: Introduction & Standalone Concepts
Переглядів 1033 місяці тому
Angular 17 - Part 1: Introduction & Standalone Concepts
Angular Lifecycle hooks Part-4| ngAfterContentInit
Переглядів 267Рік тому
Angular Lifecycle hooks Part-4| ngAfterContentInit
Angular - HTTP PUT Request Examples In Tamil
Переглядів 290Рік тому
Angular - HTTP PUT Request Examples In Tamil
HTTP post request example in Angular using HttpClient
Переглядів 447Рік тому
HTTP post request example in Angular using HttpClient
Hi Mam, kindly Upload... Angular State Management NgRx Topic
Sure
ngOnChanges(){ this.parentData.count } nu kudutha work aakuumla sis
Hi , I want to Angular Redux videos..pls
Sure
Mam Realy awesome ....Your classes 👏
Thanks
@@virutchamtechs9700 "I want to watch a video on NgRx state management with Angular." Kindly pls upload
Your teaching is very well. Keep it. I have followed the same logic. But error showing while getting response from 'assets/config.json' and error as ""Http failure response for localhost:4200/assets/config.json: 404 Not Found"" & { "headers": { "normalizedNames": {}, "lazyUpdate": null }, "status": 404, "statusText": "Not Found", "url": "localhost:4200/assets/config.json", "ok": false, "name": "HttpErrorResponse", "message": "Http failure response for localhost:4200/assets/config.json: 404 Not Found", "error": "<!DOCTYPE html> <html lang=\"en\"> <head> <meta charset=\"utf-8\"> <title>Error</title> </head> <body> <pre>Cannot GET /assets/config.json</pre> </body> </html> " } and template as below as <div *ngIf="empData"> <div>Emp Name: {{empData.name}}</div> <div>Place: {{empData.place}}</div> <div>Designation: {{empData.designation}}</div> <div>Salary: {{empData.salary}}</div> </div>
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 ua-cam.com/video/QFD1WBWtEOE/v-deo.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
ua-cam.com/video/3_OLzLlD38Q/v-deo.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
ua-cam.com/video/qmFkrwrqkRk/v-deo.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
ua-cam.com/video/8K0qLt_98nY/v-deo.html check it out you will get clear about property
ua-cam.com/video/8K0qLt_98nY/v-deo.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 ua-cam.com/video/w2QWt3-wvjA/v-deo.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