Learn Angular 7 in 50 Minutes - A Free Beginner's Crash Course

WRITTEN Version: goo.gl/a6kqBv
Today's Question: Which do you prefer? React, Angular or Vue?
skl.sh/designc... - First 500 people to sign up will get their first 2 months free!
-- Angular 7 just released and as always, I'm putting out a rather robust angular 7 tutorial (or small crash course!) that will introduce beginner's to this awesome frontend framework. You're going to learn about the basics behind Angular 7 while building out a simple project.
Here's what you will learn:
Installation & the Angular CLI
Templating
Styling
Components
Event binding
Property binding
Services
HTTP Client
Forms
..and more
The skills necessary to follow this course:
HTML & CSS Understanding
Basic JavaScript knowledge
Github repo for the project in this tutorial:
github.com/des...
- - - - - - - - - - - - - - - - - - - - -
Subscribe for NEW VIDEOS!
My site: designcourse.com
My personal FB account: logodesi...
Coursetro FB: coursetro
Coursetro's Twitter: / designcoursecom
Join my Discord! / discord
^-Chat with me and others
- - - - - - - - - - - - - - - - - - - - -
Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network.
Now, I focus all of my time and energy on this channel and my website Coursetro.com.
Come to my discord server or add me on social media and say Hi!

[@DesignCourse]

Enjoy this and want more? Subscribe! -- My answer for today's question: Lately, I've been loving Vue / Nuxt.js. Look for more tutorials shortly on Nuxt.js! You?

[@artede1]

thank's sir. :) for tomorrows question: what backend do you prefer for vue/nuxt.js?

[@dsuryas]

hey, have you heard about elm programming language?

[@DineshkumarPuli]

Angular

[@kidstoysvideosofficial]

Yeah Enjoyed....!!!! Your are Aweseom Trainer..!!!! God bless you.

[@murtazaaydogdu798]

@@artede1 Node.js

[@EoLienFive]

9:40 Generate Component 18:30 Routes 22:25 Events 29:15 Service 38:53 Forms

[@charlouaredidon6006]

5 most important thing in angular, that I used everytime.

[@arwahsapi]

You're the savior of the humankind

[@mochibun2389]

Tysm!!

[@shubhammishra6215]

Hey Gary, To be frank, I really didn’t had any idea how to start with and other stuffs which are explained in the video. I just loved it and it was really easy to understand. Thanks for making this video.

[@natalyshulzhenko8237]

I am glad that I found this video in a lot of other videos. It is clear and direct

[@dannieo5195]

I used to work with Angular. But now is a React developer. Somehow I still like Angular. I found Angular is used for more enterprise web app as it is a framework with structures and its own way. React is library and quite flexible. Good for startup.

[@elathiaskade7311]

I'm so glad that Hawkeye can explain code so clearly.

[@tanmayvij7191]

Tried out so many tutorials, this one is the best so far. Easy to understand, concise and everything needed to get started :)

[@priyamganguly]

I personally prefer the Angular frontend framework. I was looking to learn about model-driven or reactive forms in Angular, when I came across this tutorial, and it is shown in such an easy-to-understand way that my concept on the topic is absolutely clear now. Thanks Gary.

[@clyderozario5109]

Thanks! One of the shortest and to the point video tutorials!

[@TerenceKearns]

I haven't tried any frameworks yet, but I enjoyed this tutorial. It raises a lot of questions which is a great way to jump into learning.

[@rfaikbal]

Your new biggest fan! I stumbled upon your Angular 6 tutuorial few days ago and watched the whole thing. Last night I found this video. Went through it and found it to be one of the best tutorial. Keep up the good work! Cheers!

[@simonkalu]

Angular is superb especially for enterprise app development. And your tutorial made it simple and straight. Thanks Simon my name sake

[@dylanhughes5944]

Excellent tutorial, I love how you will type something and then explain what it does.

[@IsaacAsante17]

I watched the whole video. I'm new to Angular but you've totally simplified it for me. Thanks!

[@rangabharath4253]

Hi, Awesome tutorial. While production command, I am facing an issue "ERROR in src/app/home/home.component.html(4,9):: Property 'data' does not exist on type 'Object'". Please tell me the solution. Thank u

