Kursus Full Stack Developer

Pelajaran 1 • Cara Web Berfungsi

Merangkumi kitaran permintaan-tindak balas HTTP, resolusi DNS, dan saluran paip rendering pelayar. Mewujudkan tulang belakang konseptual untuk setiap keputusan tindanan penuh yang dibuat kemudian.

Pelajaran 2 • Alat Pembangun dan Asas Terminal

Memperkenalkan baris arahan, pengurus pakej, dan editor kod sebagai alat penggunaan harian. Kemahiran di sini mempercepatkan setiap latihan amali seterusnya.

Pelajaran 3 • Struktur Projek dan Piawaian Pengekodan

Menetapkan konvensyen folder, peraturan linting, dan piawaian pemformatan yang digunakan sepanjang kursus. Struktur konsisten mengurangkan beban kognitif dalam projek berbilang fail kemudian.

Pelajaran 1 • Susun Atur Flexbox dan CSS Grid

Mengajar kedua-dua sistem susun atur dengan kes penggunaan praktikal untuk setiap satu. Pelajar membina susun atur dua lajur responsif dan grid kad menggunakan CSS sahaja.

Pelajaran 2 • Asas CSS dan Model Kotak

Menerangkan pemilih, kekhususan, pewarisan, dan model kotak sebagai asas semua gaya visual. Pelajar menggayakan halaman berbilang bahagian menjelang tamat bahagian.

Pelajaran 3 • Reka Bentuk Responsif dan Pertanyaan Media

Mengaplikasikan prinsip reka bentuk mudah alih-terdahulu dan strategi titik putus kepada susun atur sebenar. Pelajar menyesuaikan reka bentuk desktop untuk berfungsi merentas viewport telefon, tablet, dan desktop.

Pelajaran 4 • Animasi dan Peralihan CSS

Memperkenalkan animasi bingkai utama dan sifat peralihan untuk menambah pergerakan tanpa JavaScript. Menghubungkan pengilapan visual kepada prinsip pengalaman pengguna yang diperkenalkan dalam bahagian susun atur.

Pelajaran 1 • Modul dan Alatan JavaScript Moden

Memperkenalkan modul ES, pembundel, dan transpiler untuk menyediakan kod untuk persekitaran pengeluaran. Pelajar mengkonfigurasi projek Vite dan mengimport/mengeksport merentas berbilang fail.

Pelajaran 2 • JavaScript Tak Segerak

Menerangkan gelung peristiwa, panggilan balik, Promise, dan async/await untuk mengendalikan operasi yang ditangguhkan masa. Pelajar mengambil data daripada API awam dan merendernya ke DOM.

Pelajaran 3 • Sintaks Teras JavaScript dan Jenis Data

Merangkumi pembolehubah, primitif, pengendali, dan paksaan jenis sebagai blok binaan semua kod JS. Penguasaan di sini mencegah pepijat pemula yang paling biasa dalam projek kemudian.

Pelajaran 4 • Aliran Kawalan dan Fungsi

Mengajar keadaan, gelung, dan pengisytiharan fungsi termasuk fungsi anak panah dan penutupan. Pelajar menulis semula kod prosedur kepada fungsi boleh guna semula yang berskop baik.

Pelajaran 1 • Keadaan Global dengan Context dan Reducer

Mengajar Context API dan useReducer untuk berkongsi keadaan merentas komponen bersarang dalam. Pelajar menulis semula keadaan yang digerudi prop ke dalam stor konteks berpusat.

Pelajaran 2 • Konsep Teras React dan JSX

Memperkenalkan model komponen, sintaks JSX, dan DOM maya sebagai idea asas React. Pelajar merender pokok komponen dan memahami cara React mengemas kini UI.

Pelajaran 3 • React Router dan Navigasi

Melaksanakan penghalaan sisi klien dengan laluan bersarang, segmen dinamik, dan laluan dilindungi. Pelajar menambah navigasi berbilang halaman pada aplikasi React mereka.

Pelajaran 4 • Pengurusan Keadaan dengan Hooks

Merangkumi useState, useEffect, dan hooks tersuai untuk menguruskan keadaan komponen setempat dan kesan sampingan. Pelajar membina borang interaktif dengan pengesahan dan maklum balas langsung.

Pelajaran 1 • Prinsip Reka Bentuk API RESTful

Mengaplikasikan kekangan REST untuk mereka bentuk titik akhir API yang konsisten dan boleh diramal dengan kod status yang betul. Pelajar menulis semula API ad-hoc kepada struktur berasaskan sumber yang sepenuhnya RESTful.

Pelajaran 2 • Rangka Kerja Express dan Penghalaan

