Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript Angular Basics Setting Up an Angular Application Your First Angular Application

Kleovrotos Tsimperis
PLUS
Kleovrotos Tsimperis
Courses Plus Student 13,831 Points
Posted by Kleovrotos Tsimperis
Kleovrotos Tsimperis
Courses Plus Student 13,831 Points

Really don't understand what Andrew is doing here...he opens a folder called without prior mentioning of that file, help

Really don't understand what Andrew is doing here...he opens a folder called without prior mentioning of that file, where is the link to download it?

3 Answers

Alexander La Bianca
Alexander La Bianca
15,959 Points
Alexander La Bianca
Alexander La Bianca
15,959 Points

I suggest you download the angular cli. In your command line run:

npm install -g @angular/cli

Once you downloaded it create a folder that you want your project in then run:

ng new my-first-angular-project

now cd into that directory and you should have all the files for a starting angular project. Likely the one's Andrew is talking about. Here are some usuefull commands

//This gneerates a component called myComponent and registers it in ngModule
ng generate component myComponent
Steven Ventimiglia
Steven Ventimiglia
27,371 Points
Steven Ventimiglia
Steven Ventimiglia
27,371 Points

Very helpful comment. There is a lot of stuff we're "auto-magically" using, and tons of stuff we're building with zero background info on why.

For an Angular Basics course, especially with Typescript, it's lacking some fundamental course material and makes me feel as if I'm simply watching, pausing, and copying what is typed on screen without an effective understanding of why. More than halfway through the course, I have everything completed and maybe a 20% understanding of everything I typed, which is way off the mark, imo. I have also taken the prerequisite course, as well as other related courses.

Alexander La Bianca
Alexander La Bianca
15,959 Points

I agree. I have personally only started the Angular course on here, but have not completed much of it. However, with Angular 2/4 being a new technology I can imagine it being difficult to create a course on it. I hope the current course will update in the future. In the mean time, feel free to ask if you have any questions on Angular 2/4. I have a pretty good understanding by now due to some exposure at work.

danielchristie
danielchristie
21,505 Points
danielchristie
danielchristie
21,505 Points

https://angular.io/guide/quickstart

This document explains it all and provides the commands necessary to get going on a new project.

Steven Ventimiglia
Steven Ventimiglia
27,371 Points
Steven Ventimiglia
Steven Ventimiglia
27,371 Points

I actually switched to Vue.js. I have to say that Vue.js is 23991823% better than Angular. So, it may have been that Chalkers had to teach too much in too little time. There needs to be a basics and intermediate course for Typescript that's a prerequisite to Angular. That's the only thing that would interest me in giving it another try. Angular, to me at least, has way too much going on to present way too little as the result. Just creating an event handler, then misusing HTML and CSS, take much more time to complete than simply writing it from scratch using vanilla JS.

Vue.js is sort of like the jQuery of JS Frameworks. It's more of a library, and there's nothing else that's needed over the -60k file that's used.

When it honestly comes down to the nitty gritty, I've found that MongoDB, Express and Node.js are enough to create something great without Angular, React or Vue. Also, Andrew's course on NPM was the best one that I've seen him teach so far. It was to the point, not rushed, and I finished it with a better understanding of dev dependencies and why I would use --save-dev as opposed to --save.

Alexander La Bianca
Alexander La Bianca
15,959 Points

I have found that Angular is a huge framework where it gives you everything you may need to develop a full frontend. It comes built in with Routing, Validation, Forms, ChangeDetection and now even with support for Progressive Web Apps. The framework is huge and the learning curve is very steep to the point where I was ripping my hair out due to the annoying horrifying error messages. However, I have had to use it now for a while at work and found a love for it. Especially how Typescript combines the beauty of strictly typed languages like Java/C# and the awesomenes of javascript.

Angular in fact does not use html like we would suspect. and once I realized that it was a big aha moment for me. The below resource has helped me understand that and completely rethink how the DOM works. https://angular.io/guide/template-syntax

It is hard to compare React and Angular as one is a library and one is a framework. Where the framework completely lays out how an application should ideally be built.