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

48 Comments

  1. 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

  2. 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.

  3. 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?

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

  5. 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.

  6. 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).

  7. 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?

  8. @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.

  9. 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

  10. 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.

  11. 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

Leave A Reply

Please enter your comment!
Please enter your name here