Coding Career Series: Building Skills
Coding Career Series part 2: Belajar web development dari nol. Dari HTML, CSS, JavaScript sampai bikin fullstack app sendiri.
Course Content
15 modulIntroduction
Roadmap web development dan apa yang akan kamu pelajari di course ini.
About Web and JavaScript
Kenapa JavaScript ada di 98% website dan bagaimana satu bahasa ini bisa dipakai buat web, mobile, desktop, dan backend.
Introduction to Web Development
Cara kerja web app: browser, frontend (HTML/CSS/JS), backend (server logic), dan database. Siklus request-response dari awal sampai akhir.
Basic Problem Solving
Sebelum nulis code, latih dulu cara berpikir developer. Memecah masalah jadi langkah-langkah kecil lewat latihan coding dan algorithm sederhana.
Frontend Basic: HTML
Struktur konten web pakai tag HTML. Semantic HTML buat accessibility dan SEO. Element dasar (heading, paragraph, link, image, list) dan struktur halaman (header, nav, main, article, section, footer).
Frontend Basic: CSS
Styling halaman web pakai CSS. Selector (element, class, ID), box model (margin, padding, border), text styling, dan layout dasar. Contoh inline, internal, dan external stylesheet.
Basic JavaScript
Variable, function, event, dan DOM manipulation di JavaScript. Bikin halaman web interaktif yang bisa merespons klik user dan update konten tanpa reload.
Version Control
Git dan GitHub buat nyimpen code, kolaborasi, dan tracking perubahan. Wajib dikuasai kalau mau kerja di tim atau kontribusi open source.
Introduction to Backend
Server, database, dan API. Bagaimana backend menerima request, proses logic, dan simpan data. Pengenalan REST API dan HTTP method (GET, POST, PUT, DELETE).
Developing Fullstack Todo List App
Bikin aplikasi todo dari nol. Frontend pakai HTML/CSS/JS, backend pakai Node.js, dan simpan data. Kamu akan lihat semua bagian bekerja bareng.
Framework and Libraries
Setelah vanilla JS, kenalan sama framework populer: React, Vue, Svelte buat frontend, Express buat backend. Kapan pakai framework, kapan cukup vanilla JS.
Two Ways to Get Good
Dua cara belajar yang efektif: pahami fundamental, lalu praktik dengan bikin project. Jadi T-shaped developer, punya pengetahuan luas tapi jago di satu bidang.
Spaced Repetition Tool
Teknik biar nggak gampang lupa pakai spaced repetition. Cara kerja dan tools yang bisa kamu pakai.
English Skills
Tips meningkatkan technical English. Penting buat baca documentation, ngerti tutorial, dan gabung komunitas tech global.
Other Tips and Summary
Tips penutup: jangan overwhelmed, pecah tugas jadi kecil-kecil. Dokumentasikan progress kamu di publik. Kamu nggak perlu belajar semuanya.