Learn Angular 7+ from Scratch (for Beginners)

[@AwaisMirza1]

@ 2:57:00 , Some part about form validation is missing (that is around 10 minutes). You can watch that part separately on this link. kzbin.info/www/bejne/r2nEmWOOo9dki7M

[@param8378]

is it mondateory to learn java-script to learn angular js 4

[@chytrabc374]

Thanks for helping so many learners with such clear cut explanation and detailed explanation. Got a clear picture of angular 4 as a beginner. Great job. Teaching is the profession that teaches all of the other professions. and you are one of the best teacher

[@AwaisMirza1]

thanks

[@hellorsanjeev11]

Probably the best video on angular 4 on the internet. Thank you Awais for sharing your knowledge.

[@TradeBoss0203]

Your explanation with simple clear voice makes lot of things understandable thanks for lecture.

[@rushidesai2836]

Best Angular tut on KZbin!! Wow man!

[@sameenawaida9173]

I am new to angular 4 and your video helped me a lot.T hank you very much

[@owodoluesther3369]

i really love the aspect of base converter, thanks so much.

[@guitar602991]

Hello for those who have trouble properly installing the @angular/cli or get errors try these steps Step 1: npm install -g @angular/cli@latest Step 2: ng new name-of-project (ignore if project already created) Step 3: cd name-of-project (ignore if project already created) Step 4: npm install @angular/cli --save-dev Step 5: npm install @angular/compiler-cli --save-dev Step 6: ng serve

[@AwaisMirza1]

(Y)

[@krissh5444]

Create moreee love it...!! I really like your videos that flow that you explain - first preview of each and then gng in deep. great video, keep it up...

[@AwaisMirza1]

thanks :)

[@renganathansubramanian868]

Useful video with decent explanations. Helped me get a proper foundation in angular 4. Thnaks a lot! Awais can you please clarify why you used [@myAnimation] = "state" ? What does the state mean here? Why did you use this statement?

[@nirmalbarik1456]

Good way of teaching all fundamental

[@felwyd]

Thanks from Brazil! Nice tutorial

[@LewesMint]

For anyone getting a 404 error on the students.json file used in the http service tutorial you need to create the file in the assets folder and then change the http.get request to: this.http.get('assets/students.json'). ...

[@natigetch3940]

thanks for sharing.

[@sarksou]

very true..

[@shakalya195]

nice...tutorial... can you please let me know which edtor you are using right now? and how to make it act for angular coding?

[@AwaisMirza1]

its webstorm

[@ravindarkumar2678]

this tutorial is very nice for beginners. Thanks a lot.

[@st_mushroom]

Can you pass Parameters when routerLink element is clicked? And is it possible to call a methode or function in RouterModule.forRoot() ?

[@nodeShode]

Good Job...Thanx for the content that is really helpful for begiiners

[@DanielWeikert]

Is there a way to loop through an object without using pipes? Thanks for the great Tutorial. Hopefully you continue create Angular 4 videos. I want to learn more ;)

[@vsshan5863]

What do you think? What is the ideal programming language learning sequence which will cover most of the heavily used languages and paradigms today as well as help to grasp common programming basics, ideas and practices? You can even suggest learning sequence for paradigms rather than languages

[@Kammo777]

Awesome Tutorial...Best Of Luck Man

[@bhanushkaekanayake9988]

Excellent tutorial. Many thanks!

[@asifmehmood8947]

Really helpful and impressive way of explaining :)

[@AjitSingh-br2qb]

Good tutorial and really helpful for beginners.

[@ashisharora9694]

bro i am confuse which one is best and popular to learn Angular js , react js ,vue . plz help me bro . in btw very good vidoes . thanks . i can only learn one which will more helpful in my future career . plz reply

[@artsyguy209]

what was the point of learning express CRUD methods? now i have to create angular CRUD with absurd libraries and dependencies.

[@prosenjitbanerjee6662]

How does root component find out its child components? Is it through main.ts?

[@awareawake9088]

Awesome Presentation.

[@pranijshrestha8774]

at 1:47:53 , I am getting `/home/vm/Desktop/angular/first/src/app/app.sort.ts (1,1): Declaration or statement expected.` . I am not really sure what is the problem. Could someone please help me ?

[@vijayranka2659]

when i installs it. in dont get usually node-modules folder and when i installed npm install -g node-modules then it showed me that its installed on C: directory and when again i put ng serve then this error comes that="node_modules appears empty, you may have need to run npm install" how to solve that problem and how to delete any project which we makes and wanna delete that? answer me ASAP

[@AwaisMirza1]

node_modules isn't installed with npm. When you will create new project as I did, it automatically create this folder. It require package.json file. Check out my video on npm tutorial for better understanding. kzbin.info/www/bejne/hH7Si6VjeN1jjrM

[@sameenawaida9173]

Can you please help me.If you have created any admin template in angular 4.can you give me

[@shraddhamore7963]

