Coding Career Series · Part 2 dari 3

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.

Member Essential+
15 module15 lesson1j 29m
Lihat paket

Hasil belajar

Setelah course ini, kamu bisa...

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

Kurikulum

Lesson demi lesson

15 module · 15 lesson · 1j 29m

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

Course ini termasuk di paket Essential ke atas. Jadi member untuk membuka semua lesson-nya.

  1. Introduction

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

    2 menit

  2. About Web and JavaScript

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

    8 menit

  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.

    4 menit

  4. Basic Problem Solving

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

    5 menit

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

    6 menit

  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.

    4 menit

  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.

    8 menit

  8. Version Control

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

    4 menit

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

    7 menit

  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.

    11 menit

  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.

    4 menit

  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.

    4 menit

  13. Spaced Repetition Tool

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

    8 menit

  14. English Skills

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

    2 menit

  15. Other Tips and Summary

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

    13 menit

FAQ

Sebelum kamu mulai.

Paket apa yang membuka course ini?
Course ini termasuk di paket Essential ke atas, bersama course lain di paket yang sama. Bandingkan isinya di halaman paket.
Ada jadwal yang harus diikuti?
Tidak ada. Semua lesson self-paced, tanpa jadwal cohort dan tanpa deadline. Kamu bisa belajar kapan saja dari perangkat mana pun.
Formatnya seperti apa?
Setiap lesson berisi video dan artikel pendamping dengan penjelasan lebih dalam, jadi kamu bisa memilih menonton, membaca, atau keduanya.
Progress belajar saya tersimpan?
Ya. Progress tiap lesson tersimpan otomatis di akun kamu, jadi kamu bisa lanjut dari lesson terakhir kapan saja.

Mulai course ini

Kurikulumnya sudah kamu lihat. Tinggal mulai lesson pertama.

Progress tersimpan otomatis, jadi kamu bisa lanjut kapan saja dari perangkat mana pun.

Lihat paketLihat semua course
Lihat paket
    Coding Career Series: Building Skills | Panduan Coding | Panduan Coding