Berita Detail

WEBINAR & WORKSHOP - LEVEL UP YOUR FRONT-END SKILLS WITH REACT JS

WEBINAR & WORKSHOP "LEVEL UP YOUR FRONT-END SKILLS WITH REACT JS”


Pada hari Rabu, tanggal 02 Juli 2025, telah dilaksanakan kegiatan Webinar dan Workshop bertajuk "Level Up Your Front-End Skills with React JS". Kegiatan ini merupakan salah satu bentuk diseminasi hasil program Magang dan Studi Independen Bersertifikat (MSIB) Batch 8 yang diselenggarakan oleh Program Studi Teknik Informatika, Fakultas Teknik, Universitas Muhammadiyah Jakarta (UMJ). Acara ini dilaksanakan oleh Kelompok 7 KKN.


Kegiatan diikuti oleh 48 peserta yang mayoritas berasal dari mahasiswa Universitas Muhammadiyah Jakarta, serta beberapa peserta dari universitas lain dan kalangan umum yang memiliki minat dalam bidang pengembangan front-end web. Kegiatan ini dibagi menjadi dua sesi utama, yaitu sesi webinar dan sesi workshop.


Pada sesi webinar, materi disampaikan oleh Muhammad Haikal Syauqi,  yang merupakan alumni program MSIB dari mitra NF Academy. Dalam pemaparannya, ia menjelaskan pentingnya peran front-end development di era modern, yang kini tidak hanya mengatur tampilan halaman web, melainkan juga membangun pengalaman pengguna yang dinamis dan responsif. Materi juga mencakup pemahaman mengenai arsitektur serta framework modern yang digunakan dalam pengembangan front-end, tantangan serta kompleksitas yang dihadapi oleh para pengembang, hingga pengenalan terhadap React JS sebagai salah satu library JavaScript paling populer saat ini. Peserta juga diajak untuk memahami dasar-dasar React JS, mulai dari sejarah perkembangan JavaScript hingga lahirnya React, kelebihan dan kekurangannya dalam implementasi proyek, serta berbagai tools dan teknologi pendukung seperti Create React App, Vite, UI Libraries, dan state management. Penjelasan mengenai cara kerja React JS disampaikan dengan sistematis, mencakup konsep komponen, state, props, hingga virtual DOM.



Sementara itu, pada sesi workshop yang dipandu oleh Muhammad Thoriq Ramadhan, alumni MSIB dari mitra yang sama, peserta diajak untuk mempraktikkan langsung pembuatan sebuah website mind mapping interaktif menggunakan React JS, React Flow, dan Node JS. Workshop dimulai dengan penjelasan mengenai tujuan dari pengembangan website tersebut, yaitu untuk membantu pengguna dalam menyusun dan memvisualisasikan ide atau rencana secara terstruktur. Materi dilanjutkan dengan pembahasan struktur codingan dan alur logika dalam aplikasi, serta implementasi langkah demi langkah mulai dari setup awal proyek hingga integrasi visualisasi peta pikiran menggunakan React Flow dan pengelolaan data sederhana dengan Node JS.


Kami berharap bahwa melalui kegiatan webinar dan workshop ini, para peserta tidak hanya mendapatkan wawasan teoretis, tetapi juga mampu mengaplikasikan pengetahuan yang didapat dengan membuat proyek website mind mapping mereka sendiri. Saya berharap hasil dari workshop ini dapat digunakan dalam kehidupan sehari-hari, khususnya dalam membantu menyusun dan mengelola ide-ide atau rencana melalui mind mapping digital secara mandiri dan efektif.


Kegiatan webinar dan workshop ini mendapat sambutan yang sangat positif dari para peserta. Hal tersebut terlihat dari keaktifan peserta dalam sesi diskusi dan tanya jawab, baik pada saat webinar maupun workshop. Banyak peserta yang mengajukan pertanyaan yang relevan seputar materi yang telah disampaikan. Antusiasme ini menjadi bukti bahwa kegiatan ini berhasil menjawab kebutuhan dan rasa ingin tahu peserta terhadap pengembangan teknologi web modern, sekaligus menjadi ruang belajar yang interaktif dan menyenangkan.


Link drive sertifikat peserta

https://drive.google.com/drive/folders/17KBzL7elEdt0pdSMnpZhyqqFm59ZB9Nm?usp=drive_link