Coding Career Series: Building Skills

Coding Career Series part 2: Belajar web development dari nol. Dari HTML, CSS, JavaScript sampai bikin fullstack app sendiri.

15 Lesson15 Article1h 29m
View plans

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

Beginners ready to move from career mindset into hands-on coding.
Learners who want a structured path through web development basics.
Career switchers preparing to build credible portfolio projects.

Yang akan kamu pelajari

Setiap lesson punya video dan article, jadi kamu bisa menonton, mengulang, dan kembali lagi nanti.

  1. Introduction

    Roadmap web development dan apa yang akan kamu pelajari di course ini.

    2m

  2. About Web and JavaScript

    Kenapa JavaScript ada di 98% website dan bagaimana satu bahasa ini bisa dipakai buat web, mobile, desktop, dan backend.

    8m

  3. 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.

    4m

  4. Basic Problem Solving

    Sebelum nulis code, latih dulu cara berpikir developer. Memecah masalah jadi langkah-langkah kecil lewat latihan coding dan algorithm sederhana.

    5m

  5. 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).

    6m

  6. 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.

    4m

  7. Basic JavaScript

    Variable, function, event, dan DOM manipulation di JavaScript. Bikin halaman web interaktif yang bisa merespons klik user dan update konten tanpa reload.

    8m

  8. Version Control

    Git dan GitHub buat nyimpen code, kolaborasi, dan tracking perubahan. Wajib dikuasai kalau mau kerja di tim atau kontribusi open source.

    4m

  9. 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).

    7m

  10. 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.

    11m

  11. 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.

    4m

  12. 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.

    4m

  13. Spaced Repetition Tool

    Teknik biar nggak gampang lupa pakai spaced repetition. Cara kerja dan tools yang bisa kamu pakai.

    8m

  14. English Skills

    Tips meningkatkan technical English. Penting buat baca documentation, ngerti tutorial, dan gabung komunitas tech global.

    2m

  15. Other Tips and Summary

    Tips penutup: jangan overwhelmed, pecah tugas jadi kecil-kecil. Dokumentasikan progress kamu di publik. Kamu nggak perlu belajar semuanya.

    13m
Panduan Bangun Coding Career

Mulai dari sini, lalu lanjutkan momentum belajarmu.

Buat akun untuk menyimpan progresmu dan lanjut belajar terarah di platform Panduan Coding.

View plans
View plans
    Coding Career Series: Building Skills | Panduan Coding | Panduan Coding