Kerangka Materi
Pengembangan aplikasi front-end modern
- Tinjauan dan kesamaan antara React, Angular, dan Vue.js
- Penggambaran deklaratif (declarative rendering)
- Komponen - mendefinisikan tag HTML kustom
- Menggunakan create-react-app untuk menginisiasi proyek React
JavaScript Modern
- Pengembangan menggunakan node.js dan npm
- Versi JavaScript
- Bekerja dengan modul
- Fungsi dan panah fungsi (arrow functions)
- Kelas
- Program fungsional dalam JavaScript (map, filter, ...)
TypeScript
- Pengetikan statis vs dinamis
- Mendeklarasikan tipe variabel, fungsi, dan kelas
- Tipe data dasar
- Tupel, objek
- Antarmuka (interfaces)
- Generik
Bahasa template React
- Bahasa template berbasis JavaScript: JSX
- Menetapkan properti elemen
- Mengulang elemen
- if / else
- Peristiwa (events)
- Kelas dan gaya CSS
Manajemen state di React
- Menetapkan dan mengubah state aplikasi
- Menggunakan state hook dan setState
- Mencatat konten elemen input ke dalam state
Komponen: Balok bangunan aplikasi web modern
- Mendefinisikan tag HTML kustom di React
- State, props & events
- Alur data antar komponen
- Komponen fungsi dan komponen kelas
- Menggunakan hooks pada komponen fungsi
- Peristiwa siklus hidup komponen (mount, update, unmount)
- Mengikutsertakan komponen yang sudah didefinisikan sebelumnya dari pustaka
Manajemen state dengan Redux
- Dasar-dasar Redux: manajemen state dengan fungsi murni, reducer, dan data immutable
- Menggunakan reducer hook di React
- Integrasi Redux ke dalam aplikasi React
- Komponen presentasional dan komponen container
- Ekosistem Redux
- Menangani peristiwa asinkron dengan Thunk
- Menjemput data dari API REST
Alat pengembang dan pengujian
- Alat pengembang React
- Alat pengembang Redux
- Pengujian JavaScript dengan Jest
- Pengujian reducer
- Pengujian komponen React
React Router
- Routing sisi klien
- Menampilkan tampilan berbeda berdasarkan rute browser saat ini
Pengembangan aplikasi dengan React
- Tinjauan singkat tentang React Native
- Membuat aplikasi mobile dan desktop yang dapat diinstal menggunakan Progressive Web Apps
- Perbandingan Progressive Web Apps dan aplikasi native
Persyaratan
- Dasar-dasar HTML
- Pengalaman dengan JavaScript
Testimoni (7)
Sangat menyenangkan akhirnya dapat memahami dengan baik beberapa konsep inti dalam React, terutama hal-hal seperti state dan hooks. Łukasz memberikan penjelasan yang sangat jelas tentang topik-topik tersebut, dan dengan senang hati bereksperimen dengan contoh kerja untuk membantu memperjelas pertanyaan-pertanyaan lain yang kami miliki.
Hayden Pike - Powerlink Queensland
Kursus - React, Redux and TypeScript
Diterjemahkan Mesin
Rincian yang diberikan, cara penjelasan, dan ketenangan serta kepercayaan diri yang diinspirasikan oleh pelatih.
Cosmin Ghergheles - Ness
Kursus - React, Redux and TypeScript
Diterjemahkan Mesin
Ini mencakup komponen-komponen dasar
Valentin
Kursus - React, Redux and TypeScript
Diterjemahkan Mesin
Lukasz's enthusiasm.
Eloise Phelps - Dunelm
Kursus - React, Redux and TypeScript
Bagaimana Luke berusaha dengan baik untuk membantu peserta secara individu ketika mereka mengalami masalah saat menjalankan kode. Luke sangat ramah dan akur dengan peserta kursus.
Jonathan Grout - Dunelm
Kursus - React, Redux and TypeScript
Diterjemahkan Mesin
Partisipasi dari instruktur dengan semua peserta sangat baik, setiap orang mendapatkan bantuan pada beberapa tahap kursus. Secara keseluruhan, ini merupakan pengalaman yang luar biasa, terutama bagi orang yang belum familiar dengan topik tersebut.
Tayyab Ejaz Mushtaq - Dunelm
Kursus - React, Redux and TypeScript
Diterjemahkan Mesin
Saya suka karena rasanya seperti lingkungan yang aman dan saya tidak merasa terintimidasi saat berbagi layar dan kesulitan saya dengan pelatih atau kelompok.
Wanda Hawkins-Kavanagh - Dunelm
Kursus - React, Redux and TypeScript
Diterjemahkan Mesin