[@skyline_741]

It was the best tutorial I've seen about Angular, now I really learned a lot with this video, Thanks!

[@manray6396]

Awesome! I'm primarily an Asp.Net developer, and so these front-end concepts are a bit foreign. Love your style and speed of the course! Look forward to others. Cheers,

[@ambitiousdreamer1249]

I've just started learning Angular and this course is amazing 😍😍 Thank you

[@rameshbabuj3885]

Hey Gary Simon, Your Angular Course is Superb and Excellent for the begineer

[@technologyhub1503]

Excellent , I really like the content he kept on the video and the way he was explaining the Angular features.

[@zvucnjak]

Great tutorial! As a total beginner, I would like to see more tutorials expanding on this - like working with APIs by sending requests based on user input (like search), working with elements built from data retrieved from those requests, etc...

[@HaakonHestness]

I prefer Angular because it is what my clients want and what I've been using for 6+ years. React and Vue are also great JS packages, I've just focused on and had a lot of work with Angular. Thanks for this crash course, it is a great refresher and intro to some new ways to do things.

[@josephmaina4888]

💪💪I am starting a new life with Angular right from this video

[@faresgeek-dz5692]

Angular for a bunch of reasons. It comes with everything I need Routing ...etc Great cli Awesome project structure And so more ....

[@ericjohnson4200]

Hey I've started a Discord server for a study group focused on C#, the .NET framework, and Angular. Looking for fellow students and especially experienced developers to provide some mentoring. I've gotten four requests to join so far. Anyone interested let me know.

[@lococodermm4318]

your tutorial is very nice, simple and easy to understand. i am new in angular and we have learn a lot of new things from here.

[@caiohenriquenardes]

Nice ! I watched in 1.5x speed and understood your english, thank you !

[@bobbby_john]

I dont usually comment, but I have say it: great stuff! Unlike many others you don't lose yourself on unnecessary javascript code. Keep up the great work

[@p.g.u.d]

Yes, greetings - Thanks very much for your tutorial .... this is my introduction to A7. I followed what you did , largely, and reproduced it.

[@renaldolouis5255]

great tutorial and to the point, help me so much ,thanks dude

[@omostan]

Excellent tutorial... I love it! I love working with angular because it's a rock-solid framework. Endless features and fun to work with. Updating older versions is seemingly easy to do without breaking your code. Well, you just have to adhere to the right procedure.

[@mayanksrivastava4452]

Amazing tutorial, loved it, easy to understand Angular. Thanks a lot man !

[@RahulJain-bb1kl]

this is simplest way to learn angular, brilliantly explained thaks

[@POPOEVER]

Started from AngularJS and done several enterprise level project, def. love it, and move on to Vue, then revisit Angular on v6, still love it. Angular fits my thinking model perfectly.

[@JustLookA7]

Hey Gary, I just finished watching your video and it helped me a lot. I started working as a developer for about 6 months now, but the company I'm working for happens to use AngularJS (yeah...) Finally they're moving to something new and this crash course helped me a lot in getting some fresh knowledge on the most interesting and useful concepts of Angular. Thanks a lot! I also learned a bunch of tools from you that help me with my everyday productivity.

[@mhafeez]

A true crash course. Thanks a lot.!

[@alexli2521]

This is one of the best lectures i've heard. Thanks

[@Age_of_Apocalypse]

I don't like React, but I really like Angular and Vue. Maybe a little preference for Angular, but very little. I used Angular 6 with RxJS to build a Website and the experience was really pleasant.

[@linjianru]

I like this video because it's helpful. I don't know why 29 people dislike this. Why?

[@prasadnewase1835]

Great tutorial for getting started with angular 7👍

[@avuifasol]

On 26:10 remember to delete the last "," from "home.component.html" because it's not gonna work. Home

[@nu11pointerexception]

Thank you

[@Mshagy02]

thankyou!

[@Schiliman]

Thought it was weird to just cut the video just there. he could have mentioned it in the video. So thanks for pointing it out.

[@bhartigodwani]

thanks a lot :)

[@ChesterMikeJoe]

THX

[@jerriberries5710]

I am totally new to angular and i must say you do an amazing job. Thanks so much

[@MrAdamwilson1234]

