1
00:00:00,770 --> 00:00:01,080
Baiklah.

2
00:00:01,110 --> 00:00:09,660
Jadi begitu Anda telah mengunduh dan mengekstrak file-file awal ini maka Anda harus memiliki struktur folder yang

3
00:00:09,720 --> 00:00:11,340
terlihat seperti ini.

4
00:00:11,460 --> 00:00:14,520
Dan ini akan mencakup semua file awal.

5
00:00:14,940 --> 00:00:16,650
Jadi mari kita lihat dulu.

6
00:00:16,830 --> 00:00:22,000
Jadi kita akan menggunakan Aegis untuk templat dan tata letak situs web kami.

7
00:00:22,020 --> 00:00:27,280
Jadi kita punya header dan footer dan di header semua yang Anda miliki hanyalah beberapa style sheet.

8
00:00:27,390 --> 00:00:29,880
Kita akan menggunakan font yang mengagumkan.

9
00:00:30,330 --> 00:00:35,820
Dan kita akan menggunakan Bootstrap dan kemudian saya punya tautan ke style sheet

10
00:00:35,820 --> 00:00:42,960
kustom yang ada di sana dan yang dilakukannya hanyalah mengatur body dan mengatur hal-hal tertentu yang terpusat

11
00:00:43,020 --> 00:00:46,390
dan juga memberikan teks rahasia sedikit pemformatan.

12
00:00:46,440 --> 00:00:51,650
Sekarang di halaman rumah kami, kami punya jumbotron sehingga berasal dari bootstrap.

13
00:00:51,660 --> 00:01:00,870
Jika Anda punya dan melihat dokumentasi dan itu terpusat menggunakan kebiasaan kami ya di sini di dalam Jumbotron saya

14
00:01:00,930 --> 00:01:10,950
punya ikon kunci dan satu dan satu paragraf dan kemudian ada dua tombol di sini yang mengatakan daftar dan yang

15
00:01:10,950 --> 00:01:17,850
bertuliskan login dan tombol-tombol ini masing-masing menekan rute masing-masing yang akan kita siapkan dalam

16
00:01:18,000 --> 00:01:22,660
penculikan G. S. sangat singkat.

17
00:01:23,190 --> 00:01:31,320
Sekarang pada halaman login itu diletakkan menggunakan Bootstrap sehingga formulir logging kami mengambil sepertiga dari lebar

18
00:01:31,410 --> 00:01:32,540
situs Web.

19
00:01:32,760 --> 00:01:38,070
Dan ini menggunakan kisi Bootstrap dan kami membahasnya secara rinci di bagian bootstrap.

20
00:01:38,100 --> 00:01:43,510
Jadi saya akan melanjutkan dan menunjukkan kepada Anda bagian terpenting dari halaman ini yang merupakan formulir kami di sini.

21
00:01:44,070 --> 00:01:51,900
Dan formulir ini membuat permintaan posting ke rute login kami dan mengirimkan nama pengguna yang akan menjadi

22
00:01:51,900 --> 00:01:57,610
email pengguna dan juga kata sandi yang akan ditetapkan oleh pengguna.

23
00:01:58,170 --> 00:02:04,440
Dan akhirnya ada tombol kirim yang akan membaca login dan itu akan mengirim permintaan

24
00:02:04,440 --> 00:02:09,520
posting ke putaran kami dan itu akan ditangkap di server kami.

25
00:02:09,840 --> 00:02:13,500
Sekarang di situs register kami cukup identik.

26
00:02:13,500 --> 00:02:19,380
Selain fakta bahwa ini menjaga rute register membuat permintaan posting dan tombol

27
00:02:19,470 --> 00:02:20,640
mengatakan register.

28
00:02:20,910 --> 00:02:24,800
Jadi ini formulir pendaftaran yang sangat sederhana.

29
00:02:25,080 --> 00:02:33,270
Dan setelah mereka berhasil mendaftar atau masuk, akhirnya mereka dapat mengakses halaman rahasia ini dan

