[C] Roadmap Pengembang Web Junior hingga Senior Lengkap (2021)

Inggris | MP4 | AVC 1920 × 1080 | AAC 44KHz 2ch | 36j 34m | 21,4 GB

Beralih dari Pengembang Junior ke Pengembang Senior. Pelajari semua keterampilan teknis yang diketahui oleh Pengembang Web Senior!

Di akhir kursus ini, Anda akan memiliki aplikasi pengenalan gambar yang berfungsi penuh untuk dipamerkan di portofolio Anda. Lebih penting lagi, Anda akan dapat menerapkan dan menambahkan keahlian di bawah ini ke resume Anda, mengesankan atasan Anda, dan sukses dalam wawancara Anda berikutnya (Percayalah, beberapa di antaranya mungkin tidak berarti apa-apa bagi Anda sekarang, tetapi itu adalah topik yang SEMUA Pengembang Senior tahu). Anda akan dibawa dari nol mutlak untuk mengetahui cara:

Gunakan React dan Redux (+ React Hooks) untuk membangun aplikasi yang kompleks dan besar.
Tingkatkan kinerja aplikasi web apa pun (Pemisahan Kode, Load Balancing, Caching, Pengoptimalan Kode, dan banyak lagi)
Gunakan SSH di server linux jarak jauh dan buat kunci ssh
Gunakan Webpack dan Parcel untuk menyiapkan proyek dan memaketkan file Anda
Menerapkan keamanan yang tepat dan mengamankan aplikasi Anda seperti seorang ahli
Gunakan AWS Lambda dan arsitektur Tanpa Server untuk mengelola aplikasi yang dapat menangani jutaan pengguna
Gunakan Ketikan pada sebuah proyek untuk memiliki lebih sedikit bug dalam kode Anda
Tulis semua jenis pengujian dan pelajari tentang semua alat pengujian yang dapat Anda gunakan untuk membuat perangkat lunak yang lebih baik
Gunakan Docker dan buruh pelabuhan menulis untuk membuat kontainer untuk layanan Anda
Gunakan Sesi dan JWT untuk mengelola otentikasi dan otorisasi pengguna
Gunakan database Redis untuk manajemen sesi dan caching
Putuskan kapan menggunakan Server Side Rendering vs Client Side Rendering untuk proyek Anda
Buat Aplikasi Web Progresif yang berfungsi offline seperti aplikasi seluler asli.
Terapkan Integrasi Berkelanjutan, Pengiriman Berkelanjutan, Penerapan Berkelanjutan untuk perusahaan Anda dan buat atasan Anda senang.

Keterampilan di atas persis seperti yang diketahui oleh Pengembang Senior dan dapat digunakan dalam hal keterampilan teknis mereka. Anda tidak hanya akan memahami bagaimana melakukan hal-hal ini, tetapi yang paling penting, Anda akan sangat memahami mengapa mereka ada dan masalah apa yang mereka selesaikan sehingga ketika ditanya dalam sebuah wawancara, Anda dapat berbicara dengan cerdas tentang mereka, atau ketika ditanya oleh atasan Anda, Anda dapat memimpin proyek dan mengimplementasikannya.

Dalam kursus ini, Anda akan dibawa melalui video dan latihan online. Ini akan mengikuti alur cerita di mana Anda dipekerjakan oleh Keiko Corp. Mereka adalah perusahaan teknologi yang berkembang pesat yang memiliki dua produk yang pasti membutuhkan pekerjaan. Setiap bagian kursus akan memecahkan masalah berbeda untuk perusahaan ini yang meniru skenario kehidupan nyata yang akan Anda temui sebagai pengembang senior.

Anda akan merasa nyaman menggunakan keterampilan di bawah ini dan Anda akan dapat memasukkannya ke dalam resume Anda:

