Sekolah Pro Max
Mula Belajar
Semua kursus
Web DevelopmentPertengahanReact & Next.js: Dari Komponen Ke Produk
Sijil penyelesaian

React & Next.js: Dari Komponen Ke Produk

Naik taraf daripada laman statik kepada aplikasi yang sebenar.

4.8(176)daripada 5520 pelajar3.1 jam9 pelajaranBahasa MelayuDikemas kini 18 Julai 2026

Pengajar

Aiman Hakim bin Rosli

Pembangun web freelance & penyelia agensi kecil

4.8(904)daripada 52,930 pelajar

Tentang kursus ini

Kursus ini untuk pembangun yang sudah faham HTML, CSS dan JavaScript asas, dan mahu membina aplikasi dengan React dan Next.js secara tersusun.

Fokusnya ialah corak yang digunakan dalam projek sebenar: komponen yang boleh diguna semula, pengurusan keadaan, pengambilan data, pengesahan borang dan penyebaran.

Apa yang anda akan pelajari

  • Bina antara muka daripada komponen yang boleh diguna semula
  • Uruskan keadaan aplikasi tanpa menjadikannya rumit
  • Ambil dan simpan data dengan corak Next.js App Router
  • Kendalikan borang, pengesahan dan mesej ralat
  • Tingkatkan prestasi: imej, fon dan pembahagian kod
  • Sebarkan aplikasi dan sambungkan domain sendiri

Kandungan kursus

3 modul · 9 pelajaran · 3 jam 3 min jumlah kandungan

Berfikir dalam komponen, bukan halaman.

  • Pratonton percumaKenapa KomponenVideo12 min
  • Perlu daftar untuk aksesState & InteraksiVideo18 min
  • Perlu daftar untuk aksesLatihanLatihan24 min

Pelajaran pertama setiap kursus boleh dipratonton sebelum mendaftar.

Keperluan

  • Kefahaman HTML, CSS dan JavaScript asas
  • Node.js dipasang pada komputer
  • Sedikit pengalaman dengan terminal

Tentang pengajar

Aiman Hakim bin Rosli

Pembangun web freelance & penyelia agensi kecil

4.8(904)daripada 52,930 pelajar9 tahun pengalaman

Aiman membina lebih 140 laman web untuk perniagaan kecil sejak 2016, daripada kedai kek di Ipoh sehingga klinik gigi di Johor Bahru.

Dia percaya pemilik bisnes patut boleh kemas kini laman sendiri tanpa bergantung pada agensi setiap kali harga berubah.

WordPressNext.jsSEO TeknikalPrestasi LamanIpoh, Perak

Ulasan pelajar

2 ulasan untuk kursus ini

4.8

4.8daripada 5

176 penilaian

5 bintang
1
4 bintang
1
3 bintang
0
2 bintang
0
1 bintang
0
LW

Lee Chun Wei

5.0daripada 55 Ogos 2026

Corak komponen pelayan berbanding klien dijelaskan dengan contoh yang jelas. Saya akhirnya faham bila perlu letak 'use client' dan bila tidak.

59 orang dapati ulasan ini membantu

NR

Nur Syafiqah binti Roslan

4.0daripada 513 Julai 2026

Bagus untuk pembangun yang sudah tahu JavaScript asas. Kalau anda benar-benar baharu, ambil kursus asas dahulu.

21 orang dapati ulasan ini membantu

Kursus ini termasuk

  • Akses penuh seumur hidup
  • Sijil penyelesaian bernombor
  • Sumber dan templat boleh dimuat turun
  • Boleh diakses pada telefon dan komputer