Learn Angular 5 in less than 60 Minutes - Free Beginner's Course

SUBSCRIBE If you enjoyed this!

In this 100% free crash course, you will learn how to get up and running with Angular 5, along with understanding all of the fundamentals that are necessary to get started with this awesome Javascript framework.

This course is split up into 8 sections:

1. Installing Angular

2. Components

3. Templating & Styling (7:14)

4. Interpolation, Property & Event Binding (9:46)

5. Animation (11:14)

6. Routing (7:16)

7. Services (7:12)

8. App Deployment (6:33)

Enjoy!

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS weekly!

^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Come to my discord server or add me on social media and say Hi!

[Bubus]

*Here are the styles :-)*

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;
}

[supaflylob]

ive been spending weeks trying to learn this thing and I watch this video and understand it immediately

[CameronPak]

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!

[sergioguarracino]

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

[kenanyildiz]

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.

[brendanbax]

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!

[awesomenessesety]

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!

[JR-oupe]

Best ng5 beginners tut i could find! Thanks a lot Gary! Love your channel

[akinyemiade]

And just like that a concept I've struggled with for years has been understood! God bless you :)

[techfuture-code-tv]

This is the Best Angular Training Ever on Youtube 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.

[cesarochoa]

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.

[real-oppenheimer]

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.

[seenuvasanv]

Hey buddy, one small correction, in about.component.html change <a> tag to button, because it redirect the whole page..

[timtimo]

AppDeployment : 52:00

I am too lazy to go through and add the rest of the correct timings, someone else take up this mantle, I can no longer be the hero you need.

[berniegollwitzer.comllc]

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!!

[jamshidkarimov]

Thank you man, I've just found treasure of tutorials!

[michaeltangen]

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.

[muhammadasghar]

Sir . Very good starter and comprehensive overall. Just got fan of your way of explaining difficult concepts.

[hiranpeiris]

Thank you. Most coolest and easy Angular tutorial ever.

[nandohudman]

I was looking many videos, this is the only one that really explain to the point what is Angular!! great job.