Master Angular 18 in Tamil: Complete Guide from Beginner to Pro in 4 Hours!

Welcome to our Angular Crash Course! 🚀 This intensive 4-hour tutorial will guide you through the essential aspects of Angular, from initial setup to advanced features.

In this course, you'll learn:

Setup and Project Creation: Start by setting up your Angular development environment and creating your first project.
Angular CLI: Install and utilize Angular CLI to streamline your development process.
Project Structure: Understand the structure of Angular projects and how to navigate it effectively.
Basic Components: Build and run your first Angular application, including creating a "Hello World" example.
Data Binding: Dive into data binding techniques, including one-way and two-way data binding, string interpolation, property binding, and event binding.
Directives: Learn to use Angular directives such as ngFor, ngIf, ngClass, and ngStyle to enhance your templates.
Pipes: Explore Angular pipes including Date, Slice, Uppercase, Lowercase, and Currency pipes for data transformation.
Component Communication: Understand how to share data between components using Input and Output decorators.
Services: Learn to create and use services to manage and share data across your application.
Lifecycle Hooks: Gain insight into Angular’s lifecycle hooks including ngOnChanges, ngOnInit, ngDoCheck, ngAfterContentInit, ngAfterViewInit, and ngOnDestroy to manage component behavior.
Additionally, you'll explore Angular routing, including route parameters, lazy loading, and custom attributes to build dynamic and efficient applications.

By the end of this course, you'll have a solid foundation in Angular, ready to create and manage sophisticated web applications.

Join us to fast-track your Angular skills and become proficient in this powerful framework!

Timestamps:
00:00 Intro
01:01 Setup
04:11 Creating Project
07:26 Running Project
09:12 Installing Angular CLI
12:06 Using ng command
13:06 Project Structure
20:26 First Project: Hello World
25:12 What is Standalone Component ?
28:25 Data Binding
28:55 One Way Data Binding
31:05 Two way Data Binding
35:17 String Interpolation
38:02 String Interpolation with Attribute Binding
41:02 Property Binding
43:52 Property Binding with Safe Navigation Operator
50:09 Event Binding
53:04 Simple Angular Project: Counter App
1:01:07 Directives
1:01:54 Structural Directives
1:01:59 ngFor
1:04:34 ngFor Variables (index, first, last, even, odd)
1:15:24 ngIf
1:18:04 Attribute Directive
1:18:24 ngClass
1:18:24 ngStyle
1:23:26 Creating Custom Directive - Highlighting Text Example
1:35:51 Pipes
1:37:31 Date Pipe
1:43:36 Slice Pipe
1:47:57 Uppercase and Lowercase Pipe
1:49:56 Currency Pipe
1:52:04 Sharing Data between Components
1:53:04 Using Input and Output Decorator
2:10:57 Using Service
2:24:24 Lifecycle Hooks
2:25:59 ngOnChanges
2:25:59 ngOnChanges FirstChange
2:39:34 ngOnInit
2:42:04 ngDoCheck
2:45:59 ngAfterContentInit
2:53:24 ngAfterViewInit
3:04:25 Routing
3:13:45 Redirect Route
3:15:55 Navigation Links
3:20:55 Active Router Link
3:23:30 Programattic Navigation with Router
3:27:40 Route Parameters
3:34:20 Lazy Loading Components
3:40:20 How Lazy Loading Works?
3:45:21 conclusion

🤝 **Donate & Help this Channel:**

🌐 **Join Udemy Courses**

📧 **Contact Information:**

🔔 For business inquiries or collaborations, please use the provided contact information. Thank you for your support! Don't forget to like, share, and subscribe for more content! 🔔

#angular #angular17 #webdevelopment #frontend #javascript #typescript #codingtutorial #angularframework #angularjs #angularcomponents #angularrouting #angularservices #angularforms #angularcli #angularproject #angulardevelopment #developer #programmingtutorial #learnprogramming #codingtips #softwaredevelopment #webdevtutorial #angularbeginner #angularadvanced #techtutorial #youtube #tutorial #codingjourney

[eyarkaitharagai]

Very clear explanation bro with good examples. thanks for the video ❤

[Saraswati-lm]

Spring boot full course and request to put full stack developer in Java course also bro.

[Nivedhitha_JK]

clear explanation anna, next video venum advanced angular concepts

[senviews]

Springboot full course podunga bro pls

[kdyoume]

Super bro, neenga solikudukrathu easy ah puriyuthu bro workout panipakkavum easy iruku thanks bro, django REST API video avalova proper ah videos illa bro konjom athu pathi oru project video podamudiyuma bro

[JebarlinDania]

Springboot(java), angular, postgresqli crude operation podunga please

[monishkumarm]

Bro spring spring boot hibernate JSP servlet depth video podunga bro single single course sa

[prakashe]

Angular vachi simple la projects pannunga bro

[deepikaradhakrishnan]

can you please update more projects in angular with spring boot

[kanimozhithangavelu]

Bro I changed the index.html title to home and app component template to welcome world but I could not see the changes why?

[rajsabari]

why we using programmatic navigation we can use normal routerlink? is there any specific reason ??Anna?

[sharmibcadhivya]

advanced javascript ku video pudunga bro please

[iami]

Bro angular with ngrx complete mean stack poduga bro

[BaskaranRagikaran]

Anna Laravel 11 video podunka please apidi illa endal 10 la irunthu 11 kku marekka vantha updates a sollunka

[KrishnaPrasad-qzqc]

Logesh Anna NgRX video ponduge NgRx odde video egayum ille athu romba helpfull irikkum

[ifiregaming]

AWS services kku bill vanthurukku bro ₹2882 ... Onga video paathu than bro open.. pannen neenga clear ahh solla ..konjam atha pathi awareness video..and HOW TO AVOID BILLING IN AWS pathi video podunga bro .. please

[prakashe]

Bro neenga alredy angular beginner course solli 6hours la video pottu erukinga, ippo angular course nu solli 4 hours course onnu pottu erukinga
Na oru beginner first yentha video pakkurathu sollunga

[KrishnaPrasad-qzqc]

Angular StateMangement romba mukkyam eenu theriyumlle anna athu nalathe kekare please poduge anna