Judul dan Deskripsi Pelatihan
Judul |
: |
Menjadi Desainer Website Dengan React Js |
Deskripsi | : | 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. |
Tujuan Pelatihan
Tujuan Umum |
: |
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 |
Sasaran Kompetensi Kerja
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
Sasaran Kelompok Peserta
Peserta pelatihan yang dapat mengikuti pelatihan ini yaitu :
Minimal lulusan SMA/SMK sederajat, memiliki minimal laptop/komputer. Peserta minimal memiiki pengetahuan dasar pemrograman.
Metode Ajar
Metode Ajar yang digunakan dalam pelatihan ini dengan menggunakan LMS (Learn Management System), webinar, juga Video Interaktif, e-Book, referensi tugas-tugas latihan dan Paket soal quiz & post test.
Durasi Pelatihan
1. Installation 06:47
2. Install Component 08:07
3. Adding Style 08:55
4. React Fragment 19:15
5. Styled Component 10:33
6. ProductList (Context) 17:29
7. Product Style 22:43
8. Detail Product 21:28
9. Detail Product Part 2 14:43
10. Creating Modal 11:28
11. Cart 15:46
12. Cart Part 2 20:11
13. Cart Part 3 (Clear Cart And Remove Item) 12:07
14. Cart Part 4 (Decrease Increase Qty) And Default Page 09:57
15. Git And Netlify 08:45
16. Pengenalan Web 05:45
17. Instalasi React Js 12:43
18. Pengenalan Statefull dan Stateless Component 10:45
19. Pengenalan Props pada React Js 18:31
20. Pengenalan Fitur Props di React Js 15:29
21. Membuat Tampilan Product dan Input Cart 16:31
22. Styling Product di React Js 15:47
23. Membuat Update Keranjang Belanja 11:05
24. Membuat Tampilan Blogs 16:45
25. Mengambil API dari JSONplaceholder 10:46
26. Menampilkan Data dari API Json Placeholder 16:25
27. Delete Data Part 1 15:51
28. Delete Data Part 2 06:42
29. Membuat Form Tambah Data di React Js 13:26
30. Membuat Action Input Blogs Part 1 15:01
31. Membuat Action Input Data Ke db.json Part 2 17:09
32. Membuat Update Data Blog Part 1 10:29
33. Update Data pada React Js Part 2 14:42
34. Instalasi React Router Pada React Js 05:57
35. Implementasi React Router pada React Js 16:42
36. Instalasi Local Storage 14:04
37. implementasi Local storage in react js part 1 13:39
38. implementasi Local Storage in react js part 2 14:35
39. implementasi Local Storage in react js part 3 06:41
40. implementasi Local storage form input data buku 10:50
41. implementasi local storage insert data 11:18
42. implementasi reducer with local storage 13:32
43. implementasi localstorage bagian akhir 05:44
Mekanisme Evaluasi Pembelajaran Peserta
Mekanisme Evaluasi pada program pelatihan ini yaitu :
1. Soal quiz
2. Soal-soal Post Test
3. dan Penugasan