VISUAL STUDIO CODE AS AN INNOVATIVE STRATEGY IN THE LEARNING PROCESS IN THE SUBJECT OF WEB DESIGN

Authors

  • Geraldine Yelena Bosquez Vera Unidad Educativa Leopoldo Lucero
  • Erika Jazmín Guzmán Bonilla Universidad Estatal de Milagro,
  • Wilian Alberto Yánez Arteaga Universidad Estatal de Bolívar,
  • Kerly Julay Yaguana Jaramillo Unidad Educativa Guillermo Bustamante Cevallos,

Keywords :

CIPP, Web Design, Teaching-learning, Educational Model, Programs, Visual Studio Code

Additional Files

Abstract

This article presents the study of the problems faced by Second-year Baccalaureate students specializing in Computer Science in the subject of Web Design. Using the CIPP model (context, input, process and product.) that will allow the implementation of a technological program called Visual Studio Code that will serve to improve the learning process, for which a pretest was applied in order to know the previous knowledge. About the subject of Web Design, The results showed that the majority of students do not have prior knowledge about HTML, page types, page structures, and main tags for the respective coding. The proposal made was the use of the Visual Studio Code program as an innovative strategy to improve the learning process of the subject. In the course of the implementation of the program, the students welcomed it with enthusiasm and showed a positive response to learning Web Design. This study demonstrates the importance of the implementation of the CIPP model because it can be analyzed whether the program, resources, materials and planning that is being used corresponds to the needs that the students have. Furthermore, a notable advance has been evident in their academic learning, reflected in the increase in their performance; according to the results of the pretest and posttest evaluations, it went from 32.7% to 83.3%.

##plugins.themes.default.displayStats.downloads##

##plugins.themes.default.displayStats.noStats##

References

Barzola Vargas, D. I., & Alcívar Reinoso, B. G. (2024). Fortalecimiento de la formación de los estudiantes de bachillerato técnico en la. Dominio de las Ciencias, 10(3), 450-480. doi:https://doi.org/10.23857/dc.v10i3.3934

Bedoya De la Cruz, F. (2023). ANALIZADOR DE CODIGO COMO EXTENSIÓN DE VISUAL STUDIO CODE. Bogotá: UNIVERSIDAD DE LOS ANDES.

Bosquez Vera, G., Usca Veloz, R., & Guzmán Bonilla, E. (2024). Google sites como estrategia educativa en el proceso de enseñanza-aprendizaje en la asignatura de física. Zenodo, 9(INNOVA 2O23), 212-229. doi:https://doi.org/10.5281/zenodo.10798642

Cucás Caiza , J. (2024). UNIVERSIDAD TÉCNICA DEL NORTE FACULTAD DE INGENIERÍA EN CIENCIAS APLICADAS CARRERA DE INGENIERÍA EN MECATRÓNICA. Ibarra: UNIVERSIDAD TÉCNICA DEL NORTE.

Domínguez Coral, L. (20 de abril de 2023). eltiempo. Obtenido de https://www.eltiempo.com/tecnosfera/apps/visual-studio-code-es-un-editor-de-codigo-fuente-de-microsoft-761049

Mantilla Chamorro, L. P. (2022). Evaluación de los aprendizajes en el Bachillerato Técnico ecuatoriano. DOSSIER, 9(12), 255-271. doi:https://dialnet.unirioja.es/servlet/articulo?codigo=8721776

Murillo Navas, J., & Valdez Jurado, J. (2020). Desarrollo de un repositorio digital para el registro y control de proyectos e investigaciones de los estudiantes en la Facultad Ciencias e Ingeniería de la Universidad Estatal de Milagro. Milagro: Universidad Estatal de Milagro. Obtenido de https://repositorio.unemi.edu.ec/bitstream/123456789/5143/1/DESARROLLO%20DE%20UN%20REPOSITORIO%20DIGITAL%20PARA%20EL%20REGISTRO%20Y%20CONTROL%20DE%20PROYECTOS%20E%20INVESTIGACIONES%20DE%20LOS%20ESTUDIANTES%20EN%20LA%20FACULTAD%20CIENCIAS%20E%20INGENIERÍA%

Orellana Solano, E., & Cordero, Y. (2022). Análisis de competencias laborales de egresados del Bachillerato Técnico del Colegio Beatriz Cueva de Ayora, 2019-2021. Revista Científica Ciencia y Tecnología, 22(35), 20-36. doi:https://cienciaytecnologia.uteg.edu.ec/revista/index.php/cienciaytecnologia/article/view/501/634

Pisco González, J. (2021). GUÍA METODOLÓGICA PARA EL DISEÑO WEB ADAPTATIVO PARA LOS ESTUDIANTES DE LA CARRERA DE TECNOLOGÍAS DE INFORMACIÓN. Jipijapa: UNIVERSIDAD ESTATAL DEL SUR DE MANABÍ.

Reyes, F. (22 de julio de 2022). Qué es Visual Studio Code y qué ventajas ofrece. Obtenido de https://openwebinars.net/blog/que-es-visual-studio-code-y-que-ventajas-ofrece/

Rosillo Solano, J., & Rosillo Solano, M. (2022). Metodología para lacreación de sitios Web didácticos, por parte delos profesores no informáticos. Revista científica Sociedad& Tecnología, 5(3), 503-518. doi:https://doi.org/10.51247/st.v5i3.259

Stufflebeam, D. L. (2001). The CIPP model for evaluation. (D. L. Stufflebeam, & M. B. Neagley, Edits.) Jossey-Bass.

Zambrano Pilay, E., Carreño Lucas, S., & Almeida Zambrano, E. (2020). DESARROLLO E IMPLEMENTACIÓN DEL SISTEMADE GESTIÓNEDITORIAL DE LA ULEAM. Revista Científica ‘‘INGENIAR”: Ingeniería, Tecnología e Investigación, 2-12. doi:https://doi.org/10.46296/ig.v3i5.0011

Published

2025-05-07
##submissions.stats##
1175

How to Cite

VISUAL STUDIO CODE AS AN INNOVATIVE STRATEGY IN THE LEARNING PROCESS IN THE SUBJECT OF WEB DESIGN. (2025). Journal of Science and Research: Revista Ciencia E Investigación, 10(INNOVA - 2024). https://revistas.utb.edu.ec/index.php/sr/article/view/3626