Would you like to inspect the original subtitles? These are the user uploaded subtitles that are being translated:
1
00:00:00,730 --> 00:00:05,370
In the last couple of videos there were some text lectures that laid out how to install Visual Studio
2
00:00:05,370 --> 00:00:05,970
code.
3
00:00:06,030 --> 00:00:12,140
No J.S. in the angular CLIA if you ran into issues in any of those text lectures hop over to the cube
4
00:00:12,180 --> 00:00:14,670
section and I'll do my best to help you out.
5
00:00:14,700 --> 00:00:16,330
Now we've got all that setup complete.
6
00:00:16,410 --> 00:00:20,730
We're gonna start working on our first big application together inside this video.
7
00:00:20,730 --> 00:00:23,210
Let's talk about what we're going to be building.
8
00:00:23,220 --> 00:00:26,250
All right quick mockup right here.
9
00:00:26,340 --> 00:00:29,860
Going to be making a little password generator application.
10
00:00:29,880 --> 00:00:34,410
The goal of this app is to allow a user to generate a random password in case they can't think of one
11
00:00:34,410 --> 00:00:36,690
sufficiently random on their own.
12
00:00:36,690 --> 00:00:40,020
Our password generator is going to have a couple of options tied to it.
13
00:00:40,020 --> 00:00:44,340
First off we're going to show a input right here where a user can enter in the length of password that
14
00:00:44,340 --> 00:00:49,770
they want to generate will then show a couple of different checkboxes to allow the user to customize
15
00:00:49,800 --> 00:00:57,130
whether their password will be generated with letters numbers and symbols once the user fills in all
16
00:00:57,130 --> 00:00:59,550
this input and then clicks on the January button.
17
00:00:59,620 --> 00:01:02,660
We're then going to show a little pop up down here at the very bottom.
18
00:01:02,800 --> 00:01:07,300
It says your password and inside there it will show the randomly generated password that we created
19
00:01:07,300 --> 00:01:08,730
for them.
20
00:01:08,760 --> 00:01:09,180
That's it.
21
00:01:09,210 --> 00:01:11,400
It's a pretty straightforward versatile application.
22
00:01:11,490 --> 00:01:16,880
But believe it or not this is going to expose us to a lot of different things in the world of angular.
23
00:01:16,890 --> 00:01:21,900
The first thing we have to do to get started on this project is generate a new angular project on our
24
00:01:21,900 --> 00:01:23,970
local computer do so.
25
00:01:24,000 --> 00:01:29,100
We're going to use the angular CLIA that we installed in that text lecture just one or two sections
26
00:01:29,100 --> 00:01:29,960
ago.
27
00:01:30,000 --> 00:01:34,270
So again I'm assuming that you were able to install that angular CLIA if you were not.
28
00:01:34,290 --> 00:01:37,280
Hop over to the Q A and I'll do my best to help you out.
29
00:01:38,280 --> 00:01:43,700
Just to be clear the angular Seelye was the program that we installed by running npm install at angular
30
00:01:43,730 --> 00:01:45,200
slash CLIA.
31
00:01:45,830 --> 00:01:51,260
Once you install that package on your machine it gives you access to a command line tool called N G.
32
00:01:51,470 --> 00:01:56,600
This energy command that is now available on your computer is the angular CLIA and we're going to be
33
00:01:56,600 --> 00:02:00,850
using that little command right there throughout this course for a variety of different things.
34
00:02:01,930 --> 00:02:04,810
In order to generate a new project we're going to run this command.
35
00:02:04,840 --> 00:02:11,140
So energy new and then the name of our app for example might be energy new cards or blog or twitter
36
00:02:11,170 --> 00:02:13,060
or whatever else.
37
00:02:13,060 --> 00:02:18,290
Let's change over to our command line right now and we're going to generate a new project gonna flip
38
00:02:18,290 --> 00:02:20,080
over to my command line.
39
00:02:20,080 --> 00:02:22,990
I'm inside of a workspace directory of sorts.
40
00:02:23,030 --> 00:02:28,130
You can generate this new project anywhere on your computer where you normally store source code doesn't
41
00:02:28,130 --> 00:02:30,110
have to be in any particular location.
42
00:02:30,170 --> 00:02:33,820
Just make sure it's where you generally work on projects.
43
00:02:33,950 --> 00:02:39,530
Once you're there inside of your terminal we'll run energy new and in the name of our project is gonna
44
00:02:39,530 --> 00:02:46,780
be simply P.W. short for password or password generator I'm going to run that command or then go into
45
00:02:46,780 --> 00:02:49,840
you prompted with two different questions.
46
00:02:49,840 --> 00:02:53,300
Right now we're going to use the default answers to both these questions.
47
00:02:53,380 --> 00:02:59,190
We're just gonna hit enter and enter immediately after hitting enter twice.
48
00:02:59,210 --> 00:03:02,190
We're going to see a lot of different files being created.
49
00:03:02,190 --> 00:03:07,070
So these are all of the different stock files for a new angular application.
50
00:03:07,160 --> 00:03:12,530
Then immediately after that we're going to see that angular is installing a number of dependencies into
51
00:03:12,530 --> 00:03:14,300
our project as well.
52
00:03:14,300 --> 00:03:17,330
This installation process usually takes a minute or two.
53
00:03:17,360 --> 00:03:18,750
Let's take a quick pause right here.
54
00:03:18,770 --> 00:03:23,090
We'll come back the next video and we're gonna start to write some code for our password generator project.
5682
Can't find what you're looking for?
Get subtitles in any language from opensubtitles.com, and translate them here.