Projek JavaScript Vanilla: Bina Aplikasi Bahagian Hadapan Modern dari Awal — PickAClass
3.7 (6) ⏱ 2 jam 36 min 📚 26 pelajaran 🎧 Versi audio

Projek JavaScript Vanilla: Bina Aplikasi Bahagian Hadapan Modern dari Awal

Belajar pembangunan bahagian hadapan teras dengan membina aplikasi web praktikal menggunakan HTML murni, CSS, dan JavaScript moden tanpa bergantung pada rangka kerja yang berat.

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

Mempercayai terlalu banyak kerangka boleh meninggalkan jurang dalam pemahaman anda tentang bagaimana web sebenarnya berfungsi. Menguasai JavaScript, HTML, dan CSS murni memberikan anda keyakinan untuk membina antaramuka web dari awal. Dalam kursus berasaskan teks ini, anda akan belajar untuk membina projek bahagian hadapan dinamik menggunakan teknologi vanilla sahaja. Dengan mempelajari penjelasan tertulis yang jelas dan menganalisis snippet kod yang diurus, anda akan berpindah dari menulis skrip asas ke aplikasi web berfungsi yang mengendali interaksi pengguna, mengurus keadaan, dan mendapatkan data langsung. Apa yang anda akan belajar: - Bina antaramuka pengguna interaktif menggunakan bentangan CSS moden seperti Flexbox dan Grid - Manipulasi Model Objek Dokumen (DOM) secara dinamik untuk menjawab peristiwa dan input pengguna - Laksanakan ciri-ciri JavaScript moden termasuk async/await, modul ES, dan kaedah tatasusunan terkini - Integrasikan data luaran ke dalam aplikasi anda menggunakan API Fetch dan bekerja dengan JSON - Simpan keutamaan pengguna dan keadaan aplikasi secara setempat menggunakan API Storan Web - Laksanakan kebolehcapaian asas dan amalan HTML semantik untuk memastikan projek anda boleh digunakan oleh semua orang Anda akan mula dengan konsep asas DOM traversal dan pengendalian peristiwa sebelum maju melalui rangkaian pembinaan projek langkah-demi-langkah yang praktikal. Setiap modul yang ditulis memandu anda melalui logik, gaya, dan skrip yang diperlukan untuk mengumpulkan aplikasi mini dunia sebenar. Kursus ini direka untuk pemaju dan pemula yang mempunyai pengetahuan asas asas web dan ingin mengukuhkan logik pemrograman mereka sebelum melompat ke rangka kerja yang kompleks. Mula membaca hari ini dan bina asas yang kuat dalam teknologi web mentah.

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.
  • 🎧 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 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
Projek JavaScript Vanilla: Bina Aplikasi Bahagian Hadapan Modern dari Awal
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
Projek JavaScript Vanilla: Bina Aplikasi Bahagian Hadapan Modern dari Awal
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 (6)

Adam Jordaan ZA
★ 5 · 25.07.2026

Kursus ini melebihi jangkaan saya! Contohnya sangat relevan dan membantu mengukuhkan konsep. Sangat menyeronokkan.

Benjamin le Roux ZA Pelajar disahkan
★ 4 · 16.07.2026

Inilah yang saya cari. suka contoh praktikal, mereka benar-benar membantu mengukuhkan konsep.

إبراهيم الغانم KW
★ 2 · 04.07.2026

Saya tidak pasti ini untuk pemula, ia mengambil sedikit pengetahuan yang tidak diajar secara jelas, beberapa contohnya agak kabur.

مشاري بن عبد الوهاب SA Pelajar disahkan
★ 5 · 23.06.2026

Bahan asas yang baik. Saya suka campuran teori dan amalan, walaupun beberapa contoh boleh menjadi lebih jelas. Secara keseluruhannya, pengalaman positif.

نوف بنت علي SA
★ 4 · 22.06.2026

Pengalaman pembelajaran yang hebat. Temponya sempurna, dan contohnya benar-benar mengukuhkan konsep.

Mia Jacobs ZA Pelajar disahkan
★ 2 · 30.05.2026

Sangat informatif. Saya suka contoh aplikasi praktikal, walaupun tetapan awal mengambil masa lebih lama daripada yang saya jangkakan.

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