I am getting following error.. i am getting struck here..can you pls help me what to do next? chunk {inline} inline.bundle.js (inline) 5.79 kB [entry] [rendered] chunk {main} main.bundle.js (main) 40.3 kB [initial] [rendered] chunk {polyfills} polyfills.bundle.js (polyfills) 549 kB [initial] [rendered] chunk {styles} styles.bundle.js (styles) 33.6 kB [initial] [rendered] chunk {vendor} vendor.bundle.js (vendor) 8.43 MB [initial] [rendered]

[@ashokkumar199199]

thank you this video. it covered all. but at the of validation how to display validation message for each validation respectively.

[@thatsfeelgood]

at 1:24:40 after adding [(ngModel)] I m not getting anything on a web page, even not getting any error. please help me

[@haoxinzhang5871]

Awais Mirza. I really like your video. Can you release your source codes in this video. Thanks.

[@TheSijapati]

Thank you sir. Nice for beginners like me

[@nani1240]

At 01:25:04 seconds, whenever I'm trying to bind ngModel in < input> tag, it is giving me an error stating that "Can't bind to 'ngModel' since it is not a known property of input ".. Suggestions plz.. I'm using npm 3.10.10 and node version v6.11.1

[@anilinsharma]

Hey same issue have you resolved it?

[@101010naresh]

this is fabulous video tutorials.

[@sumeshsuseelan7695]

Thank you so much bro ... Your video helped me a lot ☺️

[@ranjitmahadik4004]

i want create project that is based on angular 4 i am getting some issues plzz help me

[@saireddykota405]

hello, I went through add an element in an array video, how can I make the added text permanent even after after reload.

[@AwaisMirza1]

localStorage or cache

[@piyushmehra8950]

Hello awais i want to learn angulrjs. So should i dcrt learn angulr4. Or 1st i have to lean angulr 1 , 2? Plzz rply

[@AwaisMirza1]

angularJS and angular 2/4 are two separate frameworks. No need to learn angularJS for angular 2 or 4. Angular 2 and 4 are similar.

[@yes_arul]

if you know javascript you should go with angular 2/4/5/6

[@soumyasurajita9651]

very nice for angularjs beginners

[@harichan444]

please add about router navigation module also

[@ranjitmahadik4004]

Sir I want some help regarding angular can you help me?

[@warner1909]

Watching in x4 speed

[@sampadsasmal6926]

hmm

[@fuu812]

me too, it's a good video but indeed need to trim down some time

[@SudhanshuRamTripathi]

wow video..awesome explanation.. thanks a lot..

[@nareshpulkam5683]

superb tutorial thank you very much

[@abdulmobeen-developer]

is there a quick way to include node_modules folder from already created Angular projects which reside in same folder in which I am creating new project. e.g app1/ /node_modules /src . . app2/ /can i include node_modules dir for this project /src . . because it takes much too time each time I create a new project. thanks in advance.

[@AwaisMirza1]

create package.json file in root directory of project and add modules in 'dependencies' key in this file. Check example of this file in any previous project. After that, navigate to that project directory in terminal and run 'npm install' . It will automatically create node_modules folder.

[@abdulmobeen-developer]

I did not understand !

[@fdtechhub]

how can i connect this app with sql server ?

[@mateennmansoori7863]

We love to learn with your tutorial... Please tell me which editor using u r?

[@konrad897]

WebStorm

[@sthoyyeti]

Visual Studio code is better if you don't have WebStorm license.

[@yes_arul]

yes i have also vs code

[@mydetlef]

Do you provide the source code - because router-link doesnt work as espected 48:00 - no link shown only text. The ng system compiles it to Members

[@bashidali8366]

include tag to show the out put on the view file

[@manishagarwal6134]

how to provide video url and play it using anguar 4?

[@AwaisMirza1]

ng-video, ng2-youtube and more packages available that can be used.

[@exploringBhaarath]

Very useful, Thank you..

[@deepakgarg4978]

I am unable to bind ngModel..Please help..i have added FormsModule also but still not able to bind.

[@AwaisMirza1]

try debugging with console logs and check if value changes or not.

[@deepakgarg4978]

Awais Mirza working fine now...Thanks for the help..

[@WahabShah23]

A decorator or a declarator @19:56:? NgModule , isn't it called the decorator function?

[@AjayPatel-jz1ym]

decorator is actually ECMA7 feature which made available in typescript implementation. Yes, it basically typescript function or just a function that adds extra conditions+data to another typescript classes/functions/interfaces etc. You can try disabling experimentalDecorators in tsconfig.json file.

you have good stuff, but you move your mouse quickly here and there and that is a distraction, please make a note about what to say, read it , fix the bugs, and then make a video, that will make a very good tutorial, since english is your 2nd language and also you are not sure how to explain, even though i can understand since iam versed with angular, if u fix this, your tutorial will be great

[@sampadsasmal6926]

I am getting this error , plz help...[ Can't bind to 'ngModel' since it isn't a known property of 'input' ]