creating components, services etc with cli commands is so quick. I enjoy React but seeing how messy things can get in a big app, I like that Angular enforces specific ways to do things.

[@yontenjamtsho1539]

If you encounter "Property 'data' does not exist on type 'Object'" error, change Object to any: users: any; Thanks

[@KamalYadav-hh2mo]

You saved my day :), Thanks a lot!!

[@ty_hans]

thank you!!

[@amirsaleem4935]

Cool I was going crazy with the error. So the change would be in home.Component.ts.

[@eldoncar23]

Thanks a bunch for this tutorial. Awesome stuff!

[@Marky00]

Best crash course on yt

[@СергейПустовит-в4ъ]

with that video i'm finally understood what happens. great job

[@xinhho3022]

Thanks for the video, learning this was lots of fun

[@mountain__oak]

Game changer! love your tutorials

[@JustStef018]

You are a great person to learn from! Thank you for making great education videos, you've done wonders from most of us so far!

[@mohammedhussain7069]

Very nice to the point and easy to follow new to Angular this was really helpful.

[@shymultimedia]

EXCELLENT video and the corresponding written version is GREAT to follow along with. As a mid-level developer, I can say that this is a wonderful quick start for intermediate programmers to start making Angular programs quickly. Thank you!!!

[@BrisLS1]

Very good lesson! I only had trouble running it in Internet Explorer, an older browser version, but that's just fine, because those problems can be styled correct, by just using more standard Bootstrap in the code. It worked great in Chrome and everything rendered exactly as shown. Also, firing up the app from within VSCode would be useful for productivity. On the second day, I just had to fire back up a Command window and run NGSERVE -O to get the service back up and running with an open browser.

[@RishuGupta]

It is very common you shared when u have the title angular 7 make sure you share new features of angular 7. Thanks for sharing

[@InderpreetSinghJolly]

just started learning Ng6 now Ng7 is here 😋😊😁

[@DesignCourse]

There aren't many new features, most of the updates are under the hood.

[@TheDashang007]

i havent learnt ng2

[@reidyoung298]

Get used to it :) But yeah, it's all moving in a better direction, just like JavaScript. The core and important parts of the language will always help with the framework and the ability to use other parts of other languages with things like TypeScript are always a welcome addition. Plug away and each change becomes part of the day to day :)

[@VikasPoonia]

Have you followed any material for Angular?

[@nerosonic]

it feels like i learn AngularX and then there's AngularX+1 just a week later... o_o

[@PsychoMusicYT]

awesome crash course. loved it. subscribed and liked.

[@marcochavez6742]

In the project setup he says you can use either CSS or SASS but uses SASS in the project. If you do not know SASS I would recommend learning it before watching this video so you can learn to rewrite his SASS into CSS.

[@chrischoir3594]

It is evident that the developers of Angular knew every little about frameworks and fundamental Software Architecture

[@vj60]

Thank you so much, I just started Angular, it really helped me to begin

[@divinecho5678]

Thanks. This is a great scratch course. Understood many things even though i am new to angular

[@hablatv778]

I really love React . It's just wonderfull .

[@kimboender7749]

Excellent startingpoint to learn Angular 7

[@FahadShah822]

I don't feel comfortable upgrading to a new ng version until I watch one of your videos on it.

[@bdhaliwal24]

Great job. Maybe a quick conceptual diagram of how the various pieces relate to each other might be helpful. There are a lot of files and it can be easy to get lost when you start out.

[@bejoyp]

Wow!! It was so simply explained , now I feel at ease with angular!! Thank you!!

[@adeveloper7184]

New subscriber :) well ! I have a question and I think being an indie developer either game development or website, first thought comes in mind how i make living out of it. Love your crash courses. Saw many videos don't think they are genuine that's why asking you. Can you make a video for eliminating every single doubts and negative thoughts ? How to start earning ? How to get clients ?

[@crocodilecrox3758]

I love angular. I love how everything has its place and how standardized the code is. And lets not forget its a full solution to SPAs there is little need to include 3rd party libs.

[@stiliyangoranov3015]

Excellent tutorial!

[@rodrigoflorex]

Great tutorial man!! Clear and simple!!

[@jasonhoi85]

