Getting started with Angular - Learning Angular (Part 2)

[@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

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

[@denivladislav]

Guys, for anyone having troubles with cloning the repo - check that you've got an ssh key linked to your account

[@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

[@DungLearnThings]

I really love your energy !

[@chenhaodong4576]

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

[@marktechson]

Thank you!!!

[@cihanyasbek9228]

Why don't I have an assets folder when I create my project?

[@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

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

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

[@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

[@erntara]

After the install, I'm getting "critical vulnerabilities". Running "npm audit fix" and "npm audit fix --force" actually increased the number of "ciritcal vulnerabilities". Does anybody have a procedure to install a clean / safe environement ?

[@Nico7orres]

Este tutorial es para Angular 15 y lo ponen en la página de Angula 18...

[@onoes9646]

Anyone else getting "Error: This command is not available when running the Angular CLI outside a workspace." when they try to run ng serve?

[@onoes9646]

Okay, realized that I missed the npm install step for the project. ng serve works now.

[@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

[@GabrielTobing]

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

[@hawkeye904]

🤣😂

[@asad-suri]

Sir you're awesome! 👍

[@kerimzunic]

Would have been nice to see what's inside the config files. Also there's a bunch of them that you didn't even mention.

[@Angular]

Maybe we can cover that in a future course, thanks for this feedback!

[@denivladislav]

Guys, for anyone having troubles with cloning the repo - check that you've got an ssh key linked to your account

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

[@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

[@robschannel1156]

i feel like this guy promised me a high five and then kept it for himself.

[@marktechson]

Oh no! My bad - sending that high-five right at you!

[@ramwejlirap6729]

how do you download the project

[@Bastardovl]

2:07, click green button "code", then last option "Download Zip"

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

[@greengrer]

Actually high fived!

[@hawkeye904]

🤣

[@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 :)

[@menestowl4270]

Just one question. Why hello universe?

[@Angular]

Mark likes to be unique lol

[@eudesgrey]

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?

[@rikizy528]

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.

[@AnweshAdhikari]

❤

[@rvuyyuru]

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]

❤