Original subtitles

In the last couple of videos there were some text lectures that laid out how to install Visual Studio

code.

No J.S. in the angular CLIA if you ran into issues in any of those text lectures hop over to the cube

section and I'll do my best to help you out.

Now we've got all that setup complete.

We're gonna start working on our first big application together inside this video.

Let's talk about what we're going to be building.

All right quick mockup right here.

Going to be making a little password generator application.

The goal of this app is to allow a user to generate a random password in case they can't think of one

sufficiently random on their own.

Our password generator is going to have a couple of options tied to it.

First off we're going to show a input right here where a user can enter in the length of password that

they want to generate will then show a couple of different checkboxes to allow the user to customize

whether their password will be generated with letters numbers and symbols once the user fills in all

this input and then clicks on the January button.

We're then going to show a little pop up down here at the very bottom.

It says your password and inside there it will show the randomly generated password that we created

for them.

That's it.

It's a pretty straightforward versatile application.

But believe it or not this is going to expose us to a lot of different things in the world of angular.

The first thing we have to do to get started on this project is generate a new angular project on our

local computer do so.

We're going to use the angular CLIA that we installed in that text lecture just one or two sections

ago.

So again I'm assuming that you were able to install that angular CLIA if you were not.

Hop over to the Q A and I'll do my best to help you out.

Just to be clear the angular Seelye was the program that we installed by running npm install at angular

slash CLIA.

Once you install that package on your machine it gives you access to a command line tool called N G.

This energy command that is now available on your computer is the angular CLIA and we're going to be

using that little command right there throughout this course for a variety of different things.

In order to generate a new project we're going to run this command.

So energy new and then the name of our app for example might be energy new cards or blog or twitter

or whatever else.

Let's change over to our command line right now and we're going to generate a new project gonna flip

over to my command line.

I'm inside of a workspace directory of sorts.

You can generate this new project anywhere on your computer where you normally store source code doesn't

have to be in any particular location.

Just make sure it's where you generally work on projects.

Once you're there inside of your terminal we'll run energy new and in the name of our project is gonna

be simply P.W. short for password or password generator I'm going to run that command or then go into

you prompted with two different questions.

Right now we're going to use the default answers to both these questions.

We're just gonna hit enter and enter immediately after hitting enter twice.

We're going to see a lot of different files being created.

So these are all of the different stock files for a new angular application.

Then immediately after that we're going to see that angular is installing a number of dependencies into

our project as well.

This installation process usually takes a minute or two.

Let's take a quick pause right here.

We'll come back the next video and we're gonna start to write some code for our password generator project.