Analisis Framework, Library Front-End Populer : Bootstrap, Tailwind CSS, React, dan Vue Pada Mata Kuliah Perancangan Web Design

Baginda Harahap; Aripin Rambe; Muhammad Raihan Ramadhan; Novri Kurniawan

doi:10.30606/rjti.v4i2.3496

Authors

Baginda Harahap Universitas Battuta
Aripin Rambe Universitas Battuta
Muhammad Raihan Ramadhan Universitas Battuta
Novri Kurniawan Universitas Battuta

DOI:

https://doi.org/10.30606/rjti.v4i2.3496

Keywords:

Bootstrap, Tailwind CSS, React, Vue, Front-end

Abstract

Bootstrap and Tailwind CSS focus more on styling and require additional JavaScript for dynamic manipulation and form validation. Bootstrap provides visual classes that support HTML5 validation, while Tailwind CSS requires manual validation. React and Vue make form validation easier through data binding and external library support. In conclusion, React and Vue are more suitable for applications with high interactivity and dynamic needs, while Bootstrap and Tailwind CSS are more appropriate for rapid prototyping and static design. This study provides insight for developers in choosing front-end technology according to project needs. The results of the analysis show that React and Vue excel in DOM and event management because they use virtual DOM and a reactive system that facilitates the development of interactive applications.

Downloads

Download data is not yet available.

References

Al-Khattat, S. H. K., Habeeb, R. R., & Mohammed, A. R. (2019). An ASSURE-Model Instructional Design Based on Active Learning Strategies and its Effect for 1st Intermediate Studentâ€™s Higher Order Thinking Skills in Teaching Science Text Book. Psihologija, 52(5).

Al Huda, S., Fatirul, A. N., & Hartono, H. H. (2022). Development of assure based digital learning modules in English subject at SMP Islam Al Azhar 13 Surabaya. Intensive Journal, 5(2), 92â€“103.

Analisis Teknik Pengambilan Vidio Cinematic dan Proses Editing Menggunakan Filmora Pada Organisasi Pramuka SMAN 14 Medan. (n.d.).

Apriono, D., Wardhono, A., & Ahtia, D. (n.d.). Validity of Google Sites-Based Learning Media to Increase Studentsâ€™ Learning Motivation in Class 5 PPKN Lessons In Elementary Schools.

Asrowi, H. A. R. (2018). PAUD Students Based on Prezi Media Using Assure Model. PROCEEDING ICTESS (Internasional Conference on Technology, Education and Social Sciences).

Baginda, B. H., Singarimbun, R. N., & Hasibuan, E. H. (2022). Penggunaan Sosial Media Interaktif Di Masa Pandemi Guna Untuk Meningkatkan Kreatifitas Siswa SMK Halongonan Kelas X. Mejuajua: Jurnal Pengabdian Pada Masyarakat, 1(3), 1â€“6.

Ellis, J. T. P. (2009). Assessing the development of high school chemistry studentsâ€™ conceptual and visual understanding of dimensional analysis via supplemental use of a proprietary interactive software program. Louisiana State University and Agricultural & Mechanical College.

Fitria, R. D., & Umam, M. B. (2025). Analysis of Environmental Literacy in Students of the Social Studies Study Program UIN Kiai Haji Achmad Siddiq Jember: Analisis Literasi Lingkungan Pada Mahasiswa Program Studi Tadris IPS UIN Kiai Haji Achmad Siddiq Jember. Chalim Journal of Teaching and Learning, 5(1), 18â€“27.

Gasmi, N., Afifah, U., Kasturi, R., Ananda, R., & Tadjuddin, N. (2025). Implementation of the Quizizz-Based ASSURE Learning Model in Islamic Religious Education. Journal of Islamic Education Research, 6(2), 163â€“178.

Harahap, B. (2022). The Effect of Image Media on Learning Outcomes of Class V MIS Students in Siboruangin Village in Information Communication Technology (ICT) Subjects. Jurnal Informatika, 1(1), 12â€“19.

Illah, R., & Susetyarini, E. (2024). A systematic literature review on the development of STEM-based module. Research and Development in Education (RaDEn), 4(1), 582â€“591.

Jamain, R. R., Putro, H. Y. S., Hairunisa, H., & Ariliani, T. (2023). Storybook as a Preventive Measure Against the" Sexual Harassment" of Children in the Elementary School. International Journal of Asian Education, 4(4), 247â€“255.

Marthidayah, N. B. (n.d.). Pengembangan Multimedia Life-Like pada Pokok Bahasan Kingdom Plantae untuk Media Pembelajaran Biologi SMA.

Muhamad, R., & Surat, S. (2024). KNOWLEDGE, ATTITUDES, AND PRACTICES OF SOCIALEMOTIONAL LEARNING (SEL) AMONG SCHOOL ADMINISTRATORS. Special Education [SE], 2(1), e0030--e0030.

Nasution, A. A., Harahap, B., Harahap, R. A., Wahdi, N., & others. (2022). Socialization of the Use of Multimedia as a Learning Tool to Improve the Skills of MAS Darul Ilmi Students. IJCS: International Journal of Community Service, 1(1), 48â€“61.

Nurhalisa, N., Rizal, R., Aqil, M., Lagandesa, Y. R., & Fasli, M. (2025). Pengaruh Model Problem Based Learning (PBL) dengan berbantuan Media Wordwall terhadap Hasil Belajar Siswa pada Mata Pelajaran Bahasa Indonesia. Attadrib: Jurnal Pendidikan Guru Madrasah Ibtidaiyah, 8(1), 151â€“159.

Prastawa, S. (2025). Determinant of Success English Reading Skills Among University Students: Remedial and Challenge Strategies: Faktor Penentu Keberhasilan Kemampuan Membaca Bahasa Inggris di Kalangan Mahasiswa: Strategi Remedial dan Tantangan. Chalim Journal of Teaching and Learning, 5(1), 1â€“10.

Rahmah Nur. 2016. Pengembangan Media Pembelajaran Interaktif Berbasis Assure Pokok Bahasan Virus Kelas X Sma Negeri 11 Makassar. Makassar. Fakultas Tarbiyah Dan Keguruan Universitas Islam Negeri (UIN) Alauddin Makassar.

Rahmandhani, H. N., & Utami, E. (2022). Comparative analysis of ADDIE and ASSURE models in designing learning media applications. Jurnal Educative: Journal of Educational Studies, 7(2), 123â€“138.

Rofiq, M. H., Shah, A. A., Alai, A., & Istiqomah, I. (2025). Enhancing Learning Motivation in Islamic Religious Education: The Role of Sahabat Anak Muslim Comics among Elementary School Students. Attadrib: Jurnal Pendidikan Guru Madrasah Ibtidaiyah, 8(1), 255â€“268.

Tarsono, T., Nurlaila, W. N., Najiha, I., Ningsih, N. W., Rifqi, A., Agustin, U., & Tauviqillah, A. (2024). Assure-Based Multimedia Learning Design in Islamic Education Module at Hikmah Teladan Junior High School. Tadrib: Jurnal Pendidikan Agama Islam, 10(1), 735â€“741.

Utami, E. (2018). Hasna Nirfya Rahmandhani. Learning, 7, 212â€“221.

Zulkifli, Z. A., Sharip, A. A., Zain, S. M. M., Rashid, N., Saidi, R. M., Rashid, N. A. M., & Geigiana, A. (2022). Integration of Instructional Models and Learning Styles for Open and Distance Learning Environment. World Journal of English Language, 12(2), 226â€“238.