Great tutorial for newbie on Angular JS! Especially for someone who want a complete feel on "Angular way of making apps", I enjoy it so much, Thanks!!

[@jarrod8461]

Wow. Learnt a lot even though I have minimal understanding of AngularJS and versions 2 to 6. Thanks for the video and please release more on Angular 7.

[@mlouk4797]

I love your courses. Thank you and keep up ,I support you

[@luisalfredoblancov3183]

Thanks man really great tutorial.

[@Jeca299]

really nice and easy to follow tutorial. thank you!!

[@joshuam6013]

vue > react > angular. Here cause my work uses angular. UPDATE: I might like angular more than react now. Services are real cool and can help a front-end developer understand back-end code, in the event they would need to, because of this practice.

[@perrym8048]

Joseph Shua Jo to me Vue is the best by FAR. This stuff just isn’t JavaScript. I use AngularJS but have to teach someone Angular for a lesson tomorrow and they just made everything less intuitive

[@joshuam6013]

thisisnotperry I still enjoy Vue the most! Depending on how well you understand front end frameworks, and the different ways to manipulate data, then basing your lesson tomorrow off of Vue and comparing it to Angular should be helpful!

[@perrym8048]

@@joshuam6013 Thanks for the advice! I use AngularJS for work, so the template -> component relationship seems to not have changed that much. Should be helpful

[@chaitsn8280]

Very nice sir. Thanks for video. Really super video for beginners.

[@TerenceKearns]

For any other n00bs like me, I just discovered the Augury debug extension which adds a tab in the browser's DEVELOPER TOOLS (ctrl-shift-I). There is an addon for both Firefox and Chrome. Your app needs to be running in DEBUG MODE.

[@MajoBeats]

Best course about Angular 7

[@piyushbaid7711]

awesome stuff! quick and comprehensive.

[@klassykat2681]

Love your videos and I found this tutorial way more comprehensive than the angular 6 one.

[@russelldriver6394]

Don't you have to add tag to the main app.component.html file in order to see it? I thought all html tags need to be inserted into the main app html page or am I missing something crucial ?

[@misteralfie]

Thanks for the video, learning this was lots of fun!

[@sonogyn]

Great introduction to Angular. Very pleasant explanation style. Thank you!

[@vemanamar]

Its very short and concise tutorial covering key elements of Angular. Thanks and great job

[@igorjakaric9583]

Awesome video! Mind Blowing. Thank you!

[@amirfawzy1147]

I love angular i see it is the most completed JS framework you can use it without need to any third part libraries ... and i can build any project with it big or small without over thinking if the framework you use gonna serve the project objectives or not

[@AguiaPC]

Os seus tutoriais são os melhores, aqui no Brasil não tem igual!! Your tutorials are the best, here in Brazil has no equal !! 👍🏻

[@ujjwalsharma1005]

Very good course for beginners

[@pramodashta]

Thank you. Nicely explained, especially the Angular 7 setup.

[@janwartoday]

Thanks a bunch. This was very helpful to get me started.

[@denyskiparenko1694]

Thank you for your awesome tutorial! Now I learn Angular

[@oroudev8230]

thx a lot for this awesome tutorial works just fine - Newbie to angular I understand the basics now :D

[@nielsdemeyer]

Really great crash course. Thank you!

[@akhilp5118]

Awesome video it is very clear for beginners big thumb up for the great work u do. I would love to see a video on login authentication using angular thanks

[@tomaszdarowski9906]

Awesome course! Thanks bro!

[@sharankumar2520]

Thank you so much , You are one of the best ... Concepts are clear , highly recommended for a beginner

[@usmanyaqoob6369]

Thanks for sharing . Excellent 👍

[@syntrax-og]

As someone that wanted to get into Angular, this tutorial helped me a lot! Thanks! Btw, the written tutorial doesn't have the deployment section.

[@shobhitsharma8323]

I have worked on ReactJS and Angular both and I recommend to use Angular

[@jadrankobelusic2271]

Best course ever

[@muup8073]

Can we read directory listing in angular 7? I want to read whatever html files available under .../assets/.. and load the multiselect dropdown. Want to confirm 'fs' does not work with browser-side code. Thanking you in advance. I have already learned a lot from your this tutorial.