[C] The complete React Fullstack course ( 2021 edition )

The complete React Fullstack course ( 2021 edition )
English | MP4 | AVC 1280×720 | AAC 44KHz 2ch | 72 Hours | 30 GB

 

Membawa Anda coding ke level berikutnya dengan React, Node js, Express, MongoDB dan ES6
Apakah Anda ingin mempelajari seluruh proses membangun Aplikasi Anda?. Ini adalah kursus untukmu.
Kita akan mulai dari awal, dari “Saya bahkan tidak tahu bagaimana menggunakannya..dan mengapa saya“ untuk benar-benar memahami cara kerja React dan membuatnya berkomunikasi dengan teknologi lain seperti Node js.
Anda akan mempelajari semua logika dan praktik di balik React dalam modul yang berbeda, dan saat kami maju melalui kursus ini, kami akan meningkatkan kesulitannya.
Karena saya percaya bahwa cara terbaik untuk belajar sepenuhnya adalah dengan membuat kode, setelah setiap bagian penting kita akan mempraktikkan semuanya dengan beberapa proyek kursus, dan setelah Anda memiliki basis React yang kuat, kita akan melakukan perjalanan ke Server dan Database, Redux, dan menerapkan aplikasi untuk produksi.
Kami akan menggunakan ES6, javascript versi terbaru.
 

Untuk merangkum semuanya, Anda akan belajar dalam kursus ini:

• Dasar-dasar React. Cara menginstal dan logika di baliknya.
• Setelah Anda mengetahui dasar-dasar React, kita akan membahas hal-hal yang membingungkan.
• Setelah Anda memiliki basis React yang kuat, kami akan membuat proyek latihan lengkap.
• Semua orang menggunakan Redux, jadi kami akan belajar cara menggunakan redux dengan Aplikasi React kami.
• Karena aplikasi kita membutuhkan database, Anda akan belajar cara menggunakan MongoDB dan luwak.
• Terapkan keamanan, otentikasi, pembatasan rute, hashing kata sandi, dan JWT.
• Kami akan membuat proyek latihan kedua menggunakan React, Redux, Node Server dan MongoDB.
• Tentu saja, kami akan mempelajari seluruh proses penerbitan aplikasi Anda menggunakan Heroku, Git, dan Github.
• Webpack adalah bagian dari fullstack.
• Anda juga mendapatkan kursus ES6 Lengkap 

Apa yang akan Anda pelajari

• Anda akan mempelajari seluruh proses pembuatan React WebApp, dari komputer Anda ke server.
• Bekerja dengan database nosql (Firebase, MongoDB, dan Moongoose)
• Cara menerapkan aplikasi ke layanan seperti Firebase dan Heroku.
• Pelajari cara kerja Redux dan terapkan pada aplikasi kehidupan nyata.
• Pelajari apa itu NODE js dan Bagaimana cara kerjanya dan buat server Anda sendiri,
• Pelajari dasar-dasar Webpack 

 

 

 

Daftar isi

Pendahuluan
1 Intro
2 Menginstal Node JS
3 IDE

Dasar-dasar React
4 Boilerplate
5 Bundel
6 Dari bawah ke atas
7 Di balik layar
8 Struktur proyek
9 Jenis komponen
10 Menambahkan beberapa gaya
11 Peristiwa
12
Status 13 Alat peraga bagian satu
14 Alat peraga bagian dua
15 Alat peraga bagian tiga
16 Bereaksi anak
17 Lebih lanjut styling
18 Memfilter berita
19 Lifecycles
20 Lifecycles bagian 2
21 React hooks intro
22 hook
UseState 23 hook UseState bagian 2
24 UseEffect
25 UseCallback
26 UseRef
27 Context API bagian satu
28 Context API bagian dua

Latihan kecil - Siapa yang membayar tagihan
29 Pemasangan
30 Konteks dan css
31 Referensi dan validasi
32 Menambahkan pemain ke daftar
33 Menampilkan daftar pemain
34 Berikutnya dan Bersulang
35 Mendapatkan yang lebih longgar

React router
36 Pendahuluan
37 Proses rute
38 File rute utama
39 Menyiapkan rute
40 Menghubungkan
41 Tata letak yang lebih baik
42 Params
43 Lebih lanjut tentang react router
44 Sakelar router react
45 Pengalihan
46 Penanganan 404

Dasar-dasar react bagian 2
47 Pendahuluan
48 Komponen murni
49 Elemen yang berdekatan
50 HOC bagian 1
51 HOC bagian 2
52 Transisi
53 Transisi bagian 2
54 Transisi CSS
55 Grup transisi
56 Sebutan terhormat

