The first guy in computer science that understands programming with respectful biceps dimensions. Respect. To all you geeks out there, that's how a bicep must look on a man
Design Course, thank you for taking the time to do this, especially for free. My professor confused me so much when explaining Angular, but I just watched your video in 2x speed and was only confused a couple of times when it came to design and routers. You taught really well, and now I understand Angular way more than I did after class the other day!
This is the Best Angular Training Ever on UA-cam I have have seen, A million Thanks to this great Mentor. I appreciate your hard work, time and every bit of this clean sufficient course.
Great job! Iv been through few angular 5 tutorials, people always says step by step and then blast you with info as if you know where everything is placed. Ill quote 1 reply I liked the most: "you write how to make a sandwich, starting with opening your cupboard door where the bread is, and taking bread. that is easy said, but this is your kitchen and i don't know which door is the bread door do i?" The fact that you do a video and specifically state where and what you change, makes the whole diff. also all the little things you explain while adding some elements, thats what makes all the difference. Also your sync with the steps in your website gives a great benefit. Good job on both video and site steps!
What a great tutorial. After reading a little book about Angular 4 and watched this video about Angular 5, i feel that i can do everything with Angular.
Bonus tip: using newer version of Angular CLI you will need to modify the angular.json file so your builds aren't nested... change the outputPath to this... "outputPath": "dist/" otherwise GHPages won't recognize your index file (because it's hidden in a sub folder). Awesome video and great tutorial!
Great but you should consider style to write properties and method. In the official Angular Style Guide; - Do use lower camel case to name properties and methods. - Avoid prefixing private properties and methods with an underscore. Thanks for videos.
This is the best tutorial I've seen in a while (not Angular, but development in general). The structure of the video (What can I do with Angular? How do I do it?) and that you also talk about deployment is just phenomenal. As an experienced developer who is new to Angular, this is just a perfect tutorial. Thanks. Edit: If you really want to look for something to improve, it would've been nice to talk about what the other autogenerated files (WTF is polyfill?) do and why I need them. But again, it's cherry picking at this point.
Loved the tutorial! One thing I've discovered though, at 23:16 you talk about adding a click event - for accessibility reasons you may also wish to add in a (keyup.enter) event as well with the same function. This ensures that users who cannot use a mouse and rely solely on their keyboard can also instantiate that event.
Well made and great sound quality. Lesson structures are clear, topics relate and cover everything one might want to know when beginning with Angular. Also appreciate that you show potential problems, but don't continue to roll when/if you make a bad blunder and have to go back and figure it out for 5 minutes. Maybe you're past that phase, but I've seen a lot of learning videos where time is wasted on hunting down a spelling error or something is actually coded wrong, but (due to a video cut or browser cache) the screen shows properly despite it. I've run myself in circles on some of those. I'll definitely look at doing your courses if I continue with Angular! So far really like it. Thank you!
Awesome Gary! Clear language, understandable, good reference material in the written lessons. Learned a ton! Especially liked your approach with 'teaching us to fish' instead of just giving us the fish with your review of the Angular Material 'components' page. I never noticed the angle brackets in upper right until you mentioned them - there is a lot of IMPORTANT stuff in there. Worth the watch for sure!!
Having read about Angular in bits and pieces, this seemed like an awesome and a nice refresher course. Also learnt a few new things. Very nicely put up to cover up concepts in just 60 mins. As always, you do a good job at it!
great job. I tried lots of video and trying learn angularjs 5 since last 2 month.Today I learn in only 60 minute. Wow .One problem is when you delete item then count not changed.
His doesn't either, if you watch closely. update your "removeItems()" to this removeItem(i) { this.goals.splice(i, 1); this.itemCount = this.goals.length; }
Hi Gary. Thanks for your courses, awesome work, man! So light, easy and clear! I've already recommended those to my colleagues and am waiting for new ones from you! Cheers!
When you run ng serve by a main terminal, you don't need to open another one. You just use it inside Visual Studio code. It works very well. In case you have many apps, the generator will work base on the app that's running on the main terminal.
this one need's more thumb up votes, really good explained and easy to follow. I had some problem with rxjs dependencies but nothing google couldn't handle. great work
Awesome tutorial! Propably the most informative one under one hour :) Is there a reason why value="{{btnText}}" ends up in [value]="btnText"? The first writting seems to make more sense while usinge the {{}}
Really nicely explained. Thanks. Do any of the paid courses talk about handling user login (changing routing to go to logon screen etc)? I guess this is more advanced routing
Great video. I'd like to add that at 2:05, if we are in a regular Command prompt window, then typing ng -v gave us the error 'ng' is not recognized as an internal or external command, operable program, or batch file. This problem goes away when we open a Node.js command prompt window and type that same command. I didn't try Cmder window.
i just subscribed for this video alone. im only 4 minutes in. although i must say i was getting a couple of errors so i had to watch other videos and since im a complete begginer the part where you openned visual studio for the first time and didnt show how you got the folder oppened i had to figured out myself. you skipped that part but this is one of the best tutorials for free
Awesome post. I have learned a lot from this video, thanks mate. but it will be good if you give some examples about new added features in angular 5 version ...
Thanks for this tutorial, IMO in the future you can use the command line from visual studio and it will be more dynamic for you and for us, just a small opinion. Great work !!
I am skeptical about the usage of service files to store state (like goals in our example). If I got it right, these services are singletons (aka global state) that our angular components are hardcoded to listen/speak to. This is ok for small examples like that, where modularity and reusability is not an issue. But what happens when reusability is important? With this architecture we actually kill it. I think passing arguments from parent to child is a much more robust and straight forward architecture than usage of singletons. I would like to see more examples on how we could achieve data sharing between components this way.
Great video, however at 44:15 there is a mistake I believe. the href="" tag causes the browser to redirect to the home page. So in the current implementation angular's router reroutes the page, and then a quarter of second later the page refreshes.
i know its basic but in minute 37:05 in order to actualize the count in your bucket list you need to add this.itemCount=this.goals.length; in the remove method too.
I don't get (master) in red when I use the CLI ! Also is there any difference in windows 10 between the CLI, the dos prompt and any other command line windows or doesn't it make any difference which you use ? Excellent article
Thank you for creating this tutorial. Is there any way that you would create a tutorial about how to connect a project to a database using angular-cli, and to create a basic CRUD interface? Thanks
Why will you connect front end directly to database it’s gonna be security threat you need use either cucumber framework that can interact with middleware services
Oh boy! his video at 53:27 $ ng build VS. $ ng build --prod My personal small application went from 23mb to 2mb in size. and I ran another test: Loading time on 3G network: 8 seconds FAIR, (not good) VS. Loading time on 3G network: 4 seconds GOOD.
I appreciate the video that you published for but if you could do more like insert update delete using angular for back-end we can use PHP and for getting data dynamically we can fetch the data in JSON format.
The first guy in computer science that understands programming with respectful biceps dimensions. Respect.
To all you geeks out there, that's how a bicep must look on a man
Hey buddy, one small correction, in about.component.html change tag to button , because it redirect the whole page..
Design Course, thank you for taking the time to do this, especially for free. My professor confused me so much when explaining Angular, but I just watched your video in 2x speed and was only confused a couple of times when it came to design and routers. You taught really well, and now I understand Angular way more than I did after class the other day!
This is the Best Angular Training Ever on UA-cam I have have seen, A million Thanks to this great Mentor. I appreciate your hard work, time and every bit of this clean sufficient course.
Great job! Iv been through few angular 5 tutorials, people always says step by step and then blast you with info as if you know where everything is placed.
Ill quote 1 reply I liked the most: "you write how to make a sandwich, starting with opening your cupboard door where the bread is, and taking bread. that is easy said, but this is your kitchen and i don't know which door is the bread door do i?"
The fact that you do a video and specifically state where and what you change, makes the whole diff. also all the little things you explain while adding some elements, thats what makes all the difference.
Also your sync with the steps in your website gives a great benefit.
Good job on both video and site steps!
What a great tutorial. After reading a little book about Angular 4 and watched this video about Angular 5, i feel that i can do everything with Angular.
Bonus tip: using newer version of Angular CLI you will need to modify the angular.json file so your builds aren't nested...
change the outputPath to this...
"outputPath": "dist/"
otherwise GHPages won't recognize your index file (because it's hidden in a sub folder).
Awesome video and great tutorial!
Great but you should consider style to write properties and method. In the official Angular Style Guide;
- Do use lower camel case to name properties and methods.
- Avoid prefixing private properties and methods with an underscore.
Thanks for videos.
This is the best tutorial I've seen in a while (not Angular, but development in general). The structure of the video (What can I do with Angular? How do I do it?) and that you also talk about deployment is just phenomenal. As an experienced developer who is new to Angular, this is just a perfect tutorial. Thanks.
Edit: If you really want to look for something to improve, it would've been nice to talk about what the other autogenerated files (WTF is polyfill?) do and why I need them. But again, it's cherry picking at this point.
Thank you. Most coolest and easy Angular tutorial ever.
Loved the tutorial! One thing I've discovered though, at 23:16 you talk about adding a click event - for accessibility reasons you may also wish to add in a (keyup.enter) event as well with the same function. This ensures that users who cannot use a mouse and rely solely on their keyboard can also instantiate that event.
This is the most awesome and successful tutorial anyone could ever had. Awesomely done. Loved it and learned it.
I was looking many videos, this is the only one that really explain to the point what is Angular!! great job.
Well made and great sound quality. Lesson structures are clear, topics relate and cover everything one might want to know when beginning with Angular. Also appreciate that you show potential problems, but don't continue to roll when/if you make a bad blunder and have to go back and figure it out for 5 minutes. Maybe you're past that phase, but I've seen a lot of learning videos where time is wasted on hunting down a spelling error or something is actually coded wrong, but (due to a video cut or browser cache) the screen shows properly despite it. I've run myself in circles on some of those. I'll definitely look at doing your courses if I continue with Angular! So far really like it. Thank you!
Awesome Gary! Clear language, understandable, good reference material in the written lessons. Learned a ton! Especially liked your approach with 'teaching us to fish' instead of just giving us the fish with your review of the Angular Material 'components' page. I never noticed the angle brackets in upper right until you mentioned them - there is a lot of IMPORTANT stuff in there. Worth the watch for sure!!
Hi, great tutorial!! One thing to note, you need to update the counter of items when remove as well
And just like that a concept I've struggled with for years has been understood! God bless you :)
This is crash course really helped me pick up the basics of Angular. Thank you
ive been spending weeks trying to learn this thing and I watch this video and understand it immediately
Its because you have spent all that time first.. :)
*Here are the styles :-)*
@import url('fonts.googleapis.com/css?family=Raleway:300,700');
body {
background: #2E9CE6;
padding: 3em;
font-family: 'Raleway', 'Arial';
color: #fff;
}
ul {
list-style-type:none;
margin: 0 0 2em 0;
padding: 0;
}
ul li {
display: inline;
margin-right: 30px;
}
ul li a {
font-size: 1.5em;
}
a {
color: #fff;
text-decoration: none;
}
/* For home.component.scss */
.container {
display: grid;
grid-template-columns: 50% auto;
}
.col {
padding: .4em 1.3em;
}
.color-dark {
background: #2885C4;
}
.color-light {
background: #57B3F1;
}
input.txt {
border: 0;
padding: 1em;
width: 80%;
margin-bottom: 2em;
}
input.btn {
border: 0;
display:block;
padding:1em 3em;
background:#A5F883;
color:#003A61;
margin-bottom:1em;
cursor:pointer;
}
.life-container {
background:#3FA0E1;
padding:.5em;
font-weight:bold;
cursor:pointer;
}
thanks @bubiec for the write ups, :)
Thanks!
thanks dude!
Thanks man. I'm at that part of the video now. Can't believe he did that, then on his website it says "no project files". Ouch!
thanks!
wow, you rocked Angular 4, awsome way of teaching..keep up the good work ..Thanks
Probably the best video on the subject out there. Great work!
Awesome tutorial. Could you also make a tutorial about making CRUD using Angular 5 which connect to local MySQL?
Having read about Angular in bits and pieces, this seemed like an awesome and a nice refresher course. Also learnt a few new things. Very nicely put up to cover up concepts in just 60 mins. As always, you do a good job at it!
Great work. Succinct but yet detailed. Couldn’t have done it any better. Definitely moving up to the Angular 6. Thanks a lot .
Thank you man, I've just found treasure of tutorials!
Thank you for the course. I was able to follow along almost without pausing.
Thank you very much!!! Much needed!!! Anyone who knows Angular 1x will understand this!!!
great job. I tried lots of video and trying learn angularjs 5 since last 2 month.Today I learn in only 60 minute. Wow .One problem is when you delete item then count not changed.
His doesn't either, if you watch closely.
update your "removeItems()" to this
removeItem(i) {
this.goals.splice(i, 1);
this.itemCount = this.goals.length;
}
Excellent course for the beginners. I am thankful to you for such a smooth course.
This is best tutorial I found on Angular
Sir . Very good starter and comprehensive overall. Just got fan of your way of explaining difficult concepts.
Excellent video. Clearly explained but not too simple.
Awesome stuff, I see why all of my colleagues love angular 5!!
Hi Gary. Thanks for your courses, awesome work, man! So light, easy and clear! I've already recommended those to my colleagues and am waiting for new ones from you! Cheers!
Great tutorial!!! Really helped me a lot, thanks!!! Cheers
Best Tutorial that I have ever come across. Love you Gary!
Great video. Very informative. It would help to have a demo of the topic before you code the module.
Superb awesome I liked it... recommend it for who really want to learn Angular 5 in 1 hour.
When you run ng serve by a main terminal, you don't need to open another one.
You just use it inside Visual Studio code. It works very well.
In case you have many apps, the generator will work base on the app that's running on the main terminal.
Awesome, I'll check this out.
You're welcome
Hey Gary great course!! Dont Mind but you forgot to update the bucket list count on deleting the bucket list items. i,.e in removeItems function.
this one need's more thumb up votes, really good explained and easy to follow.
I had some problem with rxjs dependencies but nothing google couldn't handle.
great work
Awesome information and course! Do yuo have a course about how to create a dashboard?
Awesome tutorial! Propably the most informative one under one hour :)
Is there a reason why value="{{btnText}}" ends up in [value]="btnText"? The first writting seems to make more sense while usinge the {{}}
Great one. Easy for the beginner to learn Angular 5
I have learned lot of things through this video. Thank you so much Garry for ur time and efforts:)
Great Explanation and great pedagogy. Thanks
this is one of the best crash courses i've had the pleasure to watch. great job :)
Awesome. Thanks!
Nicely done - succinct and well explained at the same time! Thank you very much!
thank you very very much! best angular beginners video so far!
Fantastic course. Well explained. Thank you.
Awesome job. I learned a lot in just short time.
Thank you very much for making this video. It helps me a lot. Each topic you explain perfect and cover well sir.
Best ng5 beginners tut i could find! Thanks a lot Gary! Love your channel
Really nicely explained. Thanks.
Do any of the paid courses talk about handling user login (changing routing to go to logon screen etc)? I guess this is more advanced routing
Great video. I'd like to add that at 2:05, if we are in a regular Command prompt window, then typing ng -v gave us the error 'ng' is not recognized as an internal or external command, operable program, or batch file. This problem goes away when we open a Node.js command prompt window and type that same command. I didn't try Cmder window.
Awesome tutorial,really helpful.A big thumbs up for you mate.
Nice explaination in 1 hour. Thanks for great work.
Great tutorial Gary. Really learned a lot. BTW, installing latest angular, the interpolation example breaks starting at 17:36
this is simply amazing tuto. Concepts and examples covered very well.
i just subscribed for this video alone. im only 4 minutes in. although i must say i was getting a couple of errors so i had to watch other videos and since im a complete begginer the part where you openned visual studio for the first time and didnt show how you got the folder oppened i had to figured out myself. you skipped that part but this is one of the best tutorials for free
Awesome post. I have learned a lot from this video, thanks mate. but it will be good if you give some examples about new added features in angular 5 version ...
Nice explanation. Thank you very much!!
Great explanation! Congrats dude!
Good......... excellent........excellent..... simply awesome.......... really we can learn many things with in 1 hour..............thank you sir.....
Thanks! Great intro to angular and its features.
Thanks for this tutorial, IMO in the future you can use the command line from visual studio and it will be more dynamic for you and for us, just a small opinion. Great work !!
Thanks for this wonderful tutorial Gary. Coming from AngularJS, the first, this all seems very familiar yet neat!
Great Tutorials covering the core concepts.
amazing tutorial!!! so easy to learn angular this way.
Deserve a button subscribe. Thanks for clear explanation
Really great, clear way of explaining
Very nice course, well splitted and organized. Thanks!
Welcome!
Excellent tutorial. Many thanks
Thanks man! Amazing 1hr course!
Great video, love your presentation style... Can you cover a dynamic datagrid with sorting, filtering and grouping?
Perhaps!
Very informative video, simple and awesome. I know angular but even still I enjoyed the video how simple it is :)
Excellent course! Thank you a lot!
Thanks a lot for a great angular 5 kick starter
Best tutorial in years.
Its really great and simple to learn.. And Written lesson is very useful too! .. Thank you!!
It's a lot more work, but worth it.
I am skeptical about the usage of service files to store state (like goals in our example). If I got it right, these services are singletons (aka global state) that our angular components are hardcoded to listen/speak to.
This is ok for small examples like that, where modularity and reusability is not an issue.
But what happens when reusability is important? With this architecture we actually kill it.
I think passing arguments from parent to child is a much more robust and straight forward architecture than usage of singletons.
I would like to see more examples on how we could achieve data sharing between components this way.
Great video, however at 44:15 there is a mistake I believe.
the href="" tag causes the browser to redirect to the home page.
So in the current implementation angular's router reroutes the page, and then a quarter of second later the page refreshes.
Thanks. That's the reason why the bucket list array is filled with the default values again.
Awesome tutorial
Thank You so much.
Wow! This is the best angular tutorial! I feel like I know everything :P Please create more videos about this framework.
Excellent video, better than the super hero tutorial.
Really awesome tutorial, loads of things learnt!
i know its basic but in minute 37:05 in order to actualize the count in your bucket list you need to add this.itemCount=this.goals.length; in the remove method too.
I don't get (master) in red when I use the CLI ! Also is there any difference in windows 10 between the CLI, the dos prompt and any other command line windows or doesn't it make any difference which you use ?
Excellent article
Awesome tutorial Gary.
Thank you for creating this tutorial.
Is there any way that you would create a tutorial about how to connect a project to a database using angular-cli, and to create a basic CRUD interface?
Thanks
Why will you connect front end directly to database it’s gonna be security threat you need use either cucumber framework that can interact with middleware services
Good Tutorial, you are awesome ... Very thanks, regards from Ecuador
great stuff... would be great if make another video with http services and pipes as well
Oh boy! his video at 53:27
$ ng build VS. $ ng build --prod
My personal small application went from 23mb to 2mb in size.
and I ran another test:
Loading time on 3G network: 8 seconds FAIR, (not good)
VS.
Loading time on 3G network: 4 seconds GOOD.
Just enough to get started. Thanks!
I appreciate the video that you published for but if you could do more like insert update delete using angular for back-end we can use PHP and for getting data dynamically we can fetch the data in JSON format.
Thank you. Hope you make tutorial of angular with ionic framework for app development.
Really Great ...Awesome..I learn a lot of new things ..I love to learn from you
Thanks man -this helped me a lot
Awesome tutorial. Thanks a lot