SSH
Bereaksi + Redux
Webpack + Parcel
Node.js + Express
Optimalisasi Kinerja Bagian Depan
Optimasi Kinerja Back End
Aplikasi Web Progresif
Ketikan
Pengujian Perangkat Lunak
Server Side Rendering dan Client Side Rendering
Optimasi Keamanan Front End
Optimasi Keamanan Back End
Buruh pelabuhan
Redis
Sesi + JWT
Layanan Web Amazon
Arsitektur Tanpa Server
Integrasi Berkelanjutan
Pengiriman Berkelanjutan

Kursus ini adalah akumulasi dari semua tahun saya bekerja, belajar, dan mengajar coding, dan semua frustrasi serta informasi yang tidak lengkap yang saya temui selama ini. Ada begitu banyak informasi di luar sana, begitu banyak pendapat, dan begitu banyak cara untuk melakukan sesuatu, yang kecuali Anda telah menghabiskan beberapa tahun terakhir bekerja dengan teknologi ini di sebuah perusahaan, Anda tidak akan pernah sepenuhnya mengerti. Jadi kursus ini adalah jawaban dari masalah yang sebenarnya. Saya telah membaca ribuan buku coding dan tutorial online serta bootcamp dan telah bekerja serta berkonsultasi pada beberapa proyek yang sangat besar. Saya telah bekerja dengan alat ini pada aplikasi nyata. Selama bertahun-tahun saya telah membuat catatan tentang apa yang berhasil, dan apa yang tidak, dan saya telah membuat kursus ini untuk mempersempit cara terbaik untuk belajar dan informasi paling relevan bagi Anda untuk menjadi pengembang web superstar.

Apa yang akan Anda pelajari ?

Keterampilan yang memungkinkan Anda melamar pekerjaan dalam peran berikut: Pengembang Web, Pengembang Perangkat Lunak, Bagian Depan
Pengembang, Pengembang Javascript, atau Pengembang Full Stack
Miliki aplikasi pengenalan gambar berfitur lengkap untuk dimasukkan ke dalam portofolio Anda yang akan membuat perusahaan manapun terkesan
Anda tidak akan lagi atau merasa seperti Pengembang Junior
Pimpin proyek teknis sebagai Pengembang Senior
Pelajari teknologi yang digunakan di belakang perusahaan teknologi terbesar pada tahun 2021
Kuasai konsep dasar maju dan modern dalam pengembangan web

Daftar isi

Pendahuluan
1 Tinjauan Kursus
2 Bergabunglah dengan Ruang Kelas Online Kami!
3 Latihan Bertemu Komunitas
4 Hari Pertama Bekerja
5 Sebelum Memulai
6 Jangan Menjadi Pengembang Junior

SSH
7 Permintaan Bruno
8 Pengenalan SSH
9 Perintah SSH
10 Sumber Daya Perintah SSH
11 Menyimpan Hari Melalui SSH
12 Pengaturan
Samudra Digital Opsional 13 Server Laut Digital Opsional
14 Cara Kerja SSH
15 Enkripsi Simetris
16 Enkripsi Asimetris
17 Sumber Daya Enkripsi Asimetris
18 Pencirian
19 Sandi Atau SSH
20 SSH Ke Server
21 Catatan Cepat SSH Ke Server
22 Sumber Daya SSH Ke Server
23 Latihan Menyiapkan SSH di Github
24 Solusi Ekstra Siapkan SSH di Github
25 Solusi Siapkan SSH di Github
26 Opsional Berkontribusi ke Proyek Sumber Terbuka
27 Ringkasan Bagian
28 Pengembang Web Bulanan

