Angular Tutorial for Beginners: Learn Angular & TypeScript

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

#Angular #Tutorial #Beginners #Learn #Angular #amp #TypeScript

learn angular

learn angular 4,learn angular 4 from scratch,angular4,learn angular,angular tutorial,angular 4,Angular,angular 5,angular 5 course,angular course,angular.js,angularjs,angular 2,angular2,angular 4 tutorial,angular 4 tutorial for beginners,angular tutorial for beginners,angular 4 crash course,angularjs 4,angular js,angularjs tutorial for beginners,angular 6,angular 7,angular 8,angular 9,typescript,typescript tutorial

43 Replies to “Angular Tutorial for Beginners: Learn Angular & TypeScript”

  1. I don't think I saw anyone comment this.

    0:28 project showcase "we're going to build an e-commer application…"

    this is NOT the case for this 2 hour tutorial. A large portion is TypeScript fundamentals (if you are strong at this definitely skip straight to the next section) then Angular fundamentals, very good teaching style and coverage on basics, but emphasis on BASICS.

    Great refresher, but this does not get anywhere close to the point of the project showcase, 2:01:36 is what you will end up building from this tutorial.

    This does not look like much, but it is very helpful as a refresher for (re)learning the file structure interactions (component html css ts files), import/export, and required dependencies.

  2. Hi Mosh,
    Can you create a new tutorial from Beginner to Advanced on latest Angular version as I see there are many changes in the latest version? I would like to enrol for the latest Angular course on your website.

  3. Hi Mosh,

    I started seeing your classes today and when am trying to install and work on my local system error is coming please help me out.

    Here is an error in CMD (warning: LF will be replaced by CRLF in tsconfig.spec.json.

    The file will have its original line endings in your working directory

    Successfully initialized git.)
    This is the last line am getting after installing the hello-world

    And when I checked the same in the terminal this is the reason it is showing ('hello-world' is not recognized as an internal or external command,)

  4. Thanks a lot Mosh. I am a python backend developer who wanted to learn Angular. This video helped me to get started with. Now I am able to develop quite good frontend with Angular.

  5. This tutorial is OK until it falls apart at 1hr 21 when importing types. "Cannot use import statement outside a module". Not found a working solution for this! 😞

  6. Hey, in the beginning you showed a shopping page and said we will learn that in the coming video. But that is not true. Or have I misunderstood it?

  7. Hi Mosh! Why do i receive error message when i try to create ng new hello-world. Please help[.
    The error message i receive is
    5918 warn cleanup Failed to remove some directories [

    5918 warn cleanup [

    5918 warn cleanup 'C:\Users\MohamedRiza\hello-world1\node_modules',

    5918 warn cleanup [Error: EPERM: operation not permitted, unlink 'C:UsersMohamedRizahello-world1node_modulesesbuild-wasmesbuild.wasm'] {

    5918 warn cleanup errno: -4048,

    5918 warn cleanup code: 'EPERM',

    5918 warn cleanup syscall: 'unlink',

    5918 warn cleanup path: 'C:\Users\MohamedRiza\hello-world1\node_modules\esbuild-wasm\esbuild.wasm'

    5918 warn cleanup }

    5918 warn cleanup ],

    5918 warn cleanup [

    5918 warn cleanup 'C:\Users\MohamedRiza\hello-world1\node_modules\karma',

    5918 warn cleanup [Error: EPERM: operation not permitted, unlink 'C:UsersMohamedRizahello-world1node_moduleskarmastaticcontext.js'] {

    5918 warn cleanup errno: -4048,

    5918 warn cleanup code: 'EPERM',

    5918 warn cleanup syscall: 'unlink',

    5918 warn cleanup path: 'C:\Users\MohamedRiza\hello-world1\node_modules\karma\static\context.js'

    5918 warn cleanup }

    5918 warn cleanup ],

    5918 warn cleanup [

    5918 warn cleanup 'C:\Users\MohamedRiza\hello-world1\node_modules\@angular\compiler-cli',

    5918 warn cleanup [Error: EPERM: operation not permitted, unlink 'C:UsersMohamedRizahello-world1node_modules@angularcompiler-clibundleschunk-ALKVYGAK.js'] {

    5918 warn cleanup errno: -4048,

    5918 warn cleanup code: 'EPERM',

    5918 warn cleanup syscall: 'unlink',

    5918 warn cleanup path: 'C:\Users\MohamedRiza\hello-world1\node_modules\@angular\compiler-cli\bundles\chunk-ALKVYGAK.js'

    5918 warn cleanup }

    5918 warn cleanup ],

    5918 warn cleanup [

    5918 warn cleanup 'C:\Users\MohamedRiza\hello-world1\node_modules\@angular',

    5918 warn cleanup [Error: EPERM: operation not permitted, unlink 'C:UsersMohamedRizahello-world1node_modules@angularcompiler-clibundleschunk-ALKVYGAK.js'] {

    5918 warn cleanup errno: -4048,)

  8. ng serve

    after this command i get the error below. Can someone please help!!?
    The serve command requires to be run in an Angular project, but a project definition could not be found.

  9. on 1:55:36 declaring the service in the constructor parameter on my angular version ( slightly more recent ) does not work. It compiles without error and it recognizes the object service but it does not return anything when invocing the getCourses, so i guess something might be missing.

  10. hi mosh,
    you told for tranpile type ls main.js main.ts but my system its showing error like 'ls' is not recognized as an internal or external command,

    operable program or batch file.

  11. I'm only 5 min in and waiting for my pc to download nodejs, but this already seems amazing. I'm going to learn Angular mostly on the job (which is also how I learned JS/HTML/CSS and most of my Python) and I hope this is a good first step.

  12. Tried to install the Angular CLI it successfully installed the packages globally, When given command "ng –version" shown error as couldn't recognize in command prompt ?

  13. hi Mosh, thank you, can you help please:
    if i type "code" in visual studio to make code installed in path, it doesnt work, because i have new version of visual studio, can you please explain alternative time on video 12:39

  14. you're the best teacher around here! I've just started to learn angular and despite your video is quite old, you give the best clearer explanations! you're a guarantee! thanks for sharing your knowledge with us. 🙂

Leave a Reply