Coding Career Series: Building Skills
Coding Career Series part 2: Crash course belajar web development dari nol. Dari HTML, CSS, JavaScript sampai bikin fullstack app sendiri.
Setelah course ini, kamu akan...
Build a web development foundation from HTML and CSS through JavaScript.
Understand how browser, backend, API, and deployment pieces connect.
Create projects with enough structure to keep improving after the course.
Cocok untuk
Lesson demi lesson
15 lesson · 1h 29m
Setiap lesson punya video dan artikel dengan penjelasan mendalam. Jadi kamu bisa menonton, mengulang, dan kembali lagi nanti.
Introduction
Roadmap web development dan apa yang akan kamu pelajari di course ini.
2mAbout Web and JavaScript
Kenapa JavaScript ada di 98% website dan bagaimana satu bahasa ini bisa dipakai buat web, mobile, desktop, dan backend.
8mIntroduction to Web Development
Cara kerja web app: browser, frontend (HTML/CSS/JS), backend (server logic), dan database. Siklus request-response dari awal sampai akhir.
4mBasic Problem Solving
Sebelum nulis code, latih dulu cara berpikir developer. Memecah masalah jadi langkah-langkah kecil lewat latihan coding dan algorithm sederhana.
5mFrontend 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).
6mFrontend 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.
4mBasic JavaScript
Variable, function, event, dan DOM manipulation di JavaScript. Bikin halaman web interaktif yang bisa merespons klik user dan update konten tanpa reload.
8mVersion Control
Git dan GitHub buat nyimpen code, kolaborasi, dan tracking perubahan. Wajib dikuasai kalau mau kerja di tim atau kontribusi open source.
4mIntroduction 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).
7mDeveloping 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.
11mFramework and Libraries
Setelah vanilla JS, kenalan sama framework populer: React, Vue, Svelte buat frontend, Express buat backend. Kapan pakai framework, kapan cukup vanilla JS.
4mTwo 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.
4mSpaced Repetition Tool
Teknik biar nggak gampang lupa pakai spaced repetition. Cara kerja dan tools yang bisa kamu pakai.
8mEnglish Skills
Tips meningkatkan technical English. Penting buat baca documentation, ngerti tutorial, dan gabung komunitas tech global.
2mOther Tips and Summary
Tips penutup: jangan overwhelmed, pecah tugas jadi kecil-kecil. Dokumentasikan progress kamu di publik. Kamu nggak perlu belajar semuanya.
13m
Curriculumnya sudah kamu lihat. Tinggal mulai lesson pertama.
Buat akun, simpan progres belajarmu, dan lanjut kapan saja dari perangkat mana pun. Semua lesson menunggumu di dalam.
Progres tersimpan otomatis
Questions & Answers
Tentang Panduan Coding
Cara Belajar & Akses
Paket & Pembelian
Masih ada pertanyaan yang belum terjawab?
Tanya via WhatsApp