Performa Bagian 1
29 Permintaan Bruno
30 Pengantar Performa Bagian 1
31 Kunci Performa
32 Performa Jaringan
33 Format File Gambar
34 Sumber Daya Format File
Gambar 35 Pengoptimalan
Gambar 36 Pengoptimalan Gambar 2
37 Latihan # 1 - Kueri Media
38 Pengoptimalan Pengiriman
39 Sumber Daya Pengoptimalan Pengiriman
40 Latihan # 2 - Optimasi Jaringan
41 Solusi # 2 - Optimasi Jaringan
42 Jalur Render Kritis Pendahuluan
43 Jalur Render Kritis 1
44 Jalur Render Kritis 2
45 Jalur Render Kritis 3
46 Sumber Daya Asinkron + Tunda
47 Jalur Render Kritis 4
48 Latihan # 3 - Jalur Render Kritis
49 Latihan # 4 - Situs Web Keiko Corp
50 Sumber Daya Situs Web Keiko Corp
51 Solusi Situs Web Keiko Corp
52 Pemuatan Sumber Daya Opsional
53 Alat Kinerja Sumber Daya
54 HTTP 2
55 Sumber Daya HTTP 2
56 HTTP 3
57 Ringkasan Bagian

React + Redux + Module Bundling
58 Permintaan Bruno
59 Ikhtisar Bagian
60 Pembaruan Kode Untuk Bagian Ini
61 Angular vs React vs Vue
62 Panduan Pembelajaran
63 Catatan
Singkat Tentang React 64 CWD Pengantar React.js
65 CWD CRA Growing Pains
66 CWD create-react- aplikasi
67 CWD create-react-app 2
68 CWD create-react-app 3
69 Kelas Catatan Cepat vs Aplikasi Fungsional. js
70 Kode CWD Dari Video Sebelumnya
71 Catatan Cepat CRA 4
72 CWD Komponen React Pertama Anda
73 CWD Membangun Aplikasi React 1
74 React.Fragment dan Semantic HTML
75 CWD Membangun Aplikasi React 2
76 CWD Membangun Aplikasi React 3
77 CWD Menata Aplikasi React Anda
78 CWD Membangun Aplikasi React 4
79 CWD Membangun Aplikasi React 5
80 CWD Membangun Aplikasi React 6
81 File Proyek
82 CWD Menjaga Proyek Anda Tetap Terbaru
83 Latihan React 17
84 Solusi React 17
85 CWD React Review
86 CWD Error Boundary In React
87 CWD Menerapkan Aplikasi React Kami
88 CWD React Hooks
89 CWD React Hooks 2
90 CWD React Hooks 3
91 CWD React Hooks 4
92 CWD React Hooks 5
93 CWD React Hooks 6
94 CWD React Hooks 7
95 CWD React Hooks 8
96 File Proyek - Hooks
97 CWD React Hooks 9
98 Pengantar Redux dan Webpack
99 Manajemen
Status 100 Mengapa Redux
101 Menginstal Redux
102 Redux Toolkit
103 Tindakan dan
Redux Redux 104 Toko dan Penyedia
Redux 105 Koneksi Redux ()
106 Middleware
Redux 107 Tindakan
Asinkron Redux 108 Struktur Proyek Redux
109 File Proyek - Redux
110 Alat Populer Untuk React + Redux
111 Modul Bundler
112 Pengantar Untuk Webpack
113 Perbarui Babel 7 + ESlint + Webpack 5
114 Webpack
115 Memperbarui Perpustakaan Babel 7 + ESlint
116 Perbaikan Cepat Babel 7 Plugin
117 Sumber Daya Konfigurasi Webpack
118 Parcel
119 Ringkasan Bagian

