1
00:00:02,390 --> 00:00:08,050
Sekarang resep tentu saja harus disajikan pada layar kategori makanan yang merupakan layar yang kita muat ketika kita memilih

2
00:00:08,050 --> 00:00:09,850
kategori dan jelas, untuk membuat

3
00:00:09,920 --> 00:00:14,030
resep apa pun, kita membutuhkannya, kita perlu resep untuk makanan seperti saya juga memanggil

4
00:00:14,030 --> 00:00:20,930
mereka di sini dan Saya akan mulai dengan menambahkan model baru, makanan. js di mana saya mendefinisikan bagaimana makanan

5
00:00:20,960 --> 00:00:23,880
seharusnya terlihat di aplikasi ini.

6
00:00:23,890 --> 00:00:25,840
Sekarang definisi tambahan ini adalah opsional

7
00:00:25,850 --> 00:00:30,060
tetapi saya pikir itu membuat sedikit lebih mudah untuk alasan tentang data kami dan strukturnya.

8
00:00:30,230 --> 00:00:32,540
Jadi saya akan membuat kelas di sini

9
00:00:32,690 --> 00:00:39,110
dan mengekspornya dan di kelas itu, tambahkan konstruktor yang memungkinkan kita untuk membuat makanan pra-konfigurasi baru berdasarkan pada struktur yang

10
00:00:39,110 --> 00:00:41,090
akan kita atur di sini.

11
00:00:41,090 --> 00:00:44,540
Sekarang makan akan lebih kompleks dari suatu kategori, ia akan

12
00:00:44,540 --> 00:00:45,710
memiliki ID

13
00:00:46,100 --> 00:00:49,550
tetapi juga akan memiliki beberapa ID kategori yang menjadi miliknya,

14
00:00:49,550 --> 00:00:52,890
sehingga banyak kategori yang menjadi bagian dari makanan tersebut.

15
00:00:52,970 --> 00:00:54,380
Ini akan memiliki judul,

16
00:00:54,380 --> 00:00:55,280
jadi

17
00:00:55,280 --> 00:00:59,750
nama dan kemudian akan memiliki beberapa bidang tambahan seperti keterjangkauan makan,

18
00:01:00,200 --> 00:01:02,890
jadi apakah itu mahal, apakah murah?

19
00:01:03,290 --> 00:01:09,990
Kompleksitasnya, jadi betapa rumitnya membuat hidangan itu berdasarkan resep itu. GambarUrl yang menunjuk gambar di web di mana kita

20
00:01:10,000 --> 00:01:15,950
memiliki gambar yang bagus dari makanan itu. Durasi yang dibutuhkan dalam hitungan menit

21
00:01:15,950 --> 00:01:23,470
untuk membuat makanan itu, juga bahan-bahan yang harus berupa array, langkah-langkah yang perlu kita ambil

22
00:01:23,570 --> 00:01:31,220
untuk membuat makanan itu, jadi instruksi dan kemudian empat bidang yang membantu kita menyaring -

23
00:01:31,820 --> 00:01:40,520
isGlutenFree yang menandai apakah ini gluten gratis atau tidak, jadi ini akan menjadi boolean, isVegan, isVegetarian dan isLactoseFree,

24
00:01:42,620 --> 00:01:44,240
ini adalah

25
00:01:44,240 --> 00:01:48,590
empat bidang yang akan saya gunakan dalam aplikasi ini.

26
00:01:48,590 --> 00:01:53,350
Sekarang semua data yang kita dapatkan di sini kemudian akan

27
00:01:53,390 --> 00:02:02,000
disimpan di properti, jadi di sini saya akan menetapkan ID ini sama dengan ID, ID kategori ini sama

28
00:02:02,000 --> 00:02:09,860
dengan ID kategori, judul ini sama dengan judul, imageUrl ini sama dengan imageUrl dan sebagainya tentu saja,

29
00:02:09,890 --> 00:02:16,850
jadi simpan saja semua argumen yang kita dapatkan di properti itu, objek pada akhirnya akan

30
00:02:16,850 --> 00:02:18,850
dibuat berdasarkan kelas.

31
00:02:18,920 --> 00:02:28,250
Jadi kita juga akan mendapatkan langkah-langkah kita di sini tentu saja, kita akan menyimpan durasinya, kita akan menyimpan

32
00:02:28,250 --> 00:02:36,260
kerumitannya, kita akan menyimpan keterjangkauan di sini tentu saja di sebuah properti, kita akan menyimpan apakah

33
00:02:36,260 --> 00:02:38,990
ini bebas gluten dan juga

34
00:02:38,990 --> 00:02:48,770
semua filter lainnya tentu saja, jadi isVegan, ini adalah vegetarian juga harus disimpan tentu saja dan IsolactFree, yang juga akan

35
00:02:48,770 --> 00:02:52,150
disimpan dan ya dengan itu, saya menyimpan

36
00:02:52,170 --> 00:02:54,450
semua data itu.

37
00:02:54,450 --> 00:03:00,890
Sekarang kita dapat menambahkan beberapa data dummy, beberapa makanan dummy dan tentu saja, Anda akan menemukan yang terlampir lagi.

38
00:03:01,020 --> 00:03:10,090
Yang perlu Anda lakukan dalam data-dummy. File js adalah impor makanan dari folder model dan di sana, dari makanan. js atau hanya dari makanan seperti

39
00:03:10,110 --> 00:03:16,320
ini dan sekarang terlampir dalam file Javascript yang Anda temukan terlampir, Anda juga menemukan bahwa

40
00:03:16,320 --> 00:03:24,270
array makanan yang dapat Anda tambahkan di sini dan itu sekarang hanya sekelompok resep yang saya siapkan untuk Anda

41
00:03:24,480 --> 00:03:29,290
yang menggunakan atau yang menggunakan semua bidang kami mengatur dalam model kami.

42
00:03:29,340 --> 00:03:31,510
Nah, itu data dummy yang bekerja

43
00:03:31,530 --> 00:03:37,470
dengan kita, sekarang mari kita mulai bekerja dengan itu dan mari kita berikan daftar makanan ini pada layar kategori makanan.

44
00:03:37,470 --> 00:03:43,860
Tentu saja, hanya makanan yang masuk ke dalam kategori yang kami pilih, sehingga memiliki ID kategori kami.