Membuat Tampilan Web dengan React 

Deskripsi Pelatihan : Membuat Tampilan Web dengan React 

Pelatihan ini bertujuan membekali peserta dengan keterampilan dasar dalam membangun tampilan web interaktif menggunakan React. Peserta akan mempelajari konsep komponen, props, state, serta bagaimana mengelola tampilan aplikasi secara dinamis. Selain itu, pelatihan ini juga mengenalkan penggunaan JSX, struktur proyek React, serta praktik terbaik dalam pengembangan antarmuka pengguna modern. Dengan pendekatan praktik langsung, peserta akan membuat beberapa komponen hingga menjadi aplikasi sederhana. Di akhir pelatihan, peserta diharapkan mampu memahami alur kerja React dan siap mengembangkan tampilan web yang lebih kompleks secara mandiri. 

Tujuan Pelatihan : Membuat Tampilan Web dengan React 

  1. Memahami konsep dasar React
  2. Mampu membuat komponen React
  3. Memahami penggunaan props dan state
  4. Mampu membangun tampilan web interaktif
  5. Mengenal struktur dan workflow React

Rincian Materi Pelatihan :

Hari 1

Sesi 1 (08.30 – 10.00)

Topik : Pengenalan React dan setup project 

  1. Apa itu React dan keunggulannya
  2. Setup lingkungan pengembangan (Node.js, npm)
  3. Membuat project React pertama

Sesi 2 (10.15 – 12.00)

Topik : JSX dan komponen 

  1. Pengenalan JSX
  2. Membuat komponen fungsional
  3. Struktur dan reusable component

Sesi 3 (13.00 – 15.00)

Topik : Props dan styling 

  1. Penggunaan props pada komponen
  2. Styling pada React (CSS, inline style)
  3. Latihan membuat komponen UI sederhana

Hari 2

Sesi 4 (08.00 – 10.00)

Topik : State dan event handling 

  1. Pengertian dan penggunaan state
  2. Event handling pada React
  3. Studi kasus interaksi sederhana

Sesi 5 (10.15 – 12.00)

Topik : Conditional rendering dan list 

  1. Conditional rendering (if, ternary)
  2. Rendering list dan penggunaan key
  3. Latihan membuat tampilan dinamis

Sesi 6 (15.15 – 15.45)

Topik :  Mini project React 

  1. Perencanaan aplikasi sederhana
  2. Implementasi komponen dan state
  3. Presentasi hasil mini project

 

Durasi Pelatihan :

  • 2 Hari ( 9 jam 30 menit)

Metode Pelatihan : 

  1. Pemaparan materi (lecture)
  2. Demonstrasi langsung (live coding)
  3. Praktik mandiri
  4. Diskusi dan tanya jawab

Target Pelatihan :

  1. Pemula yang sudah memahami dasar JavaScript
  2. Mahasiswa atau fresh graduate bidang IT
  3. Developer pemula yang ingin belajar React

Hasil Pelatihan : Membuat Tampilan Web dengan React 

  1. Peserta mampu memahami dasar React
  2. Peserta dapat membuat komponen dan tampilan UI
  3. Peserta mampu mengelola state dan interaksi
  4. Peserta dapat membuat aplikasi React sederhana
  5. Peserta siap melanjutkan ke materi lanjutan React

 

Investasi dan fasilitas Metode    Pelaksanaan                     Harga & Fasilitas
    Opsi 1 – Pelatihan Online     Training Online Rp. 3.900.000 per peserta.

    Minimal kuota 1 peserta dan bisa request

   tanggal.

•   Pelaksanaan training selama 2 hari half day (08.00 – 12.00 WIB atau 13.15 – 16.00 WIB)

    Menggunakan aplikasi Zoom/Google Meet.

•      Sudah Termasuk : Sertifikat  Training 

       Softfile & Hardfile, Pengiriman Sertifikat ke A     alamat Peserta, Softfile Materi.

•                Belum termasuk : PPN 11%.

 

    Opsi 2 –

         Pelatihan Offline di Yogyakarta

  Training Offline Rp.6.900.000 per peserta.

• Minimal kuota 1 peserta dan bisa request

    tanggal.

•   Pelaksanaan training selama 2 hari full day (08.00 – 16.00 WIB).

•                Tempat pelaksanaan :

•   ✓ Hotel El Royale, Yogyakarta ATAU

•  ✓Hotel Malyabhara, Malioboro,Yogyakarta

Sudah termasuk : Meeting Room, Modul     

  Training, Sertifikat Training, Training Kits, 

   Lunch, Coffee Break, dan Souvenir.

Belum termasuk :Penginapan &    

  Transportasi Peserta Pelatihan, dan PPN 

   11%.

 

 

Instruktur

 

Tim Oemah Training

www.oemahwebsite.com

Leave a Reply

Your email address will not be published. Required fields are marked *