Pelatihan Full Stack Developer

Pelajaran 1 • Cara Kerja Web

Mencakup siklus permintaan-respons HTTP, resolusi DNS, dan pipeline rendering browser. Membangun tulang punggung konseptual untuk setiap keputusan full-stack yang dibuat nanti.

Pelajaran 2 • Perkakas Pengembang dan Dasar-Dasar Terminal

Memperkenalkan baris perintah, manajer paket, dan editor kode sebagai alat sehari-hari. Kemahiran di sini mempercepat setiap latihan langsung selanjutnya.

Pelajaran 3 • Struktur Proyek dan Standar Pengkodean

Menetapkan konvensi folder, aturan linting, dan standar pemformatan yang digunakan di seluruh kursus. Struktur yang konsisten mengurangi beban kognitif pada proyek multi-file di kemudian hari.

Pelajaran 1 • Tata Letak Flexbox dan CSS Grid

Mengajarkan kedua sistem tata letak dengan kasus penggunaan praktis untuk masing-masing. Siswa membangun tata letak dua kolom responsif dan kartu-grid hanya menggunakan CSS.

Pelajaran 2 • Dasar-Dasar CSS dan Box Model

Menjelaskan selektor, spesifisitas, pewarisan, dan box model sebagai dasar dari semua gaya visual. Siswa menata halaman multi-bagian pada akhir bagian.

Pelajaran 3 • Desain Responsif dan Media Queries

Menerapkan prinsip desain mobile-first dan strategi breakpoint ke tata letak nyata. Siswa mengadaptasi desain desktop agar berfungsi di seluruh viewport ponsel, tablet, dan desktop.

Pelajaran 4 • Animasi dan Transisi CSS

Memperkenalkan animasi keyframe dan properti transisi untuk menambahkan gerakan tanpa JavaScript. Menghubungkan polesan visual dengan prinsip pengalaman pengguna yang diperkenalkan di bagian tata letak.

Pelajaran 1 • Modul dan Perkakas JavaScript Modern

Memperkenalkan modul ES, bundler, dan transpiler untuk menyiapkan kode untuk lingkungan produksi. Siswa mengonfigurasi proyek Vite dan melakukan impor/ekspor di beberapa file.

Pelajaran 2 • JavaScript Asinkron

Menjelaskan event loop, callback, Promise, dan async/await untuk menangani operasi yang tertunda waktu. Siswa mengambil data dari API publik dan merendernya ke DOM.

Pelajaran 3 • Sintaks Inti JavaScript dan Tipe Data

Mencakup variabel, primitif, operator, dan koersi tipe sebagai blok bangunan semua kode JS. Penguasaan di sini mencegah bug pemula yang paling umum di proyek selanjutnya.

Pelajaran 4 • Alur Kontrol dan Fungsi

Mengajarkan kondisional, loop, dan deklarasi fungsi termasuk arrow function dan closure. Siswa merefaktor kode prosedural menjadi fungsi yang dapat digunakan kembali dan memiliki lingkup yang jelas.

Pelajaran 1 • State Global dengan Context dan Reducer

Mengajarkan Context API dan useReducer untuk berbagi state di seluruh komponen yang bersarang dalam. Siswa merefaktor state yang dioperkan melalui prop ke penyimpanan context terpusat.

Pelajaran 2 • Konsep Inti React dan JSX

Memperkenalkan model komponen, sintaks JSX, dan DOM virtual sebagai ide fundamental React. Siswa merender pohon komponen dan memahami bagaimana React memperbarui UI.

Pelajaran 3 • React Router dan Navigasi

Menerapkan routing sisi klien dengan rute bersarang, segmen dinamis, dan rute yang dilindungi. Siswa menambahkan navigasi multi-halaman ke aplikasi React mereka.

Pelajaran 4 • Manajemen State dengan Hook

Mencakup useState, useEffect, dan hook kustom untuk mengelola state komponen lokal dan efek samping. Siswa membangun formulir interaktif dengan validasi dan umpan balik langsung.

Pelajaran 1 • Prinsip Desain RESTful API

Menerapkan batasan REST untuk mendesain endpoint API yang konsisten dan dapat diprediksi dengan kode status yang tepat. Siswa merefaktor API ad-hoc menjadi struktur berbasis sumber daya yang sepenuhnya RESTful.