Redux
57 Pendahuluan
58 Menghubungkan
59 Pembuat tindakan dan pereduksi
60 Menggabungkan pereduksi
61 Membuat peredam yang valid
62 Alat pengembang Redux
63 Mengirim tindakan
64 Status peta ke properti
65 kait Redux
66 Jenis
67 Membuat permintaan

Praktik kecil - The Daily News
68 Instalasi dan router
69 Menyiapkan Redux
70 Header dan tata letak utama
71 Server Api dengan server json
72 Mengambil kiriman beranda
73 Mengambil kiriman beranda bagian 2
74 Rumah masonry
75 Membuat buletin tambah
76 Menyelesaikan buletin
77 Perbaikan dan membuat halaman posting
78 Post cleanup dan 404

Formulir
79 Formik - Memulai
80 Formik - Memvalidasi
81 Formik - Menggunakan Yup
82 Formik - Hooks
83 Formik - Komponen kustom
84 Formik - Kolom kustom
85 Kustom - Membuat status dan memasukkan
86 Kustom - Memperbarui data formulir
87 Kustom - Validasi
88 Kustom - Mengirim formulir
89 Kustom - Pilih dan area teks

Sentuhan akhir
90 Menambahkan formulir kontak ke berita harian
91 Berita harian, menyimpan pesan
92 The userReducer

Dasar-dasar node
93 Apa node
94 Menggunakan REPL
95 Pemblokiran dan non-pemblokiran
96 Thread, Event Loop, Call stack dan antrian tugas
97 Pikiran akhir

Server web
98 Membuat server node
99 Mengirim tanggapan
100 Membuat rute
101 Express - membuat server
102 Express - Params dan querystring
103 Express - Middleware bagian satu
104 Express - Middleware bagian dua
105 Express - Body parser
106 Express dan React

Database
107 Pendahuluan
108 Membuat cluster
109 Menghubungkan
110 Menambahkan data ke DB
111 Membuat model dan skema
112 Mongoose POST
113 Mongoose GET
114 Mongoose REMOVE
115 Mongoose UPDATE

Otentikasi
116 Menggunakan tukang pos
117 Membuat proyek
118 Mendaftarkan pengguna (tanpa hash)
119 Memasangkan kata sandi
120 Masuk pengguna
121 JWT bagian satu
122 JWT bagian dua
123 JWT bagian tiga
124 Auth middleware
125 Menerapkan bagian satu
126 Menerapkan bagian dua

Tugas akhir
127 SERVER Installations
128 SERVER Init server dan koneksi ke DB
129 SERVER Membuat model pengguna
130 SERVER Membuat file rute
131 SERVER Mencirikan dan memeriksa email
132 SERVER Daftarkan pengguna
133 SERVER Masuk pengguna
134 SERVER Memvalidasi token
135 SERVER Membuat peran
136 SERVER Peran pengujian
137 SERVER Memperbarui profil
138 SERVER Memperbarui email
139 SERVER Artikel model
140 SERVER Memposting artikel
141 SERVER Patch, hapus, dapatkan artikel dengan ID
142 SERVER Temukan dengan ID
143 SERVER Muat lebih banyak
144 SERVER Rute paginasi
145 Dimulai dengan REACT
146 Membuat toko
147 Header dan sidedrawer
148 Finishing sidedrawer
149 Membuat mobil rumah
150 Mendapatkan artikel dari loadmore bagian satu
151 Mendapatkan artikel dari loadmore bagian dua
152 Menampilkan notifikasi bagian satu
153 Menampilkan notifikasi bagian dua
154 Membuat formulir login-register
155 Register users
156 Pengguna
sign in 157 Auto sign in users
158 Membuat loader
159 Pengguna logout
160 Tata letak admin
161 Mengubah tata letak
162 Penjaga rute
163 Menjaga tautan nav
164 Perbaikan terbaru untuk masuk dan keluar
165 Membuat bagian artikel
166 Menampilkan data artikel
167 Menghapus artikel
168 Tambahkan artikel bagian satu
169 Tambahkan artikel bagian dua
170 Menggunakan array lapangan dengan aktor
171 Membuat editor WYSIWYG
172 Menyelesaikan WYSIWYG
173 Memposting artikel
174 Amin pagination bagian satu
175 Amin pagination bagian dua
176 Amin pagination bagian tiga
177 Mengubah status artikel
178 Menghapus artikel bagian satu
179 Menghapus artikel bagian dua
180 Mengedit artikel bagian satu
181 Mengedit artikel bagian dua
182 Email stepper bagian satu
183 Email stepper bagian dua
184 Email stepper bagian tiga
185 Memperbarui profil pengguna
186 Menyebarkan

