100 thoughts on “Angular Tutorial for Beginners”

  1. Just today purchased Maximilian´s Angular 4 course from Udemy. Trying something new. I have not really watched video courses before. But Maximilian seems to be a good teacher/instructor.

  2. If you are facing problem with <input type="text" [(ngModel)]="name">, follow this https://stackoverflow.com/a/38896469/4838244. It will solve your issue

  3. Guys, didn't any of u hav these errors: if you are begind a proxy, please make sure that the 'proxy' config is set properly. I am looking a lot of time now but no use.
    Can anyone of u, help me?

  4. After downloaded angular and I started the server (ng serve), it says that it was compiled successfully. However, nothing is being displayed on the page, and there appears to be errors.
    Uncaught SyntaxError: Unexpected end of input polyfills.bundle.js:5575
    Uncaught reflect-metadata shim is required when using class decorators core.es5.js:350
    Please help!

  5. Great tutorial, will buy your udemy course. Why does it seem like my bootstrap is not working, and the <hr> is not visible at all :S ? Cheeres bruh.

  6. For everyone getting an error while compiling after adding server.component.ts
    "server.component.ts is not a module"
    Just try to restart your IDE and it should be good !

  7. Field 'browser' doesn't contain a valid alias configuration
    doesn't exist
    Field 'browser' doesn't contain a valid alias configuration
    .ts doesn't exist

    Getting this error while running ng serve after introducing bootstrap

  8. I have one problem. I have to write 'ng serve' every time after modifying the code. You said it will update automatically. But From my side, it is not working. Can you guide me please, how I can fix this?
    Dank im Voraus

  9. Excellent content. But PLEASE learn to pronounce your v's properly. You keep saying wery, wersion, wisiting. Seriously, listen to some real English once in a while.

  10. Awesome content Max… I have been looking in youtube and trying to learn Angular for a while couldn't find anything in depth. This is great .Thank you for sharing this.Paused to comment here. Will watch few minutes in intervals 🙂

  11. While opening terminal in visual studio code it is giving an error that npm is not recognized as an internal or external command, operable program or batch file

  12. Awesome ,will join the course soon .
    can you please tell me why i am getting an error after installing bootstrap as
    bootstrap.min.js:6 Uncaught Error: Bootstrap's JavaScript requires jQuery
    at eval (bootstrap.min.js:6)
    at Object…/../../../bootstrap/dist/js/bootstrap.min.js (styles.bundle.js:13)
    at _webpack_require_ (inline.bundle.js:55)
    at Object.2 (styles.bundle.js:56)
    at _webpack_require_ (inline.bundle.js:55)
    at webpackJsonpCallback (inline.bundle.js:26)
    at styles.bundle.js:1
    i installed jquery also
    and given the path in .json file

  13. You sir, again, are a terrific instructor. I had to get up and running with Angular 4 incredibly fast at my job and you helped me achieve my goal. Keep up the great work.

  14. After searching the entire youtube for a nice basic-to-expert tutorial I found this and absolutely loved it! I bought it without thinking twice, definetly worth your money.

  15. Hi. This is a question about angular 4. I have an SPA that has several components e.g. home component, about us component, etc, that i can navigate to via routing. The home component has a revolution slider in it. Whenever i switch via routing from home component to another component and go back to the home component, the revolution slider jquery/ javascript never fires and i cant see the slider anymore. But when i do a page refresh, the slider shows again. I have been on a long web journey trying to get a solution to this, but it seems strange to me that i cant seem to pinpoint anything that works! I wonder if am the one not doing something simple right! My question is, How do i ensure the component javascript always fires when a component is reloaded via routing? Thanks.

  16. sir it would be helpful for me if u ma a big rest api in laravel, authentication in laravel passport and its frontend in angular(im a trainee in a close rest api developing company)

  17. That's how should look app.module.ts:
    import { BrowserModule } from '@angular/platform-browser';
    import { NgModule } from '@angular/core';
    import { FormsModule } from '@angular/forms';

    import { AppComponent } from './app.component';

    declarations: [
    imports: [
    providers: [],
    bootstrap: [AppComponent]
    export class AppModule { }

  18. in single page application I need navy bar only for particular component and I don't want navy bar in some component so how to hide the navy bar in this situation??????

  19. The application i was looking for basic angular js ,starting from 1 and covering all the contents

    Go ahead

  20. So far I love your video and teaching style. I am only a very part time developer expanding into the web. I am not sure I want the whole enchilada , so to speak. I am sure type script is the way to go as is the ng cli but I kinda like the simple approach. Maybe the simple approach was Angular 2. I'll probably stick with this video, I have not finished it and I think your Udemy course should be worth it as well. I just don't like a lot of hidden steps in the source code. I bought the book , "node.js , MongoDB, and Angular Web Development 2nd Edition" and put it down pretty fast when it jumped into all these extra things like typescript. I program daily in Java so I love OO. Anyways thanks again and rock on !

  21. Hi, I followed your instructions regarding Bootstrap to the letter, yet bootstrap is not showing in the head? Do I need to import it in the src css folder also? Or also npm install jQuery? I was going to purchase the course but have ran in to a few problems already. NgModel wouldn't work also tried importing forms but still gave me errors.

  22. Awesome content. I'm trying to understand Angular to a point where I can jump from the old Jquery to a more up to date technology that is reusable as this one. I'm not saying Jquery is bad, but understanding this is a whole new challenge.

  23. Unfortunately, bootstrap installation does not work for me and I am not sure where to go from here. I Googled it, of course, but the replies to this problem are extremely elaborate and varied – I have no idea whether any of them are correct.

  24. This was a great tutorial. So well explained and easy to follow. You're my favorite teacher! I just purchased both your React and Angular tutorials on Udemy! Thanks Max!

  25. i'm trying to follow this. and i'm getting an error " [ts] can not find module "

    import { ServerComponent } from './server/server.component';
    [ts] can not find module ./server/server.component'. plz help out

  26. Why don't you have NgModule in your imports array? You have all others viz. BrowserModule, FormsModule and HttpModule, but not NgModule. At that that's the case till 51:24 . Any reason for that?

  27. hi iam getting this error while creating a component
    C:UsersAB50597Desktopangularmy-first-app>ng generate component servers
    Unexpected token / in JSON at position 575

  28. As this loads on runtime. I believe angular isn't SEO friendly. If someone can shed some light on it. Thank You. 🙂

  29. I'm working through this course on Udemy, and would highly recommend it. Maximilian is a fantastic instructor and brings detailed knowledge, clear examples, and a positive attitude to learning. I come from the AngularJS (1.x) world, so this course was perfect for helping me convert over to Angular 2-6.

  30. I am going through this video to prepare for an interview … after 2 hours realized that its just of 2 hours of the 16 hours video, should have not skipped first 5 mins of the video 😀

  31. Hey! Great course. I really enjoy watching your videos. Could you tell me the packages you use? For the colors and the terminal, especially. Thank you!

  32. Hey ,

    I am using lazy loading in my angular project but i can't see any differnce in the bundle size. This is same as it was.

  33. As good as this tutorial, the author didn't give options to easy learning. I followed the course from beginning and got lost with the first example. The [(NgModel)] = "name" didn't work without including "import { FormsModule, ReactiveFormsModule } from '@angular/forms'; " in app.module. It took me a day or two to figure it out. I had to search everywhere on the net for how

  34. This was, by far, the best introductory tutorial for angular that I've come across. Everything explained clearly and laid out exactly as a beginner needs. Thanks for providing these lessons.

  35. This course is wonderful. Thank you, one thing I noticed though is that in Angular 6 the .angular-cli.json was renamed to angular.json.

  36. Hi,

    Can you explain how to maintain angular 2 or 4 version. I start using angular it shows version as angular6. How I can you use older version. Is it possible. Tell me the steps.


  37. Ist es voteilhaft für einen Angular-Kurs, den Sie ja auf Udemy anbieten, viele JavaScript Kenntnisses zu haben oder reichen die Basics?

  38. If you want to be a masterclass of anything just go through the courses of maximillian. His style is to make you boss of what you are learning not just going through a quick overview.

  39. hey bro how r u. i was watching ur Angular 5 series last night . i was hoping n waiting till 1 hr 40 min of video . u will start food recipe app now . but u hadn't n video end . hehehhehe . i learnt so much things with u . yes i saw ur last thanks message too at end of video . thanks u so much . first i will practice all . if i need i will definitely buy Ur course in future . love u bro . you teaching really awesome bro . if i will watch any other angular app video , i will know what is going all bcoz u strong my basic skill in angular . u have uploaded weather app in angular and other angular tutorial too . i am watching now too . god bless u .. god bless ur family . god bless ur country . <3

  40. when i'm trying to build an app with "ng new app_name" its showing a message in my dos that "would you like to add angular routing? (y/N)". can you pls help me with that? TIA(thanks in advance)

  41. If you go to Udemy now and buy this course.
    WIthout the promocode, it's cheaper.
    With the promo code it's more expensive.

  42. Hey Max, who ever teaches you????
    Oh my! Oh my! You ever amaze me with your ability to dispatch knowledge so easily, so well!! Well done Max! Well done!!

    I'll keep buying your material whenever I can and I'll keep skipping not a single advert on your YouTube channel. Great Sir!

  43. Hi. I purchased your Complete Guide To Angular Course On Udemy. I built an angular application. Now i want to place ads on it. But its being rejected by google adsense due to no content. How can i place ads on angular application? Can you help me out? My angular application is here. http://cricketexchange.in

  44. Need experts opinion!!
    UI versioning is something that I want to introduce. Considering we have a component designed for V1. Later modified (change could be minor or major one) and we release in updated new version V2 of my component.
    Now, my app is at Version V2, but with this V2 deployed, dynamically I need to support V1 (user can switch between V1 and V2).
    Version deployed is V2 but need to support V1 as well. But between V1 and V2 my components were modified. Is there a convenient way to design the components to support different versions of UI?

  45. not even 20 minutes in and this tutorial is broken! sigh Impossible to learn anything if the learning material doesn't work, was considering buying the complete udemy course but now that seems like a bad idea.

  46. 15:00 , the code here needs some changes if your're using newer versions of node and angular
    You may have to import FormsModule in app.module.

    import { FormsModule } from '@angular/forms';

    imports: [



  47. Video needs an annotation around 16.30 –> the code in app.module.ts needs to be changed to the following for the binding to work:

    import { BrowserModule } from '@angular/platform-browser';

    import { FormsModule, ReactiveFormsModule } from '@angular/forms';

    import { NgModule } from '@angular/core';

    import { AppRoutingModule } from './app-routing.module';

    import { AppComponent } from './app.component';


    declarations: [



    imports: [


    ReactiveFormsModule ,




    providers: [],

    bootstrap: [AppComponent]


    export class AppModule { }

  48. Hi I'm a beginner and I have a little problem when I add "ngModel" on my input as on the video in the 16th minute. The page becomes white and nothing is displayed. As a result, the Binding does not work. Do you have a solution to this problem?

Leave a Reply

Your email address will not be published. Required fields are marked *