Would you like to inspect the original subtitles? These are the user uploaded subtitles that are being translated:
1
00:00:00,060 --> 00:00:07,740
The download just finished and now we have this a node modules that contains all of the different dependencies
2
00:00:07,740 --> 00:00:10,350
that we need to run our application.
3
00:00:10,890 --> 00:00:16,350
So let's actually go ahead and run our newly created Linux application.
4
00:00:16,650 --> 00:00:22,050
Now in order to do this, well, we're going to need to do is go to the package dot JSON and in here
5
00:00:22,050 --> 00:00:30,060
you can see we have three different scripts now in order to run our application in development mode.
6
00:00:30,060 --> 00:00:37,680
So in a development environment, well we're going to do is run and PM run dev which is going to run
7
00:00:37,680 --> 00:00:38,190
Linux.
8
00:00:38,190 --> 00:00:44,640
C Remember Linux is the Knox CLV that is going to execute the dev command.
9
00:00:44,970 --> 00:00:49,440
This is going to spin up the application on local host 3000.
10
00:00:49,650 --> 00:00:56,190
And any time we make any changes to our code base, it is going to detect those changes and put those
11
00:00:56,190 --> 00:00:59,130
changes on local host 3000 as well.
12
00:00:59,130 --> 00:01:01,950
So it's going to continuously watch for those changes.
13
00:01:02,430 --> 00:01:04,980
So let's go ahead and run AMPM, run Dev.
14
00:01:05,790 --> 00:01:10,170
I'm going to go over here to our terminal and inside of the terminal.
15
00:01:11,040 --> 00:01:13,350
I'm actually close this up a little bit.
16
00:01:13,860 --> 00:01:16,620
I'm going to do AMPM Run Dev.
17
00:01:16,860 --> 00:01:22,680
Now notice one thing as soon as I run AMPM run dev, we're going to get a new directory right over here
18
00:01:22,710 --> 00:01:24,360
called Dot Knox.
19
00:01:24,630 --> 00:01:30,540
This is the build directory that we're actually going to need to utilize in order to deploy that.
20
00:01:30,540 --> 00:01:33,900
Just a quick note, but we don't need to work with it right now.
21
00:01:34,320 --> 00:01:38,550
So over here you can see that we have local is 3000.
22
00:01:38,820 --> 00:01:44,370
So now let's go to our our Safari application or Google Chrome.
23
00:01:44,370 --> 00:01:48,060
That's actually what I'm going to be using Google Chrome and I'm going to go ahead and just paste in
24
00:01:48,060 --> 00:01:50,400
Local 3000 and there we go.
25
00:01:50,700 --> 00:01:54,120
We see our boilerplate Linux application.
26
00:01:54,120 --> 00:01:57,810
So if you see this, you've got Knox successfully up and running.
27
00:01:58,080 --> 00:02:04,530
Now, one thing that I want to note is that I am running this video on a 27 inch iMac.
28
00:02:04,770 --> 00:02:09,180
So really if I went to 100%, it should look a little something like this.
29
00:02:09,420 --> 00:02:15,390
But I'm always going to be a little bit more zoomed in than usual just because obviously this isn't
30
00:02:15,390 --> 00:02:16,810
very pleasing to look at.
31
00:02:16,810 --> 00:02:18,600
This is very small and we can't see a lot.
32
00:02:18,600 --> 00:02:20,730
So I'm zoomed in around like 200%.
33
00:02:21,570 --> 00:02:25,560
So over here we get this very plain, boring boilerplate application.
34
00:02:25,560 --> 00:02:27,270
So we have documentation over here.
35
00:02:27,270 --> 00:02:29,310
We can click on it to see the documentation.
36
00:02:29,310 --> 00:02:31,350
We can click on to see the Twitter.
37
00:02:31,560 --> 00:02:36,120
And then over here you can see that we can see this welcome page.
38
00:02:36,330 --> 00:02:43,560
And this welcome page is either in the airport view directory or it's in the pages directory and it's
39
00:02:43,560 --> 00:02:45,420
a indexed dot view file.
40
00:02:45,960 --> 00:02:51,640
So let's actually explore exactly where this code, where this this thing is coming from inside of our
41
00:02:51,640 --> 00:02:52,500
Linux app.
42
00:02:53,920 --> 00:03:02,650
So right now inside of our Nooks application, we only have one view file the app dot view.
43
00:03:03,040 --> 00:03:08,440
And over here all we have is a template, just a basic view file template and a div.
44
00:03:08,710 --> 00:03:12,820
And then right in here we have this nux welcome component.
45
00:03:13,300 --> 00:03:17,190
Now you might be wondering if you're familiar with view and you should be for taking this course.
46
00:03:17,200 --> 00:03:20,600
Where is this nux welcome component living?
47
00:03:20,620 --> 00:03:22,510
This is something that we have to define.
48
00:03:23,080 --> 00:03:26,830
Well, this is actually coming from the node modules.
49
00:03:26,830 --> 00:03:31,720
It's something that's built internally with Nux and this is really good.
50
00:03:31,720 --> 00:03:37,240
This was actually done on purpose because a lot of the time when you create a brand new application,
51
00:03:37,240 --> 00:03:42,190
you have to do a lot of deletion just to remove all of the different boilerplate.
52
00:03:42,580 --> 00:03:50,260
Now Nux understands this and because of that it just has this very boilerplate component built in to
53
00:03:50,260 --> 00:03:51,280
Nux itself.
54
00:03:51,520 --> 00:03:56,530
And as soon as we want to remove it, all we have to do is just remove the component itself and we do
55
00:03:56,530 --> 00:03:58,660
not have to do anything over here.
56
00:03:59,140 --> 00:04:01,150
So let's just go ahead and save that.
57
00:04:02,020 --> 00:04:05,170
And if you go back, you can see now we have nothing.
58
00:04:05,170 --> 00:04:06,550
It is completely empty.
59
00:04:06,850 --> 00:04:11,890
Now, if we go ahead and let's go ahead and just pieces a few times just to prove to you we should see
60
00:04:11,890 --> 00:04:14,200
this three different times.
61
00:04:14,650 --> 00:04:20,650
So right over here, the apt of you is the file that we're going to be working on to build our baby
62
00:04:20,650 --> 00:04:22,810
generator application later on.
63
00:04:22,810 --> 00:04:27,910
When we work on multiple pages, we'll learn a better way to create multiple view files for multiple
64
00:04:27,910 --> 00:04:28,600
different pages.
65
00:04:28,840 --> 00:04:31,570
But for now, this is what we are going to be working on.
66
00:04:31,810 --> 00:04:33,640
The App Dot View.
6569
Can't find what you're looking for?
Get subtitles in any language from opensubtitles.com, and translate them here.
Afrikaans
Akan
Albanian
Amharic
Arabic
Armenian
Azerbaijani
Basque
Belarusian
Bemba
Bengali
Bihari
Bosnian
Breton
Bulgarian
Cambodian
Catalan
Cebuano
Cherokee
Chichewa
Chinese (Simplified)
Chinese (Traditional)
Corsican
Croatian
Czech
Danish
Dutch
English
Esperanto
Estonian
Faroese
Finnish
Galician
Georgian
German
Greek
Guarani
Haitian Creole
Hausa
Hawaiian
Hebrew
Hmong
Hungarian
Icelandic
Indonesian
Irish
Italian
Japanese
Kazakh
Kinyarwanda
Kirundi
Kongo
Korean
Krio (Sierra Leone)
Kurdish
Kyrgyz
Laothian
Latin
Latvian
Lithuanian
Luganda
Luo
Luxembourgish
Macedonian
Malagasy
Malay
Maltese
Maori
Mauritian Creole
Moldavian
Mongolian
Myanmar (Burmese)
Montenegrin
Nepali
Norwegian
Pashto
Persian
Polish
Portuguese (Brazil)
Portuguese (Portugal)
Quechua
Romanian
Romansh
Russian
Samoan
Scots Gaelic
Serbian
Sesotho
Setswana
Seychellois Creole
Shona
Sindhi
Sinhalese
Slovak
Slovenian
Somali
Spanish
Swedish
Tajik
Thai
Tigrinya
Tonga
Turkish
Turkmen
Ukrainian
Uzbek
Vietnamese
Welsh
Wolof