Pelajaran 2 • Express Framework dan Routing

Membangun aplikasi Express terstruktur dengan penangan rute, parameter rute, dan string kueri. Siswa mengatur rute ke dalam file router terpisah mengikuti konvensi REST.

Pelajaran 3 • Runtime Node.js dan Modul Inti

Menjelaskan arsitektur berbasis peristiwa Node.js, sistem modul, dan modul bawaan untuk I/O file dan jaringan. Siswa menulis skrip menggunakan modul fs, path, dan http.

Pelajaran 4 • Validasi Input dan Penanganan Kesalahan

Menerapkan validasi berbasis skema dan respons kesalahan terpusat untuk memperkuat API. Siswa menambahkan middleware validasi yang mengembalikan pesan kesalahan terstruktur ke klien.

Pelajaran 1 • Integrasi ORM dengan Prisma

Menggunakan Prisma untuk mendefinisikan skema, menghasilkan klien type-safe, dan melakukan operasi CRUD dari Node.js. Siswa mengganti kueri SQL mentah di API mereka dengan panggilan klien Prisma.

Pelajaran 2 • NoSQL dengan MongoDB dan Mongoose

Memperkenalkan pemodelan data berbasis dokumen dan skema Mongoose untuk penyimpanan yang fleksibel dan tanpa skema. Siswa membangun endpoint API kedua yang didukung oleh MongoDB untuk membandingkannya dengan SQL.

Pelajaran 3 • Memilih dan Menghubungkan Basis Data

Membandingkan trade-off SQL dan NoSQL serta mencakup connection pooling dan konfigurasi berbasis lingkungan. Siswa mengonfigurasi API mereka untuk mengganti basis data melalui variabel lingkungan.

Pelajaran 4 • Pengaturan PostgreSQL dan Kueri Lanjutan

Menerapkan keterampilan SQL ke PostgreSQL dengan indeks, transaksi, dan batasan untuk integritas data tingkat produksi. Siswa menjalankan migrasi dan skrip seed terhadap instance PostgreSQL lokal.

Pelajaran 1 • JSON Web Token dan Refresh Token

Mencakup struktur JWT, penandatanganan, verifikasi, dan rotasi refresh token untuk sesi persisten. Siswa mengimplementasikan login, penerbitan token, dan refresh diam-diam di API mereka.

Pelajaran 2 • Praktik Terbaik Keamanan Web

Membahas ancaman teratas OWASP termasuk XSS, CSRF, injeksi SQL, dan header yang tidak aman. Siswa mengaudit aplikasi mereka dan menerapkan perbaikan Helmet.js dan sanitasi input.

Pelajaran 3 • OAuth 2.0 dan Login Pihak Ketiga

Mengintegrasikan alur kode otorisasi OAuth 2.0 untuk login sosial menggunakan penyedia seperti Google. Siswa menambahkan tombol login pihak ketiga yang berfungsi ke aplikasi full-stack mereka.

Pelajaran 4 • Kontrol Akses Berbasis Peran

Merancang model izin dengan peran dan pengawal yang diterapkan sebagai middleware Express dan pembungkus rute React. Siswa membatasi endpoint API dan halaman UI berdasarkan peran pengguna.

Pelajaran 1 • Integrasi Full-Stack dan Proyek Capstone

Menghubungkan semua lapisan—frontend React, API Express, basis data, dan auth—menjadi satu aplikasi yang dapat di-deploy. Siswa mempresentasikan proyek langsung yang lengkap fitur yang menunjukkan kompetensi ujung ke ujung.

Pelajaran 2 • Pengaturan Pipeline CI/CD

Mengotomatiskan pengujian, pembangunan, dan deployment menggunakan layanan CI/CD yang dipicu oleh push Git. Siswa mengonfigurasi pipeline yang menjalankan pengujian dan men-deploy saat merge ke main.

Pelajaran 3 • Kontainerisasi dengan Docker

Mengemas API Node.js dan basis data ke dalam kontainer Docker untuk lingkungan yang konsisten di seluruh mesin. Siswa menulis Dockerfile dan file Compose untuk pengembangan multi-layanan lokal.

Pelajaran 4 • Deployment dan Hosting Cloud

Men-deploy backend API ke platform cloud dan frontend React ke layanan hosting statis. Siswa mengonfigurasi domain kustom, HTTPS, dan rahasia lingkungan.