[@DhavalParmar01]

inside app.module.ts --> import { FormsModule } from '@angular/forms'; then in @NgMoule under imports: add FormsModule

[@vitthalgb28]

Declare it in @NgModule under imports

[@sureshshanmugam7712]

Need to add the form module in module page.

[@rushidesai2836]

Thanks a ton mate!

[@rakeshy3]

can we get source code of this tutorial?

[@prabinthapa2426]

which text editor did u use?

[@AwaisMirza1]

webstorm

[@HassanMalikTW]

Where are you located? How to contact you?

[@dhirajshetty4317]

If possible please start making videos on react js

[@KartikNaitik]

Hi @AwaisMirza, Please upload all other modules of Angular 4. Create a sample application like MVC Music Store as #Angular4MusicStore

[@DhavalParmar01]

why do we need decimalChanged(oldValue, newValue = $event) ?? we never used oldValue in fucntion also!! i did simple decimalChanged($event) in html & result is same !!

[@AwaisMirza1]

It was just to show that oldValue can also be received like this.

[@DhavalParmar01]

it gives me error oldValue identifier is not defined !!

[@saurabhchauhan232]

it means oldValue is property right ? we will automatically get previous value in oldValue am I right ?

[@abdulhameed-vo7jq]

Good job. thanks

[@AwaisMirza1]

thanks :)

[@jamalhaider1060]

Excellent..

[@kalpeshshimpi2491]

Hii sir I am kalpesh I am fresher 2017 pass out I want to do my career in web development feild and as angular is new in market so I know little bit abt HTML CSS JavaScript jQuery at collage level I am learning at home on utube and I am really confused that whether to go directly for angular J's or do UI Ux and go for angular waht will be better as hiring for angular J's is for experience nowdays and would the cmpy will hire me for angular or it will hire me for UI and ux and what should be choosen first directly go for angular J's or learn the UI Part sir really I am confused plzz help me it will be pleasure for me

[@AwaisMirza1]

Well, AngularJS and Angular are totally different frameworks. There are alot of applications developed with angularjs but most companies are shifting towards angular as it is faster and more secure. But still, you should know how to learn different things at short time. I would ask you to go for angular first and go for angularjs if needed later.

[@bharathmb3715]

I'm beginner of angular 4. I tried developing your todo excise program I was stuck in add button while press the button it's showing enablepromocode(). I checked in main ts file and got it but add button not working.

[@bharathmb3715]

Thank you finally button was working and I learned something in this video. Thank you so much. I hope forward looking for more videos from you.

[@sampadsasmal6926]

](ngModel) ] = "NewItem" class="form-control" placeholder="Add Item" > .....help me

[@vaibhavdarji5220]

In short "NewItem" should be "newItem" as I wrote about

[@pratuljak8833]

nice tutorial

[@rabinpoudyal8184]

Watching this in *2 speed :) . great video

[@AwaisMirza1]

Great (Y)

[@TwoLittleBums]

Web storm is the ide that he mentions in the vedio

[@param8378]

is it mondateory to learn java-script to learn angular js 4??

[@AwaisMirza1]

It is a javascript framework. So, it would be good if you know javascript before.

[@artsyguy209]

not at all, you can learn it all from scratch messing with angular. and i feel bad for you if you learned jquery and anything else that doesnt apply to angular. have you every used arduino ide? its pretty much the same.. copy someone elses hard work into your program and hope it works without actually knowing what under the hood. everyone takes the easy route and just copies everyone else. if i made an angular tutorial, it would be the same as every other youtube video because there seems to be only one method to the madness.

[@muralinaidu1059]

love you man

[@zainch5607]

bro make 1 course in urdu

[@omermindivanli2981]

Thanks

[@AwaisMirza1]

ur welcome :)

[@Tymon0000]

Sound quality :(

[@MhassanKhan01]

hi my *ngif not working output Template parse errors: .please guide me

[@pradeepagarwal1962]

Videos are not playing fluently

[@manishbhavsar2807]

Too much repeating of same point again and again. That is irritating. Pl. speak minimal to have greater impact. However, course content is good and useful.

[@felwyd]

for begginners it is great. Next time, you can do it better before your critics. He did a 4 hour tutorial and you are crying... come on man. Wake up!

[@arielcopo479]

3 hours tutorial with that output??? WTF hahaha damn!

[@artsyguy209]

lol same steps as every other tutorial.. great we have no one that actually knows whats going on.

[@reMCsolaar]

wtf is that accent xD

[@noohusyed]

reMCsolaar Think again when you making comment for who gave his 3.30 hrs of his valuable time to us.

[@sharmismroy]

Dont be rude to the person who is trying to help us out.

[@valikonen]

You speak too much out of the subject...

[@AbhinashSahoo00]

Why the heck do u guys use unnatural accents. **** I hate that.

[@osamayousafzai8341]

this is asian accent

[@simonestagni1013]

eliment....ahahha