Claim Missing Document
Check
Articles

Found 13 Documents
Search

Level Up Your Front-End Skills with React JS Saptrian, Muhammad Daffa; Ramadhan, Muhammad Thoriq; Syauqi, Muhammad Haikal; Adharani, Yana; Mujiastuti, Rully; Ambo, Sitti Nurbaya
Society : Jurnal Pengabdian Masyarakat Vol. 4 No. 5 (2025): September
Publisher : Edumedia Solution

Show Abstract | Download Original | Original Source | Check in Google Scholar | DOI: 10.55824/jpm.v4i5.659

Abstract

A limited understanding of Front End Web Development remains a significant obstacle for many students and the general public, particularly in mastering modern frameworks like ReactJS. To address this issue, the community service team from the Informatics Engineering Study Program at the University of Muhammadiyah Jakarta organized a webinar and workshop titled “Level Up Your Front-End Skills With React JS” as part of their community service initiative. This activity combines an online approach to delivering material with hands-on practice to provide participants with a comprehensive understanding. The training material covers basic web development concepts, React JS component structure, state management, and implementing a simple mind mapping application. The effectiveness of the activity was evaluated through pre-tests, post-tests, and participant feedback surveys. The evaluation results showed a significant improvement in participants' understanding, with an average pre-test score of 79.5% increasing to 89.7% on the post-test. Additionally, feedback indicated positive responses to the quality of material delivery and the relevance of the content. This activity successfully expanded access to Front-End Web Development technology learning and contributed to developing digital talent adaptable to current industry needs.
Boost Your Digital Portfolio: From Linkedin Profile to Github Repository Fizar, Bintang Al; Fakhul Jannah, Elsa Ananda Hanifah; Zahro, Rahmita; Vivria, Muhammad Efendi; Sutrisno, Mirza; Adharani, Yana; Mujiastuti, Rully; Rosanti, Nurvelly
Society : Jurnal Pengabdian Masyarakat Vol. 4 No. 5 (2025): September
Publisher : Edumedia Solution

Show Abstract | Download Original | Original Source | Check in Google Scholar | DOI: 10.55824/jpm.v4i5.683

Abstract

In the modern era, having a digital portfolio is an important requirement for students and aspiring professionals in the field of technology. To support this, LinkedIn profile management and project publication to GitHub are strategies that can be applied. The activity themed "Boost Your Digital Portfolio: From LinkedIn Profile to GitHub Repository" was held to equip participants with this understanding and skills. The activity consisted of two sessions: a webinar that discussed the preparation of LinkedIn profiles and the use of GitHub as a medium for project publication, and a workshop that focused on developing a template-based portfolio website and publication to the GitHub repository. Evaluation was conducted through a feedback questionnaire. The results showed that 47.9% of participants were satisfied and 48.1% were very satisfied. This shows that the majority of participants gave a positive response to the material, resource persons, and the overall implementation of the activity.
Stand Out Online Portofolio Design with Flowbite for Beginers Dzakiyuddin Rohman, Hilmi; Qaedi Setiawan, Muhammad Thirafi; Ginawan, Najla Maharani Dewi Tiawa; Nurbaya Ambo, Sitti; Jumail, Jumail; Adharani, Yana
Society : Jurnal Pengabdian Masyarakat Vol. 4 No. 5 (2025): September
Publisher : Edumedia Solution

Show Abstract | Download Original | Original Source | Check in Google Scholar | DOI: 10.55824/jpm.v4i5.684

Abstract

This community engagement project aimed to enhance digital literacy by providing practical training on building online portfolios using Flowbite and Tailwind CSS. The initiative targeted students and beginners who lacked prior experience in creating web-based portfolios. Through a combination of webinars and hands-on workshops, participants were introduced to the fundamentals of portfolio design, User-Centered Design (UCD) principles, and modern UI development using Flowbite components. The project implemented a project-based learning approach to ensure both theoretical understanding and technical skills acquisition. The event was held virtually on July 14, 2025, and attended by 33 participants, with 21 actively engaged during the session. A pre-test and post-test were administered to evaluate learning outcomes. The results showed a significant improvement in participants' understanding, with the average score increasing from 73.5 to 87. Additionally, 95% of participants expressed satisfaction with the training format and content. The program successfully equipped participants with the necessary knowledge and skills to develop responsive and aesthetically pleasing online portfolios, contributing to their personal branding efforts in the digital era.