Angular Tutorial for Beginners: Learn Angular & TypeScript

Programming with Mosh · 4.9M views · 2017 · 2:02:42

Open on YouTube

Web developmentEducation & learningtutorialdated

Why Stack Overflow recommends it

Stack Overflow users link it as a free beginner resource for learning Angular and TypeScript, and many questions come from learners following along with it.

Recommended by 1 people across 1 different months, 2018 to 2023.

What it is

A two-hour beginner tutorial by Mosh Hamedani that covers Angular fundamentals and a TypeScript primer. It walks through project setup, the Angular CLI, components, templates, directives, services and dependency injection, with a chaptered table of contents.

What people said

Recommends nagesh bandaru · 2019-01 · Stack Overflow · on “Hyperledger Fabric: how to make frontend?”

Actually i am going to start the blog on this, but will take time. best place to learn and explore is Fabric documentation and regarding application development, you can check it is angular page and lot of free videos available in the youtube (Mosh videos are very nice, you can check this link): [this video]

Cites Monset · 2018-10 · Stack Overflow · on “Angular 4 -> 6 code error "There is no directive with "exportAs" set to "ngModel""”

So, i bought Mosh's Angular 4 course [this video] not knowing that it is Angular 4 and the latest is Angular 6. Yea, I've heared that the difference between 4 and 6 is small in terms of coding, but hear me out. In one of the lectures about template driven forms, he uses this code: <form> <div class="form-group"> <label for="firstName">First Name</label> <input <-- WE ARE LOOKING AT THIS ELEMENT ngModel name="firstName" id="firstName" type="text" class="form-control" /> </div> <div class="form-group"> <label for="comment">Comment</label> <textarea id="comment" cols="30" rows="10" class="form-control"></textarea> </div> <button class="btn btn-primary">Submit</button> </form> So i repeat that in Ang

Cites NickJ · 2019-02 · Stack Overflow · on “Errors in Typescript example”

I am a beginner in learning Typescript, following the tutorial in this [this video] . I have reached a point at time approx 1 hr 20 min in, I have the following code which matches the example given in the tutorial: point.ts export class Point { constructor(private _x?: number, private _y?:number) {} draw() { console.log('x:'+this._x+' y:'+this._y); } } main.ts import { Point } from './point'; let point = new Point(1,2); point.draw(); But this does not work. When I transpile and run, I get the error: $ tsc --target es5 main.ts && node main.js main.ts:1:23 - error TS2306: File '/home/nick/dev/angular/hello/ts/point.ts' is not a module. 1 import { Point } from './point'; Found 1 error. EDIT: Typescr

Cites Long De · 2021-03 · Stack Overflow · on “Any advice on this angular problem? Mosh tutorial not working for me?”

watching [this video] and made it to the 1:35:00 roughly time of adding the courses part. I ge the following error. Failed to compile. ../src/app/app.component.html:2:1 - error NG8001: 'courses' is not a known element: If 'courses' is an Angular component, then verify that it is part of this module. To allow any element add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. 2 ../src/app/app.component.ts:5:16 5 templateUrl: './app.component.html', ~~~~~~~~~~~~~~~~~~~~~~ Error occurs in the template of component AppComponent. What am i missing? I tried debugging, but nothing. Any help is appreciated.

Cites Vukašin · 2023-02 · Stack Overflow · on “Angular Unable to Resolve Dependency Tree”

I just installed nodejs and angular while following this tutorial: [this video] and while creating my first project I got this error. 54 error code ERESOLVE 55 error ERESOLVE unable to resolve dependency tree 56 error 57 error While resolving: hello-world2@0.0.0 57 error Found: @angular/core@15.1.3 57 error node_modules/@angular/core 57 error @angular/core@"^15.1.0" from the root project 57 error 57 error Could not resolve dependency: 57 error peer @angular/core@"15.1.4" from @angular/animations@15.1.4 57 error node_modules/@angular/animations 57 error @angular/animations@"^15.1.0" from the root project 57 error 57 error Fix the upstream dependency conflict, or retry 57 error this command with --