Description

Kami Baba Studio telah berdiri selama 17 tahun dengan 130 ribu murid dan alumni. Beberapa Pencapaian Baba Studio
adalah:
1. Peraih Ratusan Penghargaan
2. Termasuk 5 ICT Award dari Menkominfo 

Tentang materi

Deskripsi Pelatihan : 

Dengan mengikuti pelatihan ini anda akan Menjadi Seorang Desainer Website dengan React Js.

Melalui pelatihan ini, untuk menjadi seorang desainer website peserta akan belajar bagaimana membuat rancangan layout front end sebuah website dan juga membuat pustaka/library javascript yang bersifat open source untuk membangun User Interface.

Peserta akan diajarkan cara membuat website e-commerce yang berkaitan dengan tampilan dan logika di sekitarnya. Hal ini sesuai dengan kegunaan react js dimana peserta bisa membangun aplikasi skala besar dengan data yang berubah dan terus berubah dari waktu ke waktu.


Menurut data dari Indonesia’s Critical Occupations List 2018 (http://gg.gg/v05jo ).

Di era digital seperti sekarang ini kebutuhan akan media website semakin tinggi. Di Indonesia, tenaga profesional seperti desainer website untuk menduduki level manajerial masih sangat langka untuk tenaga IT yang terampil. Dibutuhkan untuk mendukung investasi besar-besaran di bidang e-commerce, apalagi Indonesia sekarang ini ada di pusaran digitalisasi. Akibatnya, menjadi peluang jika peserta ingin menekuni profesi ini.

Di pelatihan ini peserta akan memahami pemrograman react JS, sehingga peserta nantinya dapat membuat portal berita menggunakan React JS.

Pelatihan ini dibuat dengan menggunakan Standar Kompetensi Kerja Nasional Indonesia ( SKKNI ) Nomor 282 Tahun 2016 – Pemrograman

Sesuai dengan kebutuhan industri, Kompetensi yang akan dipelajari pada program pelatihan ini, yaitu :
1.Kompeten Melakukan Identifikasi Library, Komponen atau Framework yang Diperlukan
2 Kompeten Menggunakan Struktur Data
3.Kompeten Melakukan Instalasi Software Tools Pemrograman
4.Kompeten Menerapkan Metode dan Praktik Penggunaan Kembali (Reusable) Subrutin-Subrutin
5. Kompeten Menulis Kode dengan Prinsip Sesuai Guidelines dan Best Practices
6.Kompeten Mengimplementasikan Pemrograman Terstruktur
7.Kompeten Mengimplementasikan Pemrograman Berorientasi Objek
8.Kompeten Menerapkan Perintah Eksekusi Bahasa Pemrograman Berbasis Teks, Grafik, dan Multimedia
9.Kompeten Menggunakan Library atau Komponen Pre Existing
10.Kompeten Membuat Dokumen Kode Program


Short Description (Ringkasan Deskripsi) * :

Di akhir pelatihan, peserta kompeten membuat tampilan front end website menggunakan React JS sesuai dengan prinsip-prinsip desain


Tujuan Khusus : 

Program pelatihan Menjadi Desainer Website Dengan React Js , memiliki tujuan sebagai berikut :
1. Kompeten melakukan installasi komponen
2. Kompeten membuat front end ecommerce
3. Kompeten melakukan installasi react js
4. Kompeten membuat tampilan produk dan input cart
5. Kompeten membuat update keranjang belanja
7. Kompeten Membuat tampilan blogs
8. Kompeten menampilkan data dari API
9. Kompeten mengimplementasikan penyimpanan local


Aspek Kompetensi: Pengetahuan (Knowledge)

Dengan mempelajari materi Menjadi Desainer Website dengan React Js, peserta :
1. Memahami cara melakukan installasi component
2. Memahami cara menambah gaya /style
3. memahami cara list produk, mebuat detail produk, membuat modal
4. Memahami cara installasi react js
5. Memahami cara membuat keranjang belanja
7. Memahami cara menampilkan data dari API
8. Memahami cara mengimplementasi penyimpanan local


Aspek Kompetensi: Keterampilan (Skill)

Dengan mempelajari materi Menjadi Desainer Website dengan React Js, peserta :
1. Memahami cara melakukan installasi component
2. Memahami cara menambah gaya /style
3. memahami cara list produk, mebuat detail produk, membuat modal
4. Memahami cara installasi react js
5. Memahami cara membuat keranjang belanja
7. Memahami cara menampilkan data dari API
8. Memahami cara mengimplementasi penyimpanan local


Aspek Kompetensi: Keterampilan (Skill)

Dengan mempelajari materi Menjadi Desainer Website dengan React Js, peserta :
1. Memahami cara melakukan installasi component
2. Memahami cara menambah gaya /style
3. memahami cara list produk, mebuat detail produk, membuat modal
4. Memahami cara installasi react js
5. Memahami cara membuat keranjang belanja
7. Memahami cara menampilkan data dari API
8. Memahami cara mengimplementasi penyimpanan local


Aspek Kompetensi: Sikap (Attitude) 

Dengan mempelajari materi Menjadi Pengembang Website dengan PHP dan MYSQL, peserta :
1. Teliti dalam menambah gaya /style
2. Cermat membuat list produk, mebuat detail produk, membuat modal
3. Bertanggung jawab membuat keranjang belanja
4. teliti dan selalu mengecek tampilan data dari API

Kelompok Sasaran :

Peserta pelatihan yang dapat mengikuti pelatihan ini yaitu : Minimal lulusan SMA/SMK sederajat, memiliki minimal laptop/komputer. Peserta minimal memiiki pengetahuan dasar pemrograman.

Hasil yang didapat dari kursus ini

Di Materi ini kamu akan mempelajari:

1. Bab 1 : Perparation

  • Installation
  • Install Component
2. Bab 2 : Front End E-Commerce
  • Adding Style
  • React Fragment
  • Styled Component
  • ProductList (Context)
  • Product Style
  • Detail Product
  • Detail Product Part 2
  • Creating Modal
  • Cart
  • Cart Part 2
  • Cart Part 3 (Clear Cart And Remove Item)
  • Cart Part 4 (Decrease Increase Qty) And Default Page
  • Git And Netlify

Curriculum

    • Installation
    • 06:47
    • Install Component
    • 08:07
    • Adding Style
    • 08:55
    • React Fragment
    • 19:15
    • Styled Component
    • 10:33
    • ProductList (Context)
    • 17:29
    • Product Style
    • 22:43
    • Detail Product
    • 21:28
    • Detail Product Part 2
    • 14:43
    • Creating Modal
    • 11:28
    • Cart
    • 15:46
    • Cart Part 2
    • 20:11
    • Cart Part 3 (Clear Cart And Remove Item)
    • 12:07
    • Cart Part 4 (Decrease Increase Qty) And Default Page
    • 09:57
    • Git And Netlify
    • 08:45
    • Pengenalan Web
    • 05:45
    • Instalasi React Js
    • 12:43
    • Pengenalan Statefull dan Stateplus Componen
    • 10:45
    • Pengenalan Props pada React Js
    • 18:31
    • Pengenalan Fitur Props di React Js
    • 15:29
    • Membuat Tampilan Product dan Input Cart
    • 16:31
    • Styling Product di React Js
    • 15:47
    • Membuat Update Keranjang Belanja
    • 11:05
    • Membuat Tampilan Blogs
    • 16:45
    • Mengampil API dari JSONplaceholder
    • 10:46
    • Menampilkan Data dari API Json Placeholder
    • 16:25
    • Delete Data Part Satu
    • 15:51
    • Delete Data Part Dua
    • 06:42
    • Membuat Form Tambah Data di React Js
    • 13:26
    • Membuat Action Input Blogs Part Satu
    • 15:01
    • Membuat Action Input Data Ke db.json Part Dua
    • 17:09
    • Membuat Update Data Blog Part Satu
    • 10:29
    • Update Data pada React Js Part Dua
    • 14:42
    • Instalasi React Router Pada React Js
    • 05:57
    • Implementasi React Router pada React Js
    • 16:42
    • Instalasi Local Storage
    • 00:14:04
    • implementasi Local storage in react js part 1
    • 00:13:39
    • implementasi Local Storage in react js part 2
    • 00:14:35
    • implementasi Local Storage in react js part 3
    • 00:06:41
    • implementasi Local storage form input data buku
    • 00:10:50
    • implementasi local storage insert data
    • 00:11:18
    • implementasi reducer with local storage
    • 00:13:32
    • implementasi localstorage bagian akhir
    • 00:05:44

Atau Tambahkan Ke

Includes:
  • Materi Up to Date
  • Sertifikat Resmi
  • Instruktur selalu Online
  • Tersedia tampilan mobile

Metode Pembayaran bisa dilakukan dengan cara :

  1. Transfer ATM
  2. Mobile Banking
  3. Internet Banking
  4. SMS Banking