Dasar-dasar React [Legacy - kursus versi 2019 2020]
187 Intro
188 Menginstal Node JS
189 IDE
190 Menggunakan boilerplate
191 Bundel
192 Membuat aplikasi sederhana
193 Menggunakan JSX
194 Penataan
195 Menggunakan kelas
196 Sedikit gaya
197 Peristiwa
198 Komponen keadaan
199 Bekerja dengan alat peraga
200 Bekerja dengan alat peraga 2
201 Alat peraga, dari kelas ke kelas
202 Anak-anak
203 Lebih lanjut tentang gaya
204 Menggunakan perpustakaan pihak ketiga
205 Menyaring berita
206 Siklus Hidup
Reaksi 207 Siklus Reaksi 2
208 React hooks
209 Kesimpulan
210 Status penggunaan
211 Status penggunaan 2
212 Status penggunaan 3
213 Efek penggunaan
214 Pendahuluan
215 Proses router
216 Menyiapkan rute
217 Menghubungkan
218 Membuat sedikit lebih baik
219 Param
220 Memori, hash, dan navlink
221 Beralih
222 Pengalihan
223 Penanganan 404

Project music DB (opsional) [Legacy - kursus versi 2019 2020]
224 Intro dan instalasi
225 Rute dan server json
226 Menyelesaikan beranda
227 Membuat artis halaman
228 Mendapatkan album

Topik spesifik React [Legacy - versi kursus 2019 2020]
229 Penguraian bersyarat
230 Komponen murni
231 Elemen yang berdekatan
232 Komponen urutan tinggi 1
233 Komponen urutan tinggi 2
234 Animasi
235 Transisi dengan kelas
236 transisi CSS
237 TGroup - template
238 Animasi dengan TGroup
239 Pemeriksaan Jenis
240 Pemeriksaan Jenis 2
241 Terkendali vs tidak terkendali

Project NBA [Legacy - versi kursus 2019 2020]
242 Pendahuluan dan instal
243 Membuat header dan footer
244 Membuat slider
245 Membuat langganan Beranda
246 Menyelesaikan Subs Beranda
247 Menambahkan blok kiriman beranda
248 Polling Beranda
249 Menyelesaikan Polling Beranda
250 Membuat posting artikel
251 Membuat komponen tim
252 Menambahkan modal
253 Menyelesaikan modal

Bekerja dengan redux [Legacy - kursus versi 2019 2020]
254 Pendahuluan
255 Membuat toko
256 Pembuat dan pereduksi tindakan
257 Membuat pereduksi
258 Menghubungkan
259 Mengirim tindakan
260 Membuat kode yang lebih baik
261 Menggunakan tipe
262 Bekerja dengan janji
263 Redux dan komponen fungsional
264 Redux dan Hooks

Bekerja dengan formulir [Legacy - kursus versi 2019 2020]
265 Pendahuluan
266 Membuat status untuk formulir Anda
267 Membuat template elemen formulir
268 Menambahkan peristiwa ke elemen formulir
269 ​​Membuat fungsi validasi
270 Menampilkan pesan kesalahan
271 Elemen formulir yang tersisa
272 Mengirim data
273 Memulai dengan formik
274 Memvalidasi dengan formik
275 Mengirimkan dengan formik
276 Formik dan yup

Dimulai dengan Node JS [Legacy - kursus versi 2019 2020]
277 Intro
278 REPL terminal saya
279 Menggunakan node pada proyek
280 Menulis di node
281 Mengekspor di node
282 Memblokir dan tidak memblokir
283 Thread, loop peristiwa, dan panggilan stack
284 Threads, event loop dan call stack 2
285 Threads, event loop dan call stack 3
286 Right to the bone

Server node [Legacy - versi kursus 2019 2020]
287 Intro
288 Server sederhana
289 Mengirim respons HTML
290 Mengirim respons JSON
291 Perutean
292 Intro
Ekspres 293 Parameter ekspres dan string kueri
294 middleware
Ekspres 295 Perangkat middleware Ekspres 2
296 Data posting ekspres
297 Node server dan bereaksi
298 Node server dan bereaksi 2

Database dengan Mongo DB [Legacy - versi kursus 2019 2020]
299 Intro
300 Menginstal driver mongo dan mongo
301 Menggunakan driver mongo
302 Menggunakan driver mongo 2
303 Mongoose, model dan skema
304 Mongoose posting
305 Mongoose mendapatkan
306 Mongoose hapus
307 Mongoose memperbarui

Otentikasi [Legacy - kursus versi 2019 2020]
308 Menggunakan tukang pos
309 Membuat server
310 Menambahkan pengguna
311 Menggunakan bcrypt
312 Kata sandi hash
313 Kata sandi hash 2
314 Kata sandi hash 3
315 Apa itu JWT
316 Membuat token
317 Memvalidasi token
318 Auth middleware
319 Logout pengguna

Menerapkan [Legacy - kursus versi 2019 2020]
320 Membuat proyek Heroku
321 Menghubungkan mongo DB cloud
322 Menyelesaikan penerapan