30
00:02:33,270 --> 00:02:40,350
halaman ini akan menjadi halaman yang membutuhkan otentikasi untuk diakses dan kami akan

31
00:02:40,350 --> 00:02:45,960
memastikan bahwa tidak ada cara mengaksesnya kecuali pengguna login.

32
00:02:45,960 --> 00:02:51,330
Dan akhirnya ada halaman Kirim yang akan kita lihat sedikit kemudian ketika

33
00:02:51,330 --> 00:02:59,550
kita ingin pengguna kita mulai mengirimkan rahasia mereka sendiri dan formulir ini akan mengirim permintaan posting ke rute pengiriman

34
00:02:59,550 --> 00:03:05,100
dan itu akan mengirim lebih dari rahasia yang diketik pengguna ke bidang pajak.

35
00:03:05,100 --> 00:03:07,560
Dan ini semua yang ada.

36
00:03:07,590 --> 00:03:14,250
Sekarang akhirnya jika Anda melihat ke dalam pembaruan kami James Anda dapat melihat bahwa kami baru saja mendapatkan modul yang sangat dasar

37
00:03:14,640 --> 00:03:23,670
yang selalu kami gunakan pengurai tubuh Express dan E. J. kami dan kami menambahkan folder publik kami sebagai sumber

38
00:03:23,670 --> 00:03:24,510
daya statis.

39
00:03:24,690 --> 00:03:26,990
Kami sedang mengatur mesin tampilan kami menjadi EGF.

40
00:03:27,060 --> 00:03:29,560
Dan kami juga menyiapkan pengurai tubuh.

41
00:03:29,610 --> 00:03:35,510
Dan di bagian paling bawah kami baru saja mendapatkan beberapa kode untuk memulai server kami pada port tiga ribu.

42
00:03:35,580 --> 00:03:38,670
Jadi ini seharusnya sudah akrab bagi Anda sekarang.

43
00:03:38,700 --> 00:03:44,220
Tetapi jika tidak pastikan Anda melihat kembali pada awal modul simpul di mana kita membahas

44
00:03:44,370 --> 00:03:45,630
ini secara rinci.

45
00:03:45,720 --> 00:03:52,800
Sekarang dalam kode kami, kami membutuhkan semua paket ini, tetapi Anda akan melihat bahwa dalam folder

46
00:03:53,040 --> 00:03:56,680
proyek Anda, kami belum memiliki paket dot Jason.

47
00:03:56,700 --> 00:04:02,580
Dan itu karena kami belum menginstal paket-paket ini sekarang kami akan membuka terminal hiper kami

48
00:04:02,670 --> 00:04:07,070
dan Anda akan melihat ke mana pun folder proyek Anda.

49
00:04:07,080 --> 00:04:11,870
Jadi dalam kasus saya, file proyek untuk proyek rahasia ada di desktop saya.

50
00:04:11,970 --> 00:04:13,770
Jadi saya akan melihat mereka.

51
00:04:13,770 --> 00:04:16,540
Milik Anda mungkin sedang diunduh atau di mana pun berada.

52
00:04:16,620 --> 00:04:22,980
Setelah kita berada di sana kita akan menjalankan NPM di dalamnya dan saya akan mengatur bendera

53
00:04:23,280 --> 00:04:29,730
putih untuk menjawab ya untuk semuanya seperti biasa dan kemudian saya akan menginstal beberapa paket dan

54
00:04:29,790 --> 00:04:35,260
paket-paket yang kita selalu butuhkan adalah ekspres dan perlindungan dan pengurai tubuh.

55
00:04:35,370 --> 00:04:40,310
Jadi mari kita lanjutkan dan instal ketiga paket itu.

56
00:04:40,380 --> 00:04:48,690
Jadi begitu selesai melakukan itu maka kita sekarang harus memiliki paket tembakan kami Jason diperbarui dengan tiga

57
00:04:48,720 --> 00:04:51,660
pengurai tubuh kita dan mengekspresikan.

