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
 21 Jam

Jumlah Peserta


Biaya per Peserta

Testimoni (7)

Kursus Mendatang

Kategori Terkait