Kerangka Materi

React 19: Pengembangan Front-End Modern

  • Bekerja dengan Hooks: useState, useEffect, useReducer
  • Menggunakan Context API untuk manajemen state
  • Mengimplementasikan routing dengan React Router
  • Best practices dalam struktur file, keterpaksaan ulang, dan kinerja

TypeScript untuk Pengembang React

  • Keamanan tipe: tipe, antarmuka, enums, generics
  • Tipe props, state, hooks, dan penangan event
  • Membuat tipe dan fungsi utilitas yang dapat digunakan berulang kali

React + TypeScript dalam Praktik

  • Membangun komponen yang dapat diskala dengan pengetikan yang kuat
  • Menggabungkan generics dengan props dan hooks
  • Strategi pengetikan praktis untuk proyek dunia nyata

Menguji Aplikasi React

  • Pengantar tentang Jest dan React Testing Library
  • Menulis uji unit untuk komponen dan hooks
  • Menguji operasi asinkron dan pemanggilan API
  • Best practices untuk keterkaitan uji dan pemecahan masalah

Next.js 15: Framework React Full-Stack

  • App Router vs Pages Router
  • Rendering sisi server dan pembuatan situs statis
  • Rute API dan middleware
  • Optimasi gambar dan kinerja

Node.js + Express: Dasar-Dasar API Backend

  • Menyiapkan Express dan arsitektur RESTful
  • Otentikasi dengan JSON Web Tokens (JWT)
  • Pola controller-service dan struktur rute
  • Melindungi dan memvalidasi permintaan API

REST API dengan Prisma dan PostgreSQL

  • Menyiapkan Prisma dengan PostgreSQL
  • Pemodelan skema dan migrasi
  • Melakukan operasi CRUD
  • Mengintegrasikan klien Prisma dengan rute Express

Pengendalian Versi dengan Git

  • Dasar-dasar Git: init, clone, commit, push, pull
  • Cabang, penggabungan, dan permintaan tarik
  • Bekerja dengan GitHub dan kolaborasi tim

DevOps untuk Aplikasi Full-Stack

  • Konsep dan alur kerja CI/CD
  • Pengenalan Docker dan containerisasi
  • Penempatan dasar pada platform cloud (misalnya, Vercel, Heroku)
  • Pemantauan dan pencatatan kesalahan

Data Warehousing dan Data Lakes

  • Perbedaan antara data warehouse dan data lakes
  • Konsep pipa data dalam arsitektur Full-Stack
  • Peran sistem backend dalam pengambilan dan struktur data

Mengintegrasikan Kecerdasan Buatan

  • Tinjauan kasus penggunaan AI dalam aplikasi web
  • Memanggil API AI eksternal (misalnya, OpenAI, Hugging Face)
  • Menggunakan AI untuk ringkasan teks, chatbot, dan analisis

Ringkasan dan Langkah Selanjutnya

Persyaratan

  • Pengertian dasar JavaScript dan prinsip pengembangan web
  • Pengalaman dengan HTML/CSS dan framework front-end
  • Pengetahuan dasar tentang APIs dan database dapat membantu

Penonton

  • Pengembang frontend dan backend
  • Insinyur perangkat lunak yang berpindah ke peran Full-Stack
  • Profesional teknis yang membangun aplikasi web skalabel
 28 Jam

Jumlah Peserta


Biaya per Peserta

Testimoni (5)

Kursus Mendatang

Kategori Terkait