Course Outline

React 19: Pengembangan Front-End Modern

  • Bekerja dengan Hooks: useState, useEffect, useReducer
  • Menggunakan Context API untuk pengelolaan state
  • Menerapkan routing dengan React Router
  • Praktik terbaik dalam struktur file, keberulangan, dan kinerja

TypeScript untuk Pengembang React

  • Keselamatan tipe: types, interfaces, enums, generics
  • Menentukan tipe props, state, hooks, dan event handlers
  • Membuat tipe dan fungsi utilitas yang dapat digunakan kembali

React + TypeScript dalam Praktek

  • Membangun komponen skala besar dengan penentuan tipe yang kuat
  • Menyusun generics dengan props dan hooks
  • Taktik penentuan tipe praktis untuk proyek dunia nyata

Pengujian Aplikasi React

  • Pendahuluan tentang Jest dan React Testing Library
  • Menulis unit test untuk komponen dan hooks
  • Mengetes operasi async dan panggilan API
  • Praktik terbaik untuk cakupan pengujian dan debugging

Next.js 15: Kerangka Kerja Full-Stack React

  • App Router vs Pages Router
  • Rendernya server-side dan pembuatan situs statis
  • API routes dan middleware
  • Optimasi gambar dan kinerja

Node.js + Express: Dasar-dasar Backend API

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

REST API dengan Prisma dan PostgreSQL

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

Kontrol Versi dengan Git

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

DevOps untuk Aplikasi Full-Stack

  • Konsep dan alur kerja CI/CD
  • Pendahuluan tentang Docker dan kontainerisasi
  • Penyimpanan dasar di platform cloud (misalnya, Vercel, Heroku)
  • Pemantauan dan pencatatan error

Data Warehousing dan Data Lakes

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

Mengintegrasikan Kecerdasan Buatan

  • Latar belakang tentang kasus penggunaan AI di web apps
  • Menghubungi API AI eksternal (misalnya, OpenAI, Hugging Face)
  • Memanfaatkan AI untuk ringkasan teks, chatbots, dan analitik

Ringkasan dan Langkah Selanjutnya

Requirements

  • Pemahaman tentang dasar-dasar JavaScript dan prinsip pengembangan web
  • Pengalaman dengan HTML/CSS dan kerangka kerja front-end
  • Ketahui dasar tentang API dan basis data akan sangat membantu

Audience

  • Developer frontend dan backend
  • Insinyur perangkat lunak yang beralih ke peran Full-Stack
  • Petugas teknis yang membangun aplikasi web berskala besar
 28 Hours

Number of participants


Price per participant

Testimonials (1)

Upcoming Courses (Minimal 5 peserta)

Related Categories