Kerangka Materi
Pengembangan aplikasi front-end modern
- Pandangan umum dan kesamaan antara React, Angular, Vue.js
- penerapan tampilan deklaratif
- komponen - mendefinisikan tag HTML kustom
- menggunakan create-react-app untuk memulai proyek React
JavaScript Modern
- mengembangkan menggunakan node.js dan npm
- versi JavaScript
- berkerja dengan modul
- fungsi dan fungsi panah
- kelas
- pemrograman fungsional di JavaScript (map, filter, ...)
TypeScript
- pemrograman statis vs dinamis
- mendeklarasikan jenis variabel, fungsi dan kelas
- tipe data dasar
- tuples, objek
- antarmuka
- generik
Bahasa templat React
- bahasa templat berbasis JavaScript: JSX
- mengatur properti elemen
- mengulang elemen
- if / else
- peristiwa
- kelas CSS dan gaya
Mengelola keadaan di React
- mengatur dan mengubah keadaan aplikasi
- menggunakan state hook dan setState
- mencatat konten elemen masukan dalam keadaan
Komponen: Bahan bangunan aplikasi web modern
- mendefinisikan tag HTML kustom dalam React
- keadaan, properti & peristiwa
- alur data antara komponen
- komponen fungsi dan komponen kelas
- menggunakan hooks dalam komponen fungsi
- peristiwa lifecycle komponen (mount, update, unmount)
- memasukkan komponen yang telah ditentukan dari sebuah perpustakaan
Manajemen keadaan dengan Redux
- Dasar-dasar Redux: manajemen keadaan dengan fungsi murni, reducer dan data tidak dapat diubah
- menggunakan reducer hook dalam React
- mengintegrasikan Redux ke dalam aplikasi React
- komponen presentasi dan container
- ekosistem Redux
- menanganani peristiwa asynchronous dengan Thunk
- mengambil data dari REST API
Alat pengembang dan pengujian
- Alat pengembang React
- Alat pengembang Redux
- Menguji JavaScript dengan Jest
- Menguji reducer
- Menguji komponen React
React Router
- penelusuran sisi klien
- menampilkan tampilan yang berbeda berdasarkan jalur browser saat ini
Pengembangan aplikasi dengan React
- pandangan singkat mengenai React Native
- membuat aplikasi mobile dan desktop yang dapat diinstal dengan Progressive Web Apps
- perbandingan antara Progressive Web Apps dan aplikasi native
Persyaratan
- Dasar-dasar HTML
- Pengalaman dengan JavaScript
Testimoni (7)
Detailnya, cara penjelasannya, serta ketenangan dan kepercayaan diri yang menginspirasi pelatih.
Cosmin Ghergheles - Ness
Kursus - React, Redux and TypeScript
Diterjemahkan Mesin
It covered the basic components
Valentin
Kursus - React, Redux and TypeScript
Lukasz's enthusiasm.
Eloise Phelps - Dunelm
Kursus - React, Redux and TypeScript
How Luke made a good effort to helping people individually when they were having problems running the code. Luke was extremely friendly and got a long well with the course participants.
Jonathan Grout - Dunelm
Kursus - React, Redux and TypeScript
The engagement from the trainer with all the participants was great, everyone got help at some stage of the course. It was a great experience overall, specially for people not familiar with the subject.
Tayyab Ejaz Mushtaq - Dunelm
Kursus - React, Redux and TypeScript
I liked the fact it felt like a safe environment and I didn't feel intimidated sharing my screen and my struggles with the trainer or the group.
Wanda Hawkins-Kavanagh - Dunelm
Kursus - React, Redux and TypeScript
I liked the fact that the course had exercises. I liked the way Lukasz tried to help each of us and the way he handle the anxiety of some of the other participants. I liked that he was knowledgeable of the subject.