50 Mini-Proyek dalam HTML, CSS, dan JavaScript

Menguasai pengembangan web vanilla dan manipulasi DOM dengan membangun lusinan komponen web interaktif yang praktis menggunakan HTML, CSS, dan JavaScript modern.

4.7 (1,041) ⏱ 1 jam 17 mnt 📚 12 pelajaran 🎧 Versi audio

Tentang kursus ini

Transisi dari sintaks dasar ke membangun aplikasi web interaktif yang nyata bisa terasa seperti lompatan besar. Cara terbaik untuk menjembatani kesenjangan ini adalah melalui latihan langsung, menulis kode yang nyata, dan memahami bagaimana browser menayangkan dan memperbarui halaman web. Kursus tertulis ini memandu Anda melalui proses membangun portofolio besar proyek-proyek mini interaktif menggunakan teknologi frontend vanilla. Dengan fokus pada Document Object Model (DOM), transisi CSS, dan JavaScript modern, Anda akan mengembangkan pemahaman mendalam dan praktis tentang bagaimana membuat halaman web dinamis, responsif, dan menarik tanpa bergantung pada kerangka kerja berat. Apa yang akan kau pelajari: - Mengerti dasar-dasar manipulasi DOM, pendengar peristiwa, dan pembaruan halaman dinamis. - Terapkan teknik tata letak CSS modern termasuk Flexbox, Grid, dan properti cetak khusus untuk desain responsif. - Buat komponen UI interaktif seperti menu navigasi animasi, slider cetak, dan bar pencarian dinamis. - Implementasi transisi halus, animasi keyframe, dan efek scroll-tertimbul. - Praktik bekerja dengan API, JavaScript asinkron, dan data JSON untuk membangun aplikasi web fungsional. - Belajar struktur semantik HTML dan praktik dasar aksesibilitas web untuk memastikan proyek Anda dapat digunakan oleh semua orang. Anda akan mulai dengan mempelajari konsep dasar web, terminologi kunci, dan bagaimana HTML, CSS, dan JavaScript berinteraksi dalam peramban. Dari sana, Anda akan maju melalui serangkaian proyek tertulis, code-along yang secara bertahap meningkat dalam hal kompleksitas, sehingga Anda dapat membaca, menganalisis, dan menulis kode pada kecepatan Anda sendiri. Kursus ini dirancang untuk pengembang pemula yang memiliki pemahaman dasar HTML, CSS, dan JavaScript tetapi ingin memperoleh pengalaman pemrograman praktis. Tidak diperlukan latar belakang pemrograman tingkat lanjut atau kerangka kerja eksternal untuk memulai. Mulai membaca hari ini dan membangun kepercayaan diri Anda sebagai pengembang frontend, satu proyek pada waktunya.

Apa yang Anda dapatkan

  • 📜 Sertifikat penyelesaian
    Tambahkan ke profil LinkedIn Anda
  • 🎧 Termasuk versi audio
    Belajar di mana saja — tanpa layar
  • ♾️ Akses seumur hidup
    Kembali kapan saja, tanpa kedaluwarsa
  • 📱 Ponsel atau komputer
    Berfungsi di mana saja, perangkat apa saja
  • 💸 Pengembalian 30 hari
    Tanpa pertanyaan
  • Singkat dan fokus
    1 jam 17 mnt konten praktis

Ulasan (6)

Ephraim Gross IL Pelajar terverifikasi
★ 4 · 2025-10-13T15:51:52+00:00

Ini adalah pengenalan yang baik strukturnya logis, dan mencakup dasar-dasar secara efektif mungkin terlalu pengenalan untuk siswa tingkat lanjut

Lucía Castro CO
★ 4 · 2025-08-01T10:25:52+00:00

Wow, aku terkesan aplikasi dunia nyata yang ditunjukkan sangat membantu membuat ide abstrak terasa nyata nilai yang besar!

Aye Myint MM Pelajar terverifikasi
★ 5 · 2025-07-17T03:28:52+00:00

Konten yang solid di sini. Meskipun beberapa modul mungkin lebih rinci, nilai keseluruhan dan keaplikasian tinggi. Kerja bagus!

พัชรี ศรีไพร TH
★ 3 · 2025-03-18T06:56:52+00:00

belajar banyak hal di sini contohnya relevan, meskipun aku berharap ada beberapa tugas aplikasi praktis masih, pengalaman yang berharga

Joseph Bell AU Pelajar terverifikasi
★ 5 · 2025-03-17T17:00:52+00:00

Wow, pengalaman belajar yang hebat aplikasi dunia nyata yang dibahas sangat relevan aku sudah menerapkan apa yang kupelajari

David Robinson US Pelajar terverifikasi
★ 4 · 2024-12-19T14:02:52+00:00

isinya solid dan dipresentasikan dengan jelas aku menghargai aplikasi dunia nyata yang ditunjukkan bisa menggunakan beberapa kesempatan latihan lebih banyak

Tulis ulasan

Setelah mengirim kami akan meminta masuk — draf Anda tersimpan.

Pelajar lain juga mengambil

Pertanyaan umum

Apa yang saya butuhkan untuk mengikuti kursus ini? +

Cukup ponsel atau komputer dengan internet. Tidak ada instalasi atau perangkat khusus.

Bagaimana cara membayar? +

Dengan kartu via Stripe, atau kripto. Kami tidak menyimpan detail kartu — Stripe menanganinya dengan aman.

Bisakah saya mendapat refund? +

Ya — refund penuh dalam 30 hari, tanpa pertanyaan.

Berapa lama saya akan punya akses? +

Selamanya. Setelah membeli, kursus jadi milik Anda untuk dikunjungi lagi kapan saja.

Apakah saya akan mendapat sertifikat? +

Ya. Setelah selesai, Anda akan menerima sertifikat yang bisa ditambahkan ke profil LinkedIn.

Dibuat untuk pelajar di
Teknologi Desain Keuangan Pemasaran Kesehatan Pendidikan Perhotelan Manufaktur