Performa Bagian 2
120 Permintaan Bruno
121 Ikhtisar Bagian
122 Kode yang Diperbarui Untuk Bagian Ini
123 Mengoptimalkan Kode
124 Pendahuluan Pemisahan Kode
125 Latihan # 1 - Pemisahan
Kode 126 Pemisahan Kode Bagian 1
127 ES2020 Impor dinamis ()
128 Pemisahan Kode Bagian 2
129 Pemisahan Kode Bagian 3
130 Pemisahan Kode Bagian 4
131 Latihan # 2 - Pemisahan Kode
132 Solusi React.lazy () Pemisahan Kode
133 Pengoptimalan Kinerja React
134 Sumber Daya Kinerja
Bereaksi 135 Pengoptimalan Kinerja React 2
136 Sumber Daya Kinerja Reaksi 2
137 Mengoptimalkan Tinjauan Kode
138 Pengambilan Pohon Sumber Daya 101
139 Aplikasi Web Progresif
140 Sumber Daya Aplikasi Web Progresif
141 Contoh Aplikasi Web Progresif
142 PWA - HTTPS
143 Sumber Daya PWA - HTTPS
144 PWA - Manifes Aplikasi
145 Sumber Daya PWA - Manifes Aplikasi
146 PWA - Pekerja Layanan
147 Sumber Daya PWA - Pekerja Layanan
148 PWA - Pikiran Akhir
149 Latihan # 3 - PWA
150 Catatan Singkat Video Mendatang
151 Menerapkan Aplikasi React Kami
152 Pembaruan Service Worker
153 Solusi Bagian 1 -
Solusi PWA 154 Bagian 2 -
File Solusi PWA 155 -
Ringkasan Bagian PWA 156

Pengujian
157 Permintaan Bruno
158 Tinjauan Bagian
159 Kode yang Diperbarui Untuk Bagian Ini
160 Jenis Tes
161 Pustaka Pengujian
162 Catatan Video Berikutnya
163 Tes Unit
164 Tes Integrasi
165 Pengujian Otomasi
166 Catatan Akhir Pada Pengujian
167 Menyiapkan Jest
168 Tes Pertama Kami
169 Tes Penulisan
170 Catatan Cepat Titik Akhir API Yang Akan Datang
171 Tes Asinkron
172 Tes Asinkron 2
173 Sumber Daya Lembar Curang Jest
174 Mock and Spies
175 Latihan # 1 - Menguji Dengan Jest
176 Catatan Menguji Aplikasi React
177 Pengantar Enzim
178 Sumber Daya Enzim
179 Catatan Cepat Snapshot Kosong
180 Pengujian Snapshot
181 Pengujian Snapshot + Cakupan Kode
182 Latihan # 2 - Menguji Komponen Stateful
183 Pengujian Komponen Stateful
184 Rekap Cepat
185 Latihan # 3 - Menguji Komponen Terhubung
186 Menguji Komponen Terhubung
187 Menguji Komponen Terhubung
2188 Latihan # 4 - Menguji Semua Komponen
189 Pengurang Pengujian
190 Tindakan Pengujian
191 Latihan # 5 - Tes Akhir
192 Catatan Tes Apa yang Terbaik
193 Ringkasan Bagian

TypeScript
194 Permintaan Bruno
195 Tinjauan Bagian
196 Kode yang Diperbarui Untuk Bagian Ini
197 Pengetikan Dinamis vs Statis
198 Pengetikan Lemah vs Sangat Ketik
199 Pengetikan Statis Dalam Javascript
200 TypeScript Compiler
201 Sumber Daya Menginstal Node.js
202 Sumber Daya Menginstal TypeScript Compiler
203 TypeScript
204 Sumber Daya TypeScript Di Editor Anda
205 TypeScript 2
206 TypeScript 3
207 Sumber Daya TypeScript
208 TypeScript 4
209 TypeScript 5
210 TypeScript 6
211 Jenis Sumber Vs Antarmuka
212 TypeScript 7
213 Jenis Sumber Daya Pernyataan
214 TypeScript 8
215 TypeScript 9
216 TypeScript 10
217 DefinitelyTyped
218 Pembaruan Buat Aplikasi React dengan TypeScript
219 Latihan # 1 - TypeScript Di Robofriends
220 Sumber Daya TypeScript Di Robofriends
221 Solusi # 1 - TypeScript Di Robofriends
222 Solusi File - TypeScript Di Robofriends
223 Sebuah Lelucon Kecil
224 Ringkasan Bagian

