Angular Tutorial for Beginners: Learn Angular & TypeScript
Angular tutorial for beginners: Learn Angular & TypeScript from scratch.
? Enjoyed this video? Please vote for me as the Top Programming Guru:
? Get my complete Angular course (60% OFF – LIMITED TIME):
This Angular tutorial teaches you the fundamentals of Angular and TypeScript.
SUBSCRIBE FOR MORE VIDEOS!
TABLE OF CONTENT
00:00 Introduction
02:54 What is Angular?
04:54 Architecture of Angular Apps
08:41 Setting Up the Development Environment
11:25 Your First Angular App
13:50 Structure of Angular Projects
20:43 Webpack
23:57 Angular Version History
27:31 Course Structure
31:55 TypeScript Fundamentals
32:34 What is TypeScript?
34:58 Your First TypeScript Program
37:57 Declaring Variables
42:46 Types
48:29 Type Assertions
51:15 Arrow Functions
52:59 Interfaces
56:54 Classes
01:01:22 Objects
01:05:31 Constructors
01:08:22 Access Modifiers
01:11:18 Access Modifiers in Constructor Parameters
01:12:58 Properties
01:18:15 Modules
01:23:22 Angular Fundamentals
01:23:41 Building Blocks of Angular Apps
01:27:22 Creating Components
01:37:00 Generating Components Using Angular CLI
01:41:40 Templates
01:44:08 Directives
01:47:34 Services
01:52:02 Dependency Injection
01:59:22 Generating Services Using Angular CLI
02:01:32 Exercise
STAY IN TOUCH
I really liked the way you presented TypeScript, by taking a plain JS example and progressively enhancing it.
Also you were always showing the immediate results of what you just typed, answering potential questions that a viewer could ask after a code change.
The pace is not too fast and makes it a good experience to learn about these concepts (especially as a non native english speaker).
You are an A+ instructor. I really appreciate that you showed the long way which I could understand from programming in other languages before you shortened the code example. Seriously loved this tutorial!
Great work! ? . There is a small thing with the combined tsc main.ts and node.js commands. At least on bash shell. The | will execute both commands in parallel and might run node main.js before tsc main.ts. A better way would be to run it like: tsc main.ts && node main.js
Thank you Mosh. As a novice programmer and an experienced teacher/instructor I can only appreciate what a great job you are doing and recommend you to everyone I know who might need courses.
Hi Mosh, am one of your biggest fans. I discovered your tutorials a few months ago when I decided to learn frontend development, and your tutorials have really helped me understand the essentials, especially of Node JS. Now, am working on my own FinTech project and I couldn’t be where I am without the confidence I gained from watching your tutorials.
Really like the structure and level of details of this tutorial! Thank you for this!
One note, maybe pull back on the unnecessary bright screens with text that you have just said. It was quite harsh on my eyes even with gamma ray glasses on. Maybe transition between the two to give the eyes some time to adjust. It wasn’t as much of a problem when switching to the browser though to see the results though, so that was good.
Hey Mosh, Thanks for this amazing tutorial. You have very well explined the concepts so this is a highly recomended course for developers gettting started with Angular.
Just a warning for anybody considering the course, the angular version used is incredibly outdated (1.1.0 while current is in 8.2.2) and many of the things he teaches use deprecated APIs, especially once you get to the HTTP services and the Routing/Navigation sections. The tutorial is still very helpful for people wanting an into to Angular, however beware that you will be doing lots of other research and using StackOverflow to try to get many of the components to work. Would love to see a more updated version of some of these subjects as Mosh is a great teacher!
@greg55666 I think it’s about newcomers, certain things will cause errors now so best to save time and avoid confusion and check more recent videos, at least 2 years old.
Thanks for the advice
Thanks
I have
Thanks again
This tutorial is unbelievable !! Parallelly trying the concepts as you go. You gave me time and the sequence was so good, I am clear and the concepts are unforgettable
Wonderful teacher! Very progressive and clear. Thank you!❤️
great course, Love the way you bring in design pattern concepts. These kind of lectures can hardly be found
Wonderful, Wonderful course, thank you so much, pacing, explanation, speed, difficulty, all of them 10/10. Presentation was top notch, everything was given an explanation, and I love the shirt.
Note that there is a very useful Table of Contents under “SHOW MORE” in the description of this YouTube video. The TOC includes the time offset of each section and a link to jump the video to that course section. There is also a Course Structure section that gives an overview and suggested order for viewing if you are in a hurry.
You are wonderful trainer. I love the way you explain the concepts with supporting examples. Keep doing good work !
You struck a perfect balance between providing context and not getting mired in too many details for first time users of this amazing tech stack. Thanks so much!
beautiful tutorial. Extremely impressive. Its not the first time i studied angular through some tutorial. But this tutorial made everything so easy and sparkling clear. I had to buy the full tutorial. I just couldn’t resist. Thank you. Thank you.
Hi Mosh,
I took your angular course in 2020. I have just landed on my first angular developer job as a Junior Developer. I would like to thank you from all my heart. God bless you!
Congratulations Mosh!
@Muhammad Shahrez that too
@MygenteTV This totally depends on the company
@Muhammad Shahrez this is crazy, basically, you made yourself up. I made a LinkedIn try to get a job in this field, but almost any company asks for some kind of certification. I wish you the best, you made your dream come though
@MygenteTV I did not have any prior experience but I did practiced a lot for the interview by researching common questions asked to an angular developer. I’m sure you can land a job if you study basics.
This is an extremely good video for anybody trying to get into software development. I have 5 years of experience and I’m currently searching for a new job, I have barely any JavaScript or Angular experience but this video is super helpful. Having a background in XAML and C#, the same concepts apply and transfer almost seamlessly. Thank you for putting this together!
Love your tutorials…makes coding look easy when we know in reality it’s not, but at least it gives the start for some of us that never quit when we have started… thanks
It’s nice to see you also learn everything around angular/typescript. Like getting around every aspect of the code and not only the typescript specific part, really enjoyable even for people like me who already know things.