Belajar Frontend Development

Pelajari pembangunan web Frontend dari peringkat pemula hingga senior, menggunakan HTML, CSS dan JavaScript serentak sejak pelajaran pertama. Aplikasi ini sesuai untuk sesiapa yang ingin menjadi pembangun frontend.

APA YANG ADA

• 41 kursus, 163 pelajaran ringkas: A1–C2

• Live code editor: panel HTML, CSS dan JavaScript bersebelahan; pratonton segera di bawahnya pada telefon

• Templat projek HTML, React, Vue, Angular, Node atau TypeScript

• 20 projek langkah demi langkah: halaman resipi, borang hubungan, grid kad, bar navigasi, jadual data dan banyak lagi

• 15 misi penyahpepijatan pepijat sebenar: susun atur 375px yang rosak, imej yang menjejaskan LCP, borang yang menghalang navigasi tab, kebocoran memori komponen, ujian yang lulus secara setempat tetapi gagal dalam CI

• Peperiksaan akhir dan sijil tamat

• 22 bahasa

SATU LALUAN, PEMULA HINGGA SENIOR

• Asas pembangunan web, HTML, borang, markup semantik

• Asas CSS, pemboleh ubah, peralihan, animasi, flexbox, grid

• Reka bentuk responsif untuk semua skrin

• JavaScript, tatasusunan, objek, ES6+, DOM, API pelayar, async

• Alat pembangun, Git, aliran kerja pasukan, modul, alat binaan

• Asas TypeScript hingga corak lanjutan

• Asas React, useEffect, pengambilan data, hooks dan corak lanjutan

• Vue 3, Composition API, corak lanjutan

• Pengurusan keadaan, REST API, WebSockets, UI masa nyata

• Pemaparan sisi pelayan: Next.js, Nuxt 3; aplikasi web progresif (PWA)

• Kebolehcapaian, ujian, prestasi, keselamatan

• Seni bina CSS, sistem reka bentuk, CI/CD, alat moden

LATIHAN YANG KEKAL DIINGATI

• Kuiz dan ulang kaji

• Helaian rujukan: 83 entri sintaks dan corak

• 50 soalan temu duga pembangun Frontend/pembangun web berserta jawapan

• Pustaka contoh kod yang boleh diedit

• Simpan kod, nota dan pelajaran kegemaran

• Cabaran pengekodan: jemput rakan melalui kod atau hadapi lawan rawak

• Cabaran Pengekodan Sedunia: tiga pusingan global setiap hari dalam JavaScript, Python dan bahasa lain

• Rentetan hari, XP, papan pendahulu, peringatan harian

MENTOR AI

• Tanya AI tentang pepijat, konsep, ralat, pelajaran atau kod anda

• Taman permainan AI: huraikan halaman untuk menjana kod

• Percuma: 3 soalan AI setiap hari; Pro: tanpa had

UNTUK SIAPA

• Pemula yang ingin menjadi pembangun web

• Pelajar yang berlatih sambil mengikuti kursus pembangunan web

• Pereka yang membina reka bentuk mereka

• Pembangun HTML/CSS yang mempelajari JavaScript, TypeScript dan rangka kerja

• Mereka yang menukar kerjaya dan bersedia untuk pekerjaan Frontend pertama

CARA IA BERFUNGSI

1. Mulakan secara percuma: Selamat datang ke Frontend development

2. Edit satu panel; lihat pratonton dikemas kini

3. Pelajari JavaScript, susun atur responsif, TypeScript, React, Vue

4. Bina projek berpandu; nyahpepijat pepijat sebenar

5. Lulus peperiksaan akhir untuk mendapatkan sijil

PERCUMA DAN PRO

Percuma: kursus pertama, projek berpandu pertama, dua misi penyahpepijatan, code editor, 3 soalan mentor AI setiap hari; termasuk iklan. Pro: semua kursus, projek dan misi, peperiksaan sijil, AI tanpa had; iklan dialih keluar.