Learn Angular - Full Tutorial Course

Learn about Angular 6 (and above) in this complete course. You will learn how to create small/medium/large applications with Angular 6 in this web development tutorial.

⭐️ Course Contents ⭐️

⌨️ (0:00:00) 1: Introduction
⌨️ (0:01:24) 2: Setting up project using Angular CLI
⌨️ (0:06:24) 3: Angular Architecture
⌨️ (0:15:55) 4: Decorators
⌨️ (0:32:44) 5: Lifecycle Hooks
⌨️ (0:41:07) 6: Components
⌨️ (0:46:36) 7: Interpolation and Expressions
⌨️ (0:52:30) 8: One way data binding
⌨️ (1:00:59) 9: Two way data binding
⌨️ (1:11:20) 10: Looping with *ngFor
⌨️ (1:19:50) 11: Services
⌨️ (1:21:52) 12: HTTP Requests
⌨️ (1:40:43) 13: Configure Proxy for API calls
⌨️ (1:46:39) 14: Routing
⌨️ (1:55:54) 15: Login App - Part 1
⌨️ (2:04:21) 16: Login App Part 2
⌨️ (2:14:58) 17: Routing Protection (Login App Part 3)
⌨️ (2:28:46) 18: Setting up backend (Login App Part 4)
⌨️ (2:41:12) 19: Persistent Login Session (Login App Part 5)
⌨️ (2:56:45) 20: Adding Logout feature and UI (Login App Part 6)
⌨️ (3:05:05) 21: MongoDB + Angular + Node Registration
⌨️ (3:16:32) 22: NodeJS Setup (Registration Part 2)
⌨️ (3:22:43) 23: MongoDB Setup (Registration Part 3)
⌨️ (3:41:36) 24: Linking MongoDB with Angular (Registration Part 4)
⌨️ (3:50:02) 25: Sessions
⌨️ (4:13:04) 26: Editing and storing data in MongoDB through Angular
⌨️ (4:20:16) 27: Pipes
⌨️ (4:32:14) 28: Custom Pipes
⌨️ (4:39:23) 29: Directives
⌨️ (4:53:28) 30: Custom Directives
⌨️ (5:01:06) 31: Redux - Introduction
⌨️ (5:06:55) 32: Redux - Getting Started
⌨️ (5:19:43) 33: Creating a Reducer
⌨️ (5:26:52) 34: Registering a reducer
⌨️ (5:32:11) 35: Getting Data from Redux Store
⌨️ (5:37:06) Project

[meitoli]

well as a beginnner I had a lot of dificulties to start learning with this course. Is like he tries to explain everything that come to his mind but that confuses totally a new beginner. You can use this course more effectivily if you already know basic stuff about Angular otherwise is impossible

[dineshdadwal]

I have been suffering from months to find an angular tutorial which can explain me basic stuff so that i'll be able to work efficiently & here i am .

[azharsham]

@19:50 What i felt after watching the entire course!

[italialyanoboi]

Error at 31:12

So for anyone watching in 2022, you are probably like me and got a compilation error when you reached the 31:12 minute in this course, I did look for the follow up video explaining the issue but I couldn't find it. So I looked into it and here is what I found, the compiler is essentially complaing that something is being returned at all, for a class decorator is is possible to overwrite the constructor function but in this instance we aren't actually looking to overwrite anything, all we are doing is printing something to the console and then calling the constructor. From my experience calling the constructor is unnecessasary. It will be called regardless so in this case all we want to do is print something. I fixed my decorated by doing this;

function classLog(target:Function){
console.log("I am a class decorator and I have just been invoked by the constructor for " + target.name)
}

@classLog
class myExampleClass {
constructor(arg1:any, arg2:any){
console.log("Constructor fired!")
}
}

When the JS is ran and the constructor for myExampleClass is called, before the constructor is executed the decorator is ran and then when its finished the original constructor is executed.
I hope this helps.

[EverybodyMooParty]

31:18 Got stuck here for like an hour, because this
issue he ignored gave me a compiler error.

For anyone in the future, these changes to the log function allowed me to continue:


function log(className): any {
console.log(className)
return function(...args) {
console.log("Arguments passed to this function are ", args)
return new className(...args)
}
}

[MrAyush]

Hi. I have questions about sessions and cookies.
1. How do you decide, based on your use-case, to use localStorage or remote server access cookies?
2. What are the pros and cons of each method?
3. If cookies are stored in `localStorage` then it can be easily viewed by anyone through the Developer Options right?


It'd be really great if you could answer these questions or just point me to a trustable online resource.


P.S. What is the Pythonic counterpart to `express-session`? To be used with Flask or something.

[jayanthhr]

If you are a midlevel Angular programmer and you ppl aware of Basics of angular like component, Databinding, Services, Pipes etc and you people want to update your skills then its a best Tutorial.

but..before following this video tutorial be prepare with some basics otherwise it becomes bit difficult to understand

[puneethvirat]

great source for beginers, , , thanks lot, , , is it possible to increase the audio qulity some more better..thank you..

[anandb]

I appreciate the effort that has been put into making this, but find it very difficult to follow as a beginner

[kelvinmunene]

Wow.. This is what I have looking for. Thank you

Would u kindly make something like this for nodejs
Another one for ionic framework

[milanashara]

helped me to quick learn brush up my concepts from angularJS to Angular 6. Thanks.

[pongpeerakingsuwankul]

For login part 2

If you put $_POST = json_decode(file_get_contents('php://input', true));
and still get bug, use $_POST -> username, instead of $_POST['username']

[paulocabelloacha]

I need to learn Angular! Thanks a lot guys for this great material!. I just wanna say hello from Paraguay!

[blackclover]

Thank you campers from the bottom of my heart!

[shahrukhtramboo]

After 4:05:00, it's comedy, dead laughing

[usama_sadiq]

Sir upload an angular course with the latest version of angular for beginners to advance

[HARIKRISHNANSRSRSHD]

Hi Team,
Your videos are amazing. I am looking for a sample project for my team which covers all the important concepts of Angular. Could you please suggest couple of sample angular projects or resources I can use?

[avienxyz]

This is so helpful and all available for free damn humanity is still alive!

[allprowebdesigns]

Great course on Angular. Just about everything is wrapped up in this one! Do you have a complete Python course?

[abhishekd]

when you pass a new parameter, don't forget to declare it with type "any". Otherwise, you're gonna get error