Angular tutorial for beginners: Learn Angular & TypeScript from scratch.
🙏 Enjoyed this video? Please vote for me as the Top Programming Guru: https://bit.ly/2G7tf2s
🔥 Get my complete Angular course (60% OFF – LIMITED TIME): https://bit.ly/367j4nB
This Angular tutorial teaches you the fundamentals of Angular and TypeScript.
SUBSCRIBE FOR MORE VIDEOS!
https://www.youtube.com/channel/UCWv7vMbMWH4-V0ZXdmDpPBA?sub_confirmation=1
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
https://www.facebook.com/programmingwithmosh/
https://twitter.com/moshhamedani
source
Every time I code using classes it gives me the error "Duplicate identifier" but my code is exactly the same as in the video ? Can someone please help?
2022, still actual)
39:40 ahahah, wtf🤣
Great tutorial!
I too am late by 5 years…
I'm trying this now and finding some difference from what's instructed. I'm going to add my findings for others that are coming after me 🙂. Feel free to reply and add what you saw.
* ng –version ==> use this instead: ng version
* Error "/dev/fd/12:18: command not found: compdef" ==> I'm on Mac, remove this from your .zshrc: "source <(ng completion script)"
* ng serve ==> run this inside the "hello-world" folder
I know I'm years late to this, and will be supplementing with more modern tutorials, but this video kicks ass. Only thing I'd say is that as someone who takes handwritten notes to learn best, I have SO MANY things crossed out because of the method of introducing a topic only to then say "however, this isn't actually how we're going to want to use this" 🤣
Thank you so much for all the work you put into this.
Am seeing an error message: this command is not available when running angular CLI outside a workspace please what do I do am confused
Hey Mosh i have some troubles setting up my environment.
npm -v
8.19.2
sudo npm install -g @angular/cli
npm WARN deprecated @npmcli/move-file@2.0.1: This functionality has been moved to @npmcli/fs
changed 209 packages, and audited 210 packages in 7s
26 packages are looking for funding run `npm fund` for details
ng -v
Error: You need to specify a command before moving on. Use '–help' to view the available commands.
Is this still all necessary or would you recommend to start straight with StackBlitz nowadays?
Not abke to load angular
Mosh, this is just what I needed, even if it's 5 years old, but you are such a great tutor! Learned a bunch of things that were a bit blurry before , and you make it so clear !Thank you!!
Though there's nothing much to learn about Angular here, the Typescript part was really helpful. That was quite good.
For me I am a Backend programmer, I think this it's very helpfull for the beginner like me in frontend, many thanks.
Is it possible to implement pathlocationstrategy and hashlocationstrategy in a project at time?
Hi im trying to create a project but after the ng new command , an error occured it shows unable to resolve dependency tree.Can you please help me.
Unable to create new project using command prompt in Windows, keeps on giving EPERM: operation not permitted, mkdir, tried – How do I resolve error Eperm Operation not permitted?
How do I fix error Eperm Operation not permitted? Run cmd as administrator Run npm config edit (You will get notepad editor) Change prefix variable to C:Users<User Name>AppDataRoamingnpm Then npm start works in a normal console but no help.
Too many commercials. Every few minutes, no time for that garbage.
Use ng version for finding Node version in command prompt window in Windows as ng –version doesn't work.
thanks alot you're awesome
It's saying that this node version is not supported by angular in the cmd
While checking the version iam getting the error like " you need to specify a command before moving on. Use '–help' to view the available commands"
I really can recommend you course for Angular which is very excellent with very suitable examples to lead a beginner to the advance stage regarding Angular. And your course is really not noisy (;-)) but brilliant!. Toda raba (missing my beautiful time in Tel Aviv long time ago).
I think you need to make a new course as most of the tutorials here are not working anymore with Angular 14. I have followed all lessons in the laud course and all is outdated.
Thanks for the course.❤
I am having this /dev/fd/12:18: command not found: compdef
then when i check version it recommends me to use '–help'
I have been using Angular for about two years and here I learned things I never thought about
Great Tutorial
i am planning to take the paid course is it still worth watching in 2022 or is it an outdated one
#56.7 seconds stopped
that was an amazing lecture Mosh! thanks for all your efforts!
Hello Mosh, I am facing some error in my terminal when I type "ng serve"
Error: This command is not available when running the Angular CLI outside a workspace.
l
after create a new project, I'm facing this: Would you like to add Angular routing? (y/N)
after installing typescript,when i want to check the version with command "tsc –v". It shows tsc not recognized and not found.same ouput displays even after checking angular version "ng –v".What to do?
@mosh there are problems with the two way binding lecture. There are tons of errors related to property value Ford not exist EventTargets and others can you help?
Needed to start a new project with 'modern' technology for work. So I picked Angular. Thankyou very much for this introduction its helped greatly!
@Programming with Mosh I'm facing this issue while installing cli,,, can you please help me in resolving this
C:UsersS.Abdullah>npm install -g @angular/cli
changed 209 packages, and audited 210 packages in 28s
found 0 vulnerabilities
C:UsersS.Abdullah>ng –version
Error: You need to specify a command before moving on. Use '–help' to view the available commands.
Very nice tutorials Sir, simple and concise. Subscribed!
Another great video Mosh! Thank you!
i cant use angular or typescript on my laptop i install it but it doesn't find the files
This is awesome. Your teaching style is great. I enjoyed going through this tutorial.
Hi, Thank you so much for this great video.
Is there another video to show how you built the e-commerce application?
Hello,
I like mosh courses, I want to take mosh's angular course, but I am afraid to lose my time, currently Angular's version is 14.
Does it worth to take the course or I will waste time?
Hey Mosh,
first of all, thank you very much for the free content. I am trying to learn Angular and found this video very helpful and i like ur way of presenting it.
I consider getting your full course but wonder if you would still recommend it 5 years after release or if maybe some key concepts changed in the meantime?
Best Regards
Error: You need to specify a command before moving on. Use '–help' to view the available commands. facing this error.
This course is Outdated, There, Mosh is using deprecated Packages and Dependencies in this course. Initially, at the start of the course he makes you believe that there is no major upgradation w.r.t. the latest version and it remains the same, but then gradually you deep dive inside and you find out it is a big lie. It's really really hard to run that code with the current CLI version of Angular. In the Q-A section of the course, many people are asking Mosh to update that course but He never replied to any queries and Questions asked by the students also.
I was very eager and excited to learn Angular and purchased his course and now I regret my decision. I also mailed to the Course website but they also didn't give me a positive response.
So please purchase this course only If you have lots of time and memory power to solve the puzzles by googling the errors and roaming here and there to get the solution.
I never expected this from Mosh.
Please Mosh update that course ASAP.
Can you please update your tutorial, Angular has updated a lot since you made the video. It would be very helpful
Hi Mosh, your course is very easily understandable.. Your explanations are great.. Thank you for the training!!
anyone knows where to get the source code for this project? Thanks!
This baldy knows a lot man 👨🦲
C:UsersDELL> node –version
v16.16.0
C:UsersDELL>npm install -g @angular/cli
npm WARN config global `–global`, `–local` are deprecated. Use `–location=global` instead.
npm WARN config global `–global`, `–local` are deprecated. Use `–location=global` instead.
changed 206 packages, and audited 207 packages in 12s
25 packages are looking for funding
run `npm fund` for details
found 0 vulnerabilities
C:UsersDELL> ng –version
Error: You need to specify a command before moving on. Use '–help' to view the available commands.
hi mosh please finding the errors