SPA vs Server Side Rendering
225 Permintaan Bruno
226 Tinjauan Bagian
227 CSR vs SSR
228 Server Side Rendering React
229 Catatan SSR Dalam React
230 CSR vs SSR Bagian 2
231 Perpustakaan React SSR
232 Statis vs SSR vs CSR Gatsby.js vs Next.js vs React .js
233 Catatan
Singkat Video Mendatang 234 Menyiapkan Next.js
235 Halaman Next.js
236 Perutean Sisi Klien
237 Latihan # 1 - Perutean Sisi Klien vs Sisi Server
238 Komponen Bersama
239 Aplikasi Dinamis dengan Next.js
240 Latihan # 2 - Diperbarui Berikutnya Fitur .js
241 Menyebarkan Aplikasi Next.js
242 Memperbarui Ke Versi Terbaru Next.js
243 Latihan # 3 - SSR Robofriends
244 Memahami JavaScript SEO
245 Bagian Ringkasan

Keamanan
246 Permintaan Bruno
247 Tinjauan Bagian
248 Bintang Keamanan
249 Suntikan
250 Latihan # 1 - Suntikan
251 Latihan # 2 - File Keamanan
252 Sumber Daya Menginstal PostgreSQL
253 rd Party Libraries
254 Catatan NPM v6
255 Logging
256 HTTPS Di Mana Saja
257 XSS + CSRF
258 Latihan # 3 -
Sumber Daya XSS + CSRF 259 XSS + CSRF
260 Rahasia Kode
261 Header Aman
262 Sumber Daya Aman Header
263 Kontrol Akses
264 Manajemen Data
265 Sumber Daya Menyimpan Kata Sandi
266 Jangan Percayai Siapa Pun
267 Otentikasi
268 Latihan # 4 - Peretasan Opsional
269 Sumber Daya Keamanan Pribadi
270 Bagian Ringkasan

Analisis Kode
271 Permintaan Bruno
272 Tinjauan Bagian
273 Catatan Cepat Pengguna Windows
274 Catatan Cepat Diperbarui API
275 Menyiapkan Lingkungan Anda
276 Latihan # 1 - Aplikasi SmartBrain
277 CWD Opsional - Menginstal PostgreSQL
278 Cara Menganalisis Kode
279 Latihan # 2 - Menganalisis
Latihan Kode 280 # 3 - Deteksi Wajah Ganda
281 Sumber Daya Fitur Baru Komit
282 Solusi # 3 - Deteksi Wajah Ganda
283 Ringkasan Bagian

Docker
284 Permintaan Bruno
285 Tinjauan Bagian
286 Memperbarui Kode Untuk Bagian Ini
287 Docker Container
288 Menginstal Docker
289 Sumber Daya Menginstal Docker
290 Dockerfile
291 Sumber Daya Dockerfile
292 Perintah Docker
293 Dockerfile 2
294 Latihan # 1 - Container Docker Pertama Anda
295 Catatan Cepat Docker Compose
296 Docker Tulis
297 Sumber Daya Perintah Buat Docker
298 Docker-Compose 2
299 Sumber Daya Volume
Docker 300 Docker Compose 3
301 Docker Compose 4
302 Sumber Daya PostgreSQL Dengan Docker
303 Docker Compose
5304 Docker Compose 6
305 Sumber Daya File init.db
306 Docker Compose 7.307
Latihan # 2 - Aplikasi Dockerize SmartBrain
308 File Proyek - Docker
309 Perbarui Jaringan Docker
310 Bagian Ringkasan

Redis
311 Permintaan Bruno
312 Ikhtisar Bagian
313 Catatan Singkat Tentang Video Berikutnya
314 Pengenalan ke Basis Data
315 Menginstal Redis
316 Sumber Daya Menginstal Redis
317 Perintah
Redis 318 Tipe Data
Redis 319 Redis Hashes
320 Daftar
Redis 321 Kumpulan Redis + Kumpulan Terurut
322 Ringkasan Bagian

