Angular Tutorial for Beginners – Web Framework with Typescript Course

Ecommerce Empire Academy

Learn the basics of Angular in this full course for beginners. Angular is a TypeScript-based free and open-source web application framework created by Google.

✏️ Slobodan Gajic created this course. Check out his channel:

⭐️ Course Contents ⭐️
⌨️ (0:00:00) Introduction
⌨️ (0:05:26) Components
⌨️ (0:08:56) Lifecycle hooks
⌨️ (0:11:21) Text interpolation
⌨️ (0:13:31) Components Communication
⌨️ (0:19:01) Component Styles
⌨️ (0:23:36) Ng-Content
⌨️ (0:26:31) Template Statements
⌨️ (0:28:49) Pipes
⌨️ (0:32:22) Property Binding
⌨️ (0:34:56) Attribute, Class & Style
⌨️ (0:39:16) Event Binding
⌨️ (0:41:36) Two-way Binding
⌨️ (0:47:57) Directives
⌨️ (0:52:52) Attribute directives
⌨️ (0:56:36) Structural directives
⌨️ (1:01:15) Dependency Injection
⌨️ (1:04:14) Routing
⌨️ (1:13:19) Template-Driven Form
⌨️ (1:20:26) Reactive Forms
⌨️ (1:26:04) Form Validation
⌨️ (1:30:57) HTTP Client

⭐️ Video Resources ⭐️
🔗 Learn more about Pips:
🔗 Cocktail API endpoint: www.thecocktaildb.com/api/json/v1/1/search.php?f=a
🔗 LoR API endpoint:
🔗 LoR API docs:

🎉 Thanks to our Champion and Sponsor supporters:
👾 Wong Voon jinq
👾 hexploitation
👾 Katia Moran
👾 BlckPhantom
👾 Nick Raker
👾 Otis Morgan
👾 DeezMaster
👾 AppWrite

Learn to code for free and get a developer job:

Read hundreds of articles on programming:

And subscribe for new videos on technology every day:

52 thoughts on “Angular Tutorial for Beginners – Web Framework with Typescript Course”

  1. Thank you for posting my tutorial. I hope you guys can learn a thing or two.

    Happy coding 😉👏🏻

  2. OMG you guys just made it at the right time, I am really trying to learn this for my current project!

  3. I understood some of this stuff because I work with Angular but I don’t think the language used is so user-friendly for a beginner: “Use this, do that”. At least to me, when I am learning, I like to know why it’s this or that.

    1. Code with Sloba

      Thank you for feedback, I tried to explain as much as I can, but I guess it can be better.

    2. @Code with Sloba It’s ok, some things are really hard to explain, especially in coding. When I started 4 years ago I had a really bad time because people never explained to me the “why’s”. “Put this here.” – “Why?” – “Doesnt matter.”…..lol

    3. Correct. I had to watch another tutorial (by Fireship) how to get started with an angular project. If something is for beginners, it should explain everything from the basics.

    4. @Attila Vén the fireship tutorial is really good. I’m an angular beginner and it was very straight to the point

  4. Can you create advertisement system for advertiser in some environment or system? I just curious about what tools or saas can do it effectively

  5. Got surprised, never thought that I would see Angular video on your channel, thanks and nice tutorial.. 😁

  6. At the end of the Lifecycle Hooks section, I get a compile error due to no type being set for intervalSub. This can be resolved by setting type to any but my understanding is any should always be avoided. Can you advise what type should be set here?

    1. @bear. In that case I highly recommend the Mozilla tutorials first. Check out the MDN (not MSN) and you’ll find comprehensive tutorials for HTML, CSS and JS. Their front end developer course I’d the best of its kind that I’ve found.

    2. @Horus Of Oz Thank for this, I was getting confused by the videos, the Angular.io is easy to understand for me

    3. i just added “noImplicitAny”: false in tsconfig.json

      it may not be a good practise to do that, but it worked.

  7. MicahNahumYoung

    For anyone getting “Appears in the NgModule.imports of AppModule, but could not be resolved to an NgModule class.”, hit ctrl+c, then run ng serve again.

  8. FYI at 15:01 there needs to be a ! following the childMessage input. Here is that line @Input() childMessage!: string; Hope this helps!

    1. Lately I’ve been doing this A LOT since it’s the only solution I found at google, since putting an | undefined would bring me some errors sometimes… but I’m not even knowing how this is called so I can’t investigate about it, do you know WHY do I need to do this, and why some people doesn’t even if I’m doing the same as them?
      Does it have any consecuences? And in short, what is that ! for that doesn’t bring problems like the | undefined and how could I avoid having to use it all the time?

      Sorry if it was too long and too much questions, but I’m just doing it because I know I need to, and not because I know why :s

  9. The context of beginner here can be misleading. IMO to understand this video, you need to at least handle a project using typescript + other framework (react, vue, svelte). And you still need to read angular documentation after watching this.

    But If you use this video as quick refresher, this video is really good one.

  10. Thank you Sloba so much! This tutorial so great for quick fast forward of documentation! Documentation very slow to read through, this very nice because it take documentation and go through it very fast without much explain. Documentation explain too much. Thank you Sloba for saving the day!

  11. Alejandro Ortega

    Great tutorial, it is covering all the basics!!! Sometimes I need to see the angular workflow in more detail and I use documentation but it still a great tutorial. Duro hermano!!!

  12. 10:50 Can anyone explain to me why does typescript does not force static typing on intervalSub?

Comments are closed.