Getting started with Angular - Learning Angular (Part 2)

Learn how to get started with Angular. This video covers how to install the Angular CLI, use the built in development server and automatic update to load our changes in the browser, and update your first Angular application.
Resources:
Install Angular → goo.gle/3nzym1J
Download the code → goo.gle/homes-app-start
Catch the next episode, Components in Angular → goo.gle/3no0JQw
Angular Language Service → marketplace.visualstudio.com/...
Watch more episodes of Learning Angular→ goo.gle/Learning-Angular
Subscribe to Angular → goo.gle/Angular
#Angular

[@Angular]

Watch more episodes of Learning Angular → goo.gle/Learning-Angular

[@cristianvargasestay1086]

Love this guy energy. Well ... i failed a lot, but suddently it worked!. I do a lot of program on VB and python but this is new for me... i don't feel anything while doing stuff, it´s just like "yeah... this is how". But the "i´m proud of yourself" even tho its so cliche, it really made me smile this time. Thanks

[@DungLearnThings]

I really love your energy !

[@katerinejaimes6585]

Es un reto para mi aprender Angular, porque aparte de que está en ingles que tambien estoy aprendiendo, este Framework es nuevo para mi. Muchas gracias por la explicación. Estoy siendo muy profesional creando aplicaciones web con Angular.

[@chenhaodong4576]

Love this guy, very positive, almost Angela Yu level of teaching level./

[@marktechson]

Thank you!!!

[@danielleivy8180]

For any newbies struggling with this, cloning the repo did not work for me and I have no idea why. If you try to `ng serve` from that point it won't work. My advice is to also have the official Angular docs open which has a Getting Started/Setup section. It will instruct you to type `ng new my-app`. Change my-app to homes-app and you're good to go. I needed a quick refresher to Angular and was scratching my head as to why they didn't do the totally blank new project route, which is part of a regular workflow?

[@emipiz2663]

Did you installa the dependencies after cloning the repo?

[@danielleivy8180]

@@emipiz2663 Yeah that was my first thought, but the repo was still just empty - it was so weird. I cloned it twice, installed the dependencies, and the only thing in the folder was the License. Which in hindsight if it only had the License then what dependency instructions are there? I ended up just doing it from scratch the way I knew so it worked out.

[@GabrielTobing]

This guy gave me a high five, he's the absolute best! >:D

[@greengrer]

Actually high fived!

[@RakeshSharma8484]

This is failing at every step, it is failing at ng serve - An unhandled exception occurred: Cannot find module 'C:\Projects\Angular-test\homes-app ode_modules\function-bind\index'. Please verify that the package.json has a valid "main" entry

[@nopenope6151]

it tells me i dont have the acces rights and asks me to check if the reposetory exists when i try to download it

[@jdally9872]

this for me too

[@MichaelStrother]

I'm trying to walk through this tutorial using Angular 16 (current) but npm install is failing with angular-in-memory-web-api@0.15.0 (could not resolve dependency)

[@nagulbashashaik307]

Hi Michael, I'm also facing the same issue. if you find solution then share with me

[@alan-]

Same problem, and when I googled for the error, google showed me results for REACT. It's as if Microsoft and Google have swapped roles in the last few years. Shame.

[@bjornb.3992]

Solved it with running ng new and then replaced the source folder@@alan-

[@EltsuGamer]

try typing "npm install --force" instead

[@pointq]

Just a note... you mentioned the Angular Language Service just before mentioning you'd include all links in the description, but you didn't include a link to Angular Language Service.

[@Angular]

Good point! Updated. marketplace.visualstudio.com/items?itemName=Angular.ng-template

[@wallacepei4529]

43 vulnerabilities (2 low, 8 moderate, 23 high, 10 critical) To address all issues (including breaking changes), run: npm audit fix --force still doesn't work and I am using lts version of node

[@wallacepei4529]

Probably due to this video is in context of Angular 15 and when I installed Angular as latest, it gave me version 16. Why put out a video on 15 when 16 is now your latest?

[@alan-]

@@wallacepei4529 Agree. This is not a good look for a beginner friendly tutorial. A real turn-off for anyone looking to get into angular.

[@junovicz]

@@alan- yeah it can be a bad first impression, they can either specify installing a specific version or mention that if you npm install the project it's possible that some vulnerabilities arise, and that's a completely normal thing.

[@gustavovagner1432]

The project from the provided link is different from the video

[@MagicMan123ification]

can confirm I had to change node version and Anglular version and run ""npm install --save --legacy-peer-deps"" just to run it and it did not say hello world!

[@Angular]

Sorry about that! We've updated the content the link points to.

[@alan-]

@@Angular Can you give instructions for how to change angular version to get this beginner tutorial project to work??

[@alan-]

​@@Angular Ok, so my question went unanswered and now I'm learning Blazor instead, which already feels like a much better* product and with much better learning support. * better product because it: - feels like it is 'complete', rather than 'unfinished' - doesn't appear to have added major features as if they were afterthoughts - has way more capabilities - server side rendering built-in, web assembly, can create mobile apps with maui I cannot believe I'm bigging up a microsoft product over a google product. The world has turned on its head, but if that's the way it is now, I'm going with it.

[@AnweshAdhikari]

❤

[@quyentrannguyendiu7377]

In my Angular, "app" folder does not have the file "app.module.ts" How do I solve this problem??? Help me pleaseee 😢

[@Angular]

You don't need it for this tutorial

[@eudo-niamba]

Just to let everybody know: this is just another Bad tutorial with lots of Error messages with no support that will drive you mad. Now that you are aware of that, rock on dude. If anyone knows about some GOOD tutorial beginner friendly we could be following, let us know.

[@Angular]

Sorry about those error messages. We've updated the images issues. Is there something else that's giving you a hard time?

[@carlosedugoc]

What is the name of the VSC theme you are using. I like it.

[@MagicMan123ification]

It looks like the default vs code High Contrast theme

[@Angular]

Yes, it's the default high contrast in VS Code :)

[@omageprosper9673]

Can I get the link to the documentation

[@jeverydk]

It takes longer to type that question then it takes to google it. Dont be lazy.

[@indrarajyadav528]

May I know the theme that you are using in vscodd

[@Angular]

Sure thing! It is the "high contrast" VS Code theme theme that comes built in.

[@menestowl4270]

Just one question. Why hello universe?

[@Angular]

Mark likes to be unique lol

[@vuyyururajashekarreddy493]

Analogjs

[@bob-xm7ny]

there is a lot of skipping forward in this course. Try to be more concise. I don't need to be advised to take a break etc. Just deliver the info and I will decide when I need to stop.

[@Huntware023]

For me, it's a nice change of pace to see an instructor cheering for people starting to learn a new framework. Keep it up Angular team!

[@ABHISHEK-wp8ll]

this only changes in this project (local) npm uninstall @angular/cli npm i @angular/cli@15.0.4

[@AnweshAdhikari]

❤