Sesi + JWT
323 Ikhtisar Bagian
324 Cookie vs Token
325 Sumber Daya Cookie vs Token
326 Yang Kami Bangun
327 JWT
328 Latihan # 1 - JWT
329 Sasaran Proyek
330 Latihan # 2 - Kode Bersama
331 Ikon Profil
332 Ikon Profil Sumber Daya
333 Drop-down Profil
334 Sumber Daya setState () Callback
335 Profile Styling
336 Profil Modal
3337 Profil Modal
338 Profil Modal
3339 Profil Modal 4
340 Sumber Daya Entitas HTML
341 Memperbarui Profil
1.342 Sumber Daya Memperbarui Profil
343 Memperbarui Profil 2
344 Memperbarui Profil 3
345 Otentikasi Pengguna
346 Mengirim Token JWT
347 Menambahkan Redis
348 Latihan # 3 - Menambahkan Redis ke Docker Compose
349 Solusi # 3 - Menambahkan Redis ke Docker Compose
350 Menyimpan Token JWT
351 Mengambil Token Auth
352 Manajemen Sesi Klien
353 Token Pembawa Sumber Daya
354 Sesi Masuk
355 Otorisasi Middleware
356 Memperbaiki Bug
357 Meninjau Kode Kami
358 Memperbarui Aplikasi Kami
359 Opsional Mengapa bcrypt-nodejs
360 Ringkasan Bagian
361 Latihan # 4 - Meningkatkan SmartBrain

AWS
362 Permintaan Bruno
363 Ikhtisar Bagian
364 Kode yang Diperbarui Untuk Bagian Ini
365 Amazon Web Services
366 Layanan Monolitik vs Mikro
367 Amazon Lambda
368 Dasbor Amazon Lambda
369 Catatan Cepat AWS Lambda
370 Tanpa Server
371 Tanpa Server 2
372 IAM
373 Sumber Daya IAM
374 Menerapkan Fungsi
375 Menerapkan Fungsi A
376 Menerapkan Fungsi
377 Perbaikan Bug Cepat
378 Ringkasan Bagian
379 Melatih Fungsi Lambda Anda Sendiri

Kinerja Bagian 3
380 Permintaan Bruno
381 Ikhtisar Bagian
382 CDN
383 GZIP
384 Penskalaan Basis Data
385 Caching 1
386 Caching 2
387 Caching 3
388 Caching Sumber Daya
389 Load Balancing
390 Nginx 1
391 Latihan Pengujian Beban Penyeimbang Beban Anda
392 Nginx 2
393 Sumber Daya Nginx
394 Ringkasan Bagian

CI CD
395 Permintaan Bruno
396 Ikhtisar Bagian
397 Kode yang Diperbarui Untuk Bagian Ini
398 Integrasi Berkelanjutan, Pengiriman, Penerapan
399 Membangun Perangkat Lunak Hebat
400 Sumber Daya Alat CI
401 CircleCI
402 Integrasi Berkelanjutan 1
403 Integrasi Berkelanjutan 2
404 Latihan Aliran CI Anda Sendiri
405 Membangun Perangkat Lunak Hebat 2
406 Bagian Ringkasan

Bit Ekstra
407 Ikhtisar Bagian
408 Kompleksitas vs Kesederhanaan
409 NPM Bukan Teman Anda
410 Belajar Untuk Mempelajari
411 Mulailah Dengan Mengapa
412 Pengesahan Di LinkedIN

Video Terakhir
413 Menjadi Alumni
414 Coding Challenges
415 Yang Anda Nantikan
416 Terima Kasih

Ekstra Untuk Pengguna Windows
417 Pendahuluan Dari Wolfgang
418 Menginstal NodeJs untuk Windows
419 Menginstal PostgreSQL untuk Windows
420 Menyiapkan PostgresSQL untuk CMD, Menggunakan PgAdmin

Bonus Video AMA!
421 AMA - 100.000 Siswa !!
422 [info latihan] Tantangan Terakhir

BONUS BAGIAN
423 Bonus Kuliah

Download