50 Mini-Projek dalam HTML, CSS, dan JavaScript

Bijak membina laman web dan manipulasi DOM dengan membina berpuluh-puluh komponen web interaktif menggunakan HTML, CSS, dan JavaScript moden.

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

Tentang kursus ini

Berpindah dari sintaks asas ke membina aplikasi web interaktif yang sebenar boleh terasa seperti lompatan besar. Cara terbaik untuk merapatkan jurang ini adalah melalui latihan, menulis kod sebenar, dan memahami bagaimana pelayar mempamer dan mengemaskini laman web. Kursus tertulis ini memandu anda melalui proses membina portfolio besar projek-mini interaktif menggunakan teknologi bahagian hadapan vanilla. Dengan memfokuskan pada Model Objek Dokumen (DOM), peralihan CSS, dan JavaScript moden, anda akan mengembangkan pemahaman yang mendalam dan praktikal tentang bagaimana membuat laman web dinamik, responsif, dan menarik tanpa bergantung pada rangka kerja yang berat. Apa yang anda akan belajar: - Mengerti dasar manipulasi DOM, pendengar peristiwa, dan kemaskini halaman dinamik. - Laksanakan teknik bentangan CSS moden termasuk Flexbox, Grid, dan ciri-ciri tersendiri untuk rekabentuk responsif. - Cipta komponen UI interaktif seperti menu navigasi animasi, peluncur suai, dan bar carian dinamik. - Laksanakan peralihan lancar, animasi bingkai kunci, dan kesan dimulakan skrol. - Latihan bekerja dengan API, JavaScript asynchronous, dan data JSON untuk membina aplikasi web yang berfungsi. - Belajar struktur HTML semantik dan amalan kebolehcapaian web asas untuk memastikan projek anda boleh digunakan oleh semua orang. Anda akan mula dengan belajar konsep asas web, terminologi kunci, dan bagaimana HTML, CSS, dan JavaScript berinteraksi dalam pelayar. Dari situ, anda akan maju melalui rangkaian projek tertulis, kod-bersama yang secara beransur-ansur meningkat dalam kerumitan, membolehkan anda membaca, menganalisis, dan menulis kod pada kadar anda sendiri. Kursus ini direka untuk pemaju pemula yang mempunyai pengetahuan asas HTML, CSS, dan JavaScript tetapi ingin memperoleh pengalaman penyuntingan kod yang praktikal. Tiada latar belakang pemrograman yang maju atau rangka kerja luar diperlukan untuk memulakan. Mula membaca hari ini dan bina keyakinan anda sebagai pemaju frontend, satu projek pada satu masa.

Apa yang anda dapat

  • 📜 Sijil tamat
    Tambah ke profil LinkedIn anda
  • 💬 Personal AI tutor
    Stuck on a lesson? Ask your built-in tutor anything, any time.
  • 🎧 Termasuk versi audio
    Belajar sambil bergerak — tanpa skrin
  • ♾️ Akses seumur hidup
    Kembali bila-bila masa, tiada tamat tempoh
  • 📱 Telefon atau komputer
    Berfungsi di mana-mana, mana-mana peranti
  • 💸 Pulangan 30 hari
    Tanpa soalan
  • Pendek dan fokus
    1 jam 17 min kandungan praktikal

Ulasan (6)

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

Ini adalah pengenalan yang baik. Strukturnya logik, dan ia meliputi asas dengan berkesan. Mungkin terlalu pengenalan untuk pelajar yang lebih maju.

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

Wow, saya kagum. aplikasi dunia nyata yang ditunjukkan sangat membantu. membuat idea abstrak terasa nyata. nilai yang hebat!

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

Kandungan yang mantap di sini. Walaupun beberapa modul mungkin lebih terperinci, nilai keseluruhan dan kebolehgunaannya adalah tinggi. Kerja yang bagus!

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

Saya belajar banyak di sini. Contohnya relevan, walaupun saya berharap ada beberapa tugasan aplikasi yang lebih praktikal. Masih, pengalaman yang berbaloi.

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

Wow, pengalaman belajar yang hebat aplikasi dunia nyata yang dibincangkan sangat relevan saya sudah memohon apa yang saya pelajari

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

Kandungan yang mantap dan disampaikan dengan jelas. Saya menghargai aplikasi dunia sebenar yang ditunjukkan. Boleh menggunakan beberapa peluang latihan.

Tulis ulasan

Selepas hantar kami akan meminta anda log masuk — draf disimpan.

Pelajar lain juga mengambil

Soalan lazim

Apa yang saya perlukan untuk mengikuti kursus ini? +

Hanya telefon atau komputer dengan internet. Tiada pemasangan, tiada perkakasan khas.

Bagaimana untuk membayar? +

Dengan kad melalui Stripe, atau kripto. Kami tidak menyimpan butiran kad — Stripe menguruskannya dengan selamat.

Bolehkah saya dapatkan bayaran balik? +

Ya — pulangan penuh dalam 30 hari, tanpa soalan.

Berapa lama saya akan mempunyai akses? +

Selamanya. Setelah membeli, kursus adalah milik anda — boleh lawat semula bila-bila masa.

Adakah saya akan mendapat sijil? +

Ya. Setelah tamat, anda akan menerima sijil yang boleh ditambah ke profil LinkedIn anda.

Direka untuk pelajar dalam
Teknologi Reka bentuk Kewangan Pemasaran Kesihatan Pendidikan Hospitaliti Pembuatan