Proyek Rak buku [Legacy - kursus versi 2019 2020]
323 Pendahuluan
324 Membuat server
325 Model pengguna
326 Kata sandi hashing
327 Pengguna login
328 Memvalidasi token
329 Pengguna logout
330 Model buku
331 Memposting buku
332 Mendapatkan, menambal, dan menghapus buku
333 Mendapatkan semua buku
334 Menyiapkan redux
335 Membuat header dan sidenav
336 Menambahkan tautan ke sidenav
337 Membuat login
338 Mengirim tindakan login
339 Login masuk dan menangkap kesalahan
340 Auth HOC
341 Logout pengguna
342 Opsi Sidenav
343 Membuat tambah kiriman bagian
344 Memvalidasi field
345 Memposting buku
346 Menyelesaikan posting tambah buku
347 Membuat edit buku
348 Membuat edit buku 2
349 Menyelesaikan edit buku
350 Posting admin bagian
351 Dapatkan artikel rumah
352 Dapatkan artikel rumah 2
353 Beranda loadmore
354 Tampilan artikel
355 Menyebarkan ke heroku
356 Menerapkan ke heroku 2

BONUS ES6 Kursus
357 Pengantar ES6
358 CONST dan LET
359 CONST dan LET Menggunakan lingkup
360 CONST dan LET Contoh kehidupan nyata
361 CONST dan LET Latihan satu
362 CONST dan LET Latihan satu solusi
363 CONST dan LET Latihan dua
364 CONST dan LET Latihan dua - solusi
365 Template strings
366 Template strings 2
367 Template strings 3
368 Template strings 4
369 Template strings Latihan satu
370 Template strings Latihan satu solusi
371 Template strings Latihan dua
372 Template strings Latihan dua solusi
373 Foreach
374 Foreach 2
375 Foreach 3
376 Foreach Latihan
377 Latihan Foreach - solusi
378 Peta
379 Peta 2
380 Peta Latihan satu
381 Peta Latihan satu solusi
382 Peta Latihan dua
383 Peta Latihan dua solusi
384 Filter
385 Filter 2
386 Filter Latihan satu
387 Filter Latihan satu solusi
388 Filter Latihan dua
389 Filter Latihan dua - solusi
390 Temukan
391 Temukan 2
392 Setiap & beberapa
393 Setiap & beberapa 2
394 Kurangi
395 Kurangi 2
396 Kurangi Latihan satu
397 Kurangi Latihan satu solusi
398 Kurangi Latihan dua
399 Kurangi Latihan dua - solusi
400 Untuk…. Dari
401 Fungsi panah lemak
402 Fungsi panah lemak 2403 Fungsi panah
lemak Latihan
404 Fungsi panah lemak Solusi latihan
405 Literal objek
406 Literal objek 2407
Literal objek Latihan
408 Literal objek Latihan - solusi
409 Argumen
fungsi default 410 Argumen fungsi default - latihan
411 Argumen fungsi default Latihan - solusi
412 Operator istirahat
413 Operator penyebar
414 Latihan Istirahat dan Penyebaran satu
415 Latihan Istirahat dan Sebar dua
416 Latihan Istirahat dan Sebar dua - solusi
417 Kelas
418 Kelas 3
419 Kelas 4
420 Merusak
421 Penghancuran 2
422 Penghancuran 3
423 Menghancurkan 4
424 Janji dan mengambil
425 Janji dan mengambil 2
426 Janji dan mengambil 3
427 Janji dan mengambil 4
428 String dan angka
429 String dan angka 2
430 Modul
431 Modul 2
432 Modul 3
433 Generator
434 Generator 2
435 Generator 3
436 Generator 4
437 Generator 5
438 Iterasi set
439 Iterasi peta

Up-load.io
1. complete-react-fullstack-course.part01.rar
2. complete-react-fullstack-course.part02.rar
3. complete-react-fullstack-course.part03.rar
4. complete-react-fullstack-course.part04.rar
5. complete-react-fullstack-course.part05.rar
6. complete-react-fullstack-course.part06.rar
7. complete-react-fullstack-course.part07.rar
8. complete-react-fullstack-course.part08.rar
9. complete-react-fullstack-course.part09.rar
10. complete-react-fullstack-course.part10.rar

Google Drive
1. complete-react-fullstack-course.part01.rar
2. complete-react-fullstack-course.part02.rar
3. complete-react-fullstack-course.part03.rar
4. complete-react-fullstack-course.part04.rar
5. complete-react-fullstack-course.part05.rar
6. complete-react-fullstack-course.part06.rar
7. complete-react-fullstack-course.part07.rar
8. complete-react-fullstack-course.part08.rar
9. complete-react-fullstack-course.part09.rar
10. complete-react-fullstack-course.part10.rar

SHARE THIS