Kursus Full Stack Web Developer

Pelajaran 1 • Kontrol Versi dengan Git

Mengajarkan dasar-dasar Git dan alur kerja repositori jarak jauh. Memungkinkan pengkodean kolaboratif dan iterasi yang aman di seluruh kursus.

Pelajaran 2 • Dasar-Dasar Baris Perintah

Membangun kelancaran dalam navigasi sistem file, manajemen proses, dan dasar-dasar skrip. Mendukung penggunaan alat build dan server yang efisien yang akan diperkenalkan nanti.

Pelajaran 3 • Menyiapkan Lingkungan Pengembangan Anda

Menginstal dan mengonfigurasi editor kode, emulator terminal, dan pengelola versi. Memastikan setiap siswa memiliki ruang kerja yang dapat direproduksi dan profesional.

Pelajaran 1 • Elemen Semantik dan Landmark

Mencakup elemen header, nav, main, article, section, aside, dan footer. Meningkatkan aksesibilitas dan pengindeksan mesin pencari pada proyek siswa.

Pelajaran 2 • Tabel, Daftar, dan Konten Tertanam

Mencakup tabel data, daftar terurut dan tidak terurut, serta penyematan iframe. Melengkapi perangkat HTML yang diperlukan sebelum tata letak CSS diperkenalkan.

Pelajaran 3 • Formulir, Input, dan Validasi

Mengajarkan semua jenis input, label, fieldset, dan validasi browser asli. Mempersiapkan siswa untuk penanganan formulir back-end yang akan dibahas di bab selanjutnya.

Pelajaran 1 • Selektor CSS dan Cascade

Menjelaskan spesifisitas, pewarisan, dan algoritma cascade. Mencegah bug penataan yang timbul akibat prioritas aturan yang salah dipahami.

Pelajaran 2 • Tata Letak CSS Grid

Mencakup template grid dua dimensi, area, dan penempatan otomatis. Membekali siswa untuk membangun tata letak halaman yang kompleks tanpa framework eksternal.

Pelajaran 3 • Desain Responsif dan Media Queries

Menerapkan metodologi yang mengutamakan perangkat seluler, breakpoints, dan unit cair. Memastikan semua proyek siswa ditampilkan dengan benar di berbagai ukuran perangkat.

Pelajaran 4 • Tata Letak Flexbox

Mengajarkan perataan satu dimensi dengan flex container dan item. Memungkinkan siswa membangun bilah navigasi, baris kartu, dan tata letak terpusat.

Pelajaran 1 • JavaScript Asinkron

Menjelaskan event loop, callback, Promise, dan async/await. Secara langsung memungkinkan panggilan API dan kueri basis data yang diperkenalkan di bab selanjutnya.

Pelajaran 2 • Array, Objek, dan Destructuring

Mencakup metode array, manipulasi objek, dan sintaks destructuring ES6. Mempersiapkan siswa untuk penanganan data dalam konteks front-end dan back-end.

Pelajaran 3 • Alur Kontrol dan Fungsi

Mengajarkan kondisional, perulangan, dan deklarasi fungsi hingga arrow function. Memungkinkan siswa menulis blok kode yang dapat digunakan kembali dan digerakkan oleh logika.

Pelajaran 4 • Manipulasi DOM dan Event

Mengajarkan cara melakukan kueri, memodifikasi, dan membuat node DOM serta menangani event browser. Menjembatani halaman HTML/CSS statis menjadi aplikasi interaktif.

Pelajaran 1 • React Router dan Navigasi

Menerapkan routing sisi klien dengan React Router. Memungkinkan struktur aplikasi multi-halaman yang diperlukan untuk proyek akhir.

Pelajaran 2 • Konsep Inti React

Memperkenalkan JSX, komponen, dan DOM virtual. Menetapkan model mental yang diperlukan sebelum hooks dan state diperkenalkan.

Pelajaran 3 • Mengambil Data dan Integrasi API

Menggabungkan useEffect dengan fetch dan Axios untuk mengonsumsi REST API. Menghubungkan komponen front-end ke layanan back-end yang akan dibangun nanti.

Pelajaran 4 • State dan Siklus Hidup dengan Hooks

Mencakup useState, useEffect, dan custom hooks untuk mengelola state komponen dan efek samping. Memungkinkan perilaku UI yang dinamis dan digerakkan oleh data.

Pelajaran 1 • Prinsip Desain RESTful API

Menerapkan batasan REST pada penamaan sumber daya, kata kerja HTTP, dan kode status. Menghasilkan API yang dapat diprediksi dan mudah digunakan oleh klien front-end.

Pelajaran 2 • Middleware dan Pemrosesan Permintaan

Menjelaskan pipeline middleware, parsing body, dan penanganan kesalahan. Memungkinkan pemrosesan permintaan yang bersih dan dapat digunakan kembali di semua rute API.

Pelajaran 3 • Runtime Node.js dan Sistem Modul

Mencakup event loop Node, modul CommonJS, dan ekosistem npm. Menetapkan fondasi runtime sisi server untuk semua pekerjaan back-end.

Pelajaran 4 • Validasi Input dan Penanganan Kesalahan

Menerapkan validasi berbasis skema dan respons kesalahan terstruktur. Memperkuat API sebelum integrasi basis data dan autentikasi ditambahkan.

Pelajaran 1 • Keamanan dan Kinerja Basis Data

Mencakup kueri terparameter, connection pooling, dan strategi pengindeksan. Mencegah injeksi SQL dan memastikan API dapat diskalakan di bawah beban.

Pelajaran 2 • Integrasi ORM dengan Node.js

Menerapkan ORM untuk mendefinisikan model, asosiasi, dan migrasi. Menghubungkan Express API ke basis data relasional dengan SQL mentah yang minimal.

Pelajaran 3 • NoSQL dengan Basis Data Dokumen

Memperkenalkan penyimpanan dokumen, koleksi, dan skema fleksibel. Membekali siswa untuk memilih jenis basis data yang tepat untuk berbagai bentuk data.

Pelajaran 4 • Dasar-Dasar Basis Data Relasional

Mencakup tabel, kunci utama, kunci asing, dan normalisasi. Menyediakan kosakata pemodelan data yang digunakan di seluruh pekerjaan SQL dan ORM.

Pelajaran 1 • Dasar-Dasar Keamanan Aplikasi Web

Membahas ancaman teratas OWASP termasuk XSS, CSRF, dan serangan injeksi. Memperkuat aplikasi untuk memenuhi standar keamanan produksi dasar.

Pelajaran 2 • Kontainerisasi dengan Docker

Mengemas aplikasi dan basis data ke dalam kontainer Docker dan menyusun tumpukan multi-layanan. Memastikan perilaku yang konsisten dari pengembangan lokal hingga produksi.

Pelajaran 3 • Deployment Cloud dan Pipeline CI/CD

Men-deploy aplikasi full-stack yang dikontainerisasi ke penyedia cloud dan mengotomatiskan build dengan pipeline CI/CD. Siswa memiliki URL langsung untuk portofolio mereka.

Pelajaran 4 • Autentikasi dengan JWT

Membangun alur registrasi, login, dan refresh token menggunakan JSON Web Token. Mengamankan semua rute API yang dilindungi sebelum deployment.