Video Interaktif HTML5: Bina Media Web Bercabang dan Boleh Klik — PickAClass
4.2 (4) ⏱ 2 jam 36 min 📚 26 pelajaran

Video Interaktif HTML5: Bina Media Web Bercabang dan Boleh Klik

Ketahui cara mengubah video web standard menjadi pengalaman interaktif yang menarik dengan overlay boleh klik, acara masa, dan pilihan bercabang menggunakan HTML5, CSS, dan JavaScript.

  • 💬 Pengajar AI
    Tanya tentang mana-mana pelajaran dan dapatkan jawapan jelas serta-merta, bila-bila masa.
  • 🕐 Mula bila-bila masa
    Tiada jadual atau tarikh akhir — belajar mengikut rentak sendiri, bila-bila masa.
  • 🌐 Dalam bahasa Melayu
    Pelajaran, tugasan dan sijil — semuanya sepenuhnya dalam bahasa anda.

Tentang kursus ini

Video web statik selalunya gagal menarik perhatian pengguna dalam aplikasi web moden. Dengan mempelajari cara melapisi elemen interaktif terus pada main balik video, anda boleh mencipta alat pendidikan yang mengasyikkan, lawatan produk yang menarik, dan laluan naratif yang diperibadikan. Kursus berasaskan teks ini membimbing anda melalui proses menukar elemen video HTML5 standard menjadi pengalaman yang kaya dan dipacu pengguna. Anda akan beralih daripada memahami API media asas kepada menulis JavaScript yang bersih dan moden yang mengawal main balik, mengesan interaksi pengguna, dan secara dinamik bercabang laluan video berdasarkan pilihan pengguna. Apa yang anda akan pelajari: - Fahami elemen video HTML5 asas, API natifnya, dan acara media penting. - Reka bentuk overlay CSS responsif yang diletakkan secara mutlak yang sejajar sempurna dengan koordinat video pada semua saiz skrin. - Cipta pencetus interaktif bermasa yang memaparkan kandungan tersuai atau meminta keputusan pengguna pada cap masa tertentu. - Laksanakan logik bercabang menggunakan JavaScript vanilla untuk melompat dengan lancar ke segmen video yang berbeza berdasarkan input pengguna. - Guna amalan terbaik kebolehcapaian web untuk memastikan elemen video interaktif boleh dinavigasi dengan papan kekunci dan mesra pembaca skrin. - Bina pop timbul modal dan lightbox menggunakan CSS dan JavaScript moden yang ringan dan bukannya pustaka luaran yang berat. Anda akan bermula dengan istilah video teras dan asas API sebelum beralih kepada latihan pengekodan praktikal. Pelajaran teks berstruktur membimbing anda langkah demi langkah melalui gaya overlay, mengendalikan kemas kini masa, dan mengurus logik bercabang yang kompleks. Kursus ini direka untuk pembangun front-end pemula, pereka web, dan pencipta kandungan dengan pemahaman asas tentang HTML dan CSS yang ingin meningkatkan kemahiran media web mereka. Tiada pengalaman pengaturcaraan lanjutan diperlukan. Mula membaca hari ini dan ketahui cara membina pengalaman video yang menarik dan interaktif untuk web moden.

Apa yang anda dapat

  • 📜 Sijil tamat
    Tambah ke profil LinkedIn anda
  • 💬 Tutor AI peribadi
    Tersekat dalam pelajaran? Tanya tutor terbina dalam kamu apa sahaja, bila-bila masa.
  • ♾️ Akses seumur hidup
    Kembali bila-bila masa, tiada tamat tempoh
  • 📱 Telefon atau komputer
    Berfungsi di mana-mana, mana-mana peranti
  • 💸 Pulangan 14 hari
    Tanpa soalan
  • Pendek dan fokus
    2 jam 36 min kandungan praktikal

Sijil tamat

Setiap kursus yang anda tamatkan di PickAClass mengeluarkan kelayakan seperti ini — asli, dengan kodnya sendiri, boleh disahkan melalui URL, dan terperinci tentang apa yang sebenarnya ditunjukkan.

P
PickAClass
Profil kemahiran · boleh disahkan
Dokumen
Sijil Kemahiran
Ini mengesahkan bahawa
Nama Penuh
telah berjaya menunjukkan penguasaan
Video Interaktif HTML5: Bina Media Web Bercabang dan Boleh Klik
Kemahiran yang ditunjukkan
Analisis pola tingkah laku
Asas
1.2 jam
Rangka kerja seni bina keputusan
Mahir
1.4 jam
Reka bentuk ujian A/B
Mahir
1.7 jam
Penulisan salinan tingkah laku
Lanjutan
1.9 jam
P
PickAClass — Nama Penuh
Video Interaktif HTML5: Bina Media Web Bercabang dan Boleh Klik
Halaman 2 daripada 2
Perincian prestasi
Ringkasan kerja kursus
Pelajaran selesai 14 / 14
Soalan latihan 26 / 28
Tugasan dihantar 4 (purata 4,5 / 5)
Projek capstone Disemak — 4,6 / 5
Jumlah latihan 6.2 jam
Penanda aras prestasi
Kedudukan kohort 12% teratas daripada 1,625
Masa hingga tamat 11 hari (median: 22)
Skor penguasaan 91 / 100
Skor soalan latihan 94%
Pengesahan kemahiran Laluan Kemahiran disahkan
Sahkan kelayakan ini
pickaclass.com/certificates/PCC-2026-X4F7-AP19
Dikeluarkan di bawah piawaian akademik PickAClass. Tahap kemahiran mencerminkan prestasi dinilai terhadap rubrik kecekapan kursus. Ini kelayakan asli platform ini.

Ulasan (4)

فاطمة بنت سعيد البلوشي OM Pelajar disahkan
★ 4 · 18.08.2026

Saya suka elemen interaktif! Ia membuat saya tertarik dan membuat pembelajaran terasa kurang seperti kerja. Kerja yang bagus pada kandungan.

ناصر بن علي الخروصي OM Pelajar disahkan
★ 4 · 04.07.2026

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

Shulamit Levy IL Pelajar disahkan
★ 5 · 16.06.2026

Kandungan yang mantap, walaupun saya rasa saya mahukan lebih banyak aplikasi dunia sebenar disebarkan di seluruhnya.

Carlos Almeida BR Pelajar disahkan
★ 4 · 08.06.2026

Pengalaman pembelajaran yang menakjubkan! Strukturnya intuitif, dan kandungannya disampaikan dengan jelas. Sangat dinasihatkan.

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. Kami tidak menyimpan butiran kad — Stripe menguruskannya dengan selamat.

Bolehkah saya dapatkan bayaran balik? +

Ya — pulangan penuh dalam 14 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