58
00:04:51,960 --> 00:04:54,990
Jadi kami siap untuk pergi dan membangun server kami.

59
00:04:54,990 --> 00:05:00,670
Sekarang hal pertama yang pertama kami ingin dapat melihat beberapa situs web ini sehingga kami harus menambahkan beberapa

60
00:05:00,670 --> 00:05:02,470
orang dewasa masuk ke sini.

61
00:05:02,950 --> 00:05:13,270
Jadi saya akan menargetkan rute rumah atau rute rute dan di sini saya akan membuat halaman rumah saya jadi saya hanya akan menggunakan

62
00:05:13,330 --> 00:05:20,010
warga Renda dan kami akan membuat halaman yang disebut Home dot aegis dan kemudian kita

63
00:05:20,230 --> 00:05:22,580
akan melakukan hal yang sama.

64
00:05:22,600 --> 00:05:23,980
Dan saya hanya akan menyalin dan menempelnya.

65
00:05:23,980 --> 00:05:33,190
Jadi Anda melakukannya dengan bosan menonton ini dan kami akan mengubahnya ke rute login rute register dan

66
00:05:34,620 --> 00:05:41,940
kami akan mengubah render ke halaman login dan halaman register dan hanya itu.

67
00:05:41,940 --> 00:05:49,230
Jadi sekarang mari kita lanjutkan dan periksa kode kita bahwa kita tidak memiliki garis miring di hasil render dan

68
00:05:49,230 --> 00:05:57,640
kita menyimpan file kita dan kita dapat melanjutkan dan memulai simpul 1 memperbarui Jess dan Anda dapat melihat layanan kami mulai di

69
00:05:57,650 --> 00:05:59,250
halaman tiga ribu.

70
00:05:59,340 --> 00:06:08,620
Jadi mari kita pergi dan memeriksanya jadi di sini adalah halaman rumah kami dirender dan Anda dapat melihat di

71
00:06:08,650 --> 00:06:11,790
situlah ikon kecil kami yang asyik.

72
00:06:11,880 --> 00:06:19,290
Masing-masing adalah judul kecil di sana dan kami punya register dan tombol masuk.

73
00:06:19,380 --> 00:06:23,990
Jadi jika saya mengklik register, saya harus meneruskan register slash.

74
00:06:24,060 --> 00:06:30,380
Dan itu karena tombol itu membuat permintaan untuk rute yang kita targetkan di sini.

75
00:06:30,420 --> 00:06:37,230
Dan itu berkisar halaman register yang terlihat seperti ini sangat sederhana hanya untuk bidang email

76
00:06:37,230 --> 00:06:46,470
dan kata sandi yang diatur dengan sangat sederhana menggunakan kartu Bootstrap dan formulir bootstrap dan jika kita kembali dan mengklik login

77
00:06:46,470 --> 00:06:51,710
maka akan membawa kita ke halaman login yang terlihat cukup identik.

78
00:06:51,720 --> 00:06:58,860
Jadi sekarang situs web kami sudah cukup banyak disiapkan dan siap bagi kami untuk mulai menambahkan

79
00:06:59,220 --> 00:07:06,840
beberapa otentikasi sehingga kami dapat melihat apakah pengguna terdaftar atau masuk sebelum kami mengizinkan mereka melihat halaman rahasia.

80
00:07:07,380 --> 00:07:08,840
Demikian dalam pelajaran selanjutnya.

81
00:07:08,880 --> 00:07:10,550
Itulah tepatnya yang akan kami lakukan.

82
00:07:10,560 --> 00:07:17,820
Kami akan membuat akun pengguna kami pada mongo D. B. database dan kami akan

83
00:07:17,820 --> 00:07:22,320
mengautentikasi mereka menggunakan otentikasi keamanan tingkat satu kami.

84
00:07:22,410 --> 00:07:25,740
Jadi untuk semua itu dan lebih banyak lagi, sampai jumpa di pelajaran selanjutnya.