Learn Angular 8 from Scratch for Beginners – Crash Course
– Use code 'DESIGNC19' to get $20 credit on your new Linode account!
– Learn UI/UX from Scratch with my new service (coming soon)
— Today, you're going to learn Angular 8 from scratch as a beginner. The written tutorial is linked below in this description.
Angular 8 is out now, and for those who prefer to learn a framework with the current latest version, this tutorial is for you.
You're going to learn…
– Angular 8 Installation
– Basic templating
– Data binding
– Style and Class binding
– The Router
– Fetching data from an API with the http client
– Deployment
…and much more..
Written tutorial:
Let's get started!
– – – – – – – – – – – – – – – – – – – – – –
Subscribe for NEW VIDEOS!
My site:
My personal FB account:
Coursetro FB:
Coursetro's Twitter:
Join my 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!
1:33 – Intro & Installing the Angular CLI tool
3:09 – Scaffolding a new project with the Angular CLI & Installing Node package dependencies
3:53 – Opening the project in Visual Studio Code & Starting the web development server
5:23 – The project folder and file structure
7:00 – Angular components
8:40 – Creating a navbar
9:59 – Linking between pages / router intro
10:48 – The router-outlet component
11:00 – The App component’s global CSS/SASS stylesheet
14:08 – Generating components, a page component specifically + adding a route to it
17:41 – Communicating data from and to components, DOM event binding syntax, template interpolation, the component TypeScript class (where local data, methods, etc., live)
20:49 – Component scoped stylesheets
22:30 – Two-way data binding
24:34 – Importing FormsModule, needed for two-way data binding to work
25:34 – The ng-template component specific to Angular 8 + conditional templates
(if and else on templates, binding ngIf, ngIfElse)
28:18 – HTML property bindings and other property bindings (ie. […]): binding CSS style properties specifically ([style.property]), or the CSS style object altogether ([ngStyle]), or a class property ([class.CLASS_NAME])
33:00 – Adding or removing multiple CSS classes at once, ie. binding multiple CSS classes at once ([ngClass])
34:34 – Services (special components that are reusable throughout the app, injectables), creating an HttpService
to fetch data from an API
37:30 – ngOnInit(), brief mention of
38:10 – Intro to the Angular HttpClient, making use of it in HttpService
39:45 – Observables, brief mention of (a note to also learn Angular 8 Observables and RXJS)
40:25 – Importing the Angular HttpClientModule in the AppModule (so that dependency injection knows to inject the Angular HttpClient in our HttpService where we’ve used it)
41:25 – Listing out items in a template, full template conditionals (as above) vs. the new Angular 8 *ngIf expression, *ngFor expression, * is Angular 8 shorthand for ng-template
44:09 – “The UI designer in me is sorry”
44:32 – Angular application deployment
47:41 – Conclusion
Thanks for the awesome intro to Angular!
Hero
Because of you and your tutorials, the trainer in my College offered me a job as Frontend developer in his company… Thank you so much ? for these wonderful tutorials… That guy still doesn’t know that I learnt all this within 2 months from your YouTube channel…?
this boosted my morale
lol i’m 4 days away from pulling the same thing off, wish me luck lol
Congratulations ???
Instablaster
Yep yep
AWESOME!!! When I went to some other Angular tutorial, I was overwhelmed when I looked at all the files and modules and was planning to drop the idea of learning but this tutorial actually instilled the courage in me to go ahead and learn it. Thanks Sir. You are AWESOME!!!THANKS A MILLION!!!!
Great teacher all around, from design to implementation you’re just superb. Thank you for all the quality and updated videos you release. My respects.
Hey Gary! Thank you so much for making these tutorials, they really help me to understand how to work with different frameworks. I needed to learn Angular for an internship and this really helped me a lot!
You’re such an amazing Developer! I’m finally learning React and Redux now… I wanted to make sure I understood enough core Javascript and fundamentals first, so I wouldn’t have to keep relearning things. I’ll definitely circle back to your amazing course building the same project with React, Angular, and Vue JS when done.
Brilliant! This is a clean, precise tutorial for a beginner. I work on Vue/React, and needed to get a hang of Angular for a new project. Not disappointed. Thank you!
I’ve spend a lot of time without write any code. This videos are like gold for me, allow me refresh my knowledge to start to work again.
Thanks for the dedication and love in your tutorials.
Wow, such a great video
Thank you “SIR”
I’ve watched over 10 hours of YouTube videos, none of the YouTuber can’t explain their video as simple as you.
Topic->explanation->practice->result
?
Thanks for your awesome tutorials! I have a question:
I have a tendency to almost always use route parameters to communicate among indirect components because it’s good for SEO. What are the drawbacks comparing to the observables/subscription based?
Man, it’s amazing how clear and precise you explain, it is really cool. Thank you.
I can’ thank you enough, just what I was waiting for – “crash course is always far better to go with for busy designer/developer than waiting 20-30 hrs to complete basic to pro”.
Awesome Tutorial. I was looking for a video that could help me to review some of the basic Angular concepts and your tutorial did more than that. Thank you very very much.
This is hands down the best angular tutorial I have seen <3 Superb stuff man!
This is just awesome! You are such a good tutor! SO easy to follow along!
Amazing tutorial! I felt like I had a great down and dirty to at least get me looking in the right spots. I look forward to watching more of your videos. Thanks!
Great tutorial! Love that there’s a video and an article as well.
I read the article first (and also did my own research at the same time) and then watched the video. I reckon this is the most beneficial way for me to learn, instead of simply coding along the video!
Thank you for your great work!!!
What a great crash course, simple but yet powerful enough to get started. Thanks
Thank you so much for this awesome tutorial! And also the written documentation! This helped me a lot! Your courses are great, thank you for offering this all for free!
Thanks, I liked your tutorial very much, especially to have both the video and written version available. I am more of a database/backend guy and this was perfect to get me started doing my web interface project.