Membina aplikasi Express berstruktur dengan pengendali laluan, parameter laluan, dan rentetan pertanyaan. Pelajar menyusun laluan ke dalam fail penghala berasingan mengikut konvensyen REST.

Pelajaran 3 • Masa Jalan Node.js dan Modul Teras

Menerangkan seni bina dipacu peristiwa Node.js, sistem modul, dan modul terbina untuk I/O fail dan rangkaian. Pelajar menulis skrip menggunakan modul fs, path, dan http.

Pelajaran 4 • Pengesahan Input dan Pengendalian Ralat

Melaksanakan pengesahan berasaskan skema dan tindak balas ralat berpusat untuk mengukuhkan API. Pelajar menambah perisian tengah pengesahan yang mengembalikan mesej ralat berstruktur kepada klien.

Pelajaran 1 • Integrasi ORM dengan Prisma

Menggunakan Prisma untuk menentukan skema, menjana klien selamat jenis, dan melaksanakan operasi CRUD dari Node.js. Pelajar menggantikan pertanyaan SQL mentah dalam API mereka dengan panggilan klien Prisma.

Pelajaran 2 • NoSQL dengan MongoDB dan Mongoose

Memperkenalkan pemodelan data berorientasikan dokumen dan skema Mongoose untuk storan fleksibel tanpa skema. Pelajar membina titik akhir API kedua yang disokong oleh MongoDB untuk dibandingkan dengan SQL.

Pelajaran 3 • Memilih dan Menyambung Pangkalan Data

Membandingkan pertukaran SQL dan NoSQL dan merangkumi pengumpulan sambungan dan konfigurasi berasaskan persekitaran. Pelajar mengkonfigurasi API mereka untuk menukar pangkalan data melalui pembolehubah persekitaran.

Pelajaran 4 • Persediaan PostgreSQL dan Pertanyaan Lanjutan

Mengaplikasikan kemahiran SQL kepada PostgreSQL dengan indeks, transaksi, dan kekangan untuk integriti data bertaraf pengeluaran. Pelajar menjalankan migrasi dan skrip semaian terhadap instance PostgreSQL setempat.

Pelajaran 1 • Token Web JSON dan Token Muat Semula

Merangkumi struktur JWT, penandatanganan, pengesahan, dan putaran token muat semula untuk sesi berterusan. Pelajar melaksanakan log masuk, penerbitan token, dan muat semula senyap dalam API mereka.

Pelajaran 2 • Amalan Terbaik Keselamatan Web

Menangani ancaman teratas OWASP termasuk XSS, CSRF, suntikan SQL, dan pengepala tidak selamat. Pelajar mengaudit aplikasi mereka dan menggunakan pembetulan Helmet.js dan pembersihan input.

Pelajaran 3 • OAuth 2.0 dan Log Masuk Pihak Ketiga

Mengintegrasikan aliran kod kebenaran OAuth 2.0 untuk log masuk sosial menggunakan pembekal seperti Google. Pelajar menambah butang log masuk pihak ketiga yang berfungsi pada aplikasi tindanan penuh mereka.

Pelajaran 4 • Kawalan Akses Berasaskan Peranan

Mereka bentuk model kebenaran dengan peranan dan pengawal yang digunakan sebagai perisian tengah Express dan pembungkus laluan React. Pelajar menyekat titik akhir API dan halaman UI mengikut peranan pengguna.

Pelajaran 1 • Integrasi Tindanan Penuh dan Projek Capstone

Menyambung semua lapisan—frontend React, API Express, pangkalan data, dan auth—ke dalam satu aplikasi yang boleh digunakan. Pelajar membentangkan projek langsung yang lengkap ciri menunjukkan kecekapan hujung ke hujung.

Pelajaran 2 • Persediaan Saluran Paip CI/CD

Mengautomasikan pengujian, pembinaan, dan penggunaan menggunakan perkhidmatan CI/CD yang dicetuskan oleh tolakan Git. Pelajar mengkonfigurasi saluran paip yang menjalankan ujian dan digunakan semasa gabungan ke main.

Pelajaran 3 • Pengkontena dengan Docker

Membungkus API Node.js dan pangkalan data ke dalam kontena Docker untuk persekitaran yang konsisten merentas mesin. Pelajar menulis Dockerfile dan fail Compose untuk pembangunan perkhidmatan berbilang setempat.

Pelajaran 4 • Penggunaan dan Pengehosan Awan

Menggunakan API backend ke platform awan dan frontend React ke perkhidmatan pengehosan statik. Pelajar mengkonfigurasi domain tersuai, HTTPS, dan rahsia persekitaran.