Практико-орієнтоване навчання вебтехнологій засобами Visual Studio Code та GitHub учнів старшої школи

Автор(и):

DOI: https://doi.org/10.32782/2307-9770.2026.14.01.06

Мова статті: UKR

Завантажити статтю

Анотація

У статті розглянуто проблему підвищення практичної спрямованості навчання вебтехнологій у старшій школі в умовах цифрової трансформації освіти. Актуальність дослідження зумовлена необхідністю підготовки учнів до реальних умов діяльності в галузі інформаційних технологій та наявністю розриву між навчальним інструментарієм, що використовується у шкільній практиці, і сучасними професійними засобами веброзробки. На основі аналізу чинних навчальних програм і підручників встановлено, що домінування підходів, заснованих на використанні систем керування вмістом та візуальних редакторів, не забезпечує формування в учнів глибокого розуміння структури коду та принципів його створення. Метою роботи є розроблення та апробація методики навчання вебтехнологій старшокласників із використанням сучасних інструментів розробки програмного забезпечення на основі проєктно-орієнтованого навчання, а також оцінювання її ефективності. Для досягнення мети використано комплекс теоретичних і емпіричних методів дослідження, зокрема аналіз наукової літератури, педагогічний експеримент, анкетування, спостереження, тестування та експертне оцінювання результатів навчальної діяльності учнів. Розроблено навчальний модуль «Вебтехнології у дії», який передбачає поетапне опанування інструментів сучасної веброзробки у процесі створення учнями власних проєктів. Методологічною основою модуля є поєднання проєктно-орієнтованого підходу, методу кейсів та елементів підприємницького мислення. Особливу увагу приділено організації командної роботи та формуванню навичок співпраці. Результати пілотного впровадження свідчать про підвищення рівня навчальної мотивації учнів, їхньої залученості до освітнього процесу, а також формування практичних навичок веброзробки, зокрема роботи з кодом, організації проєктної діяльності та взаємодії в команді. Встановлено позитивну динаміку розвитку цифрових компетентностей, зокрема у сферах створення цифрового контенту та розв’язання проблем. Доведено, що запропонована методика сприяє наближенню навчального процесу до реальних практик галузі та може бути ефективно використана у профільному навчанні інформатики.

Ключові слова

Visual Studio Code, GitHub, вебтехнології, цифрові компетентності, проєктно-орієнтоване навчання, пілотне дослідження, НУШ

Бібліографічні посилання

  1. Концепція «Нова українська школа», затверджена розпорядженням Кабінету Міністрів України від 14 грудня 2016 р. № 988-р. URL: https://zakon.rada.gov.ua/laws/show/988-2016-%D1%80#Text (дата звернення: 15.03.2026).
  2. Руденко В. Д., Речич Н. В., Потієнко В. О. Інформатика (профільний рівень): підруч. для 11 кл. закл. загал. серед. освіти. Харків: Вид-во «Ранок», 2019. 256 с.
  3. Навчальна програма з інформатики (профільний рівень) для 10-11 класів закладів загальної середньої освіти: затв. наказом МОН України від 23.10.2017 № 1407. URL: https://mon.gov.ua/static-objects/mon/sites/1/zagalna%20serednya/programy-10-11-klas/prof-riven.pdf (дата звернення: 15.03.2026).
  4. Stack Overflow. Developer Survey 2025. URL: https://survey.stackoverflow.co/2025/technology#1-dev-id-es (дата звернення: 15.03.2026).
  5. Kovari A., Katona J. Effect of software development course on programming self-efficacy. Education and Information Technologies. 2023. Vol. 28. P. 10937–10963. DOI: https://doi.org/10.1007/s10639-023-11617-8.
  6. Patani P., Tiwari S. The impact of GitHub on students’ learning and engagement in a software engineering course. Computer Applications in Engineering Education. 2024. Vol. 32, No. 5. Article e22775. DOI: https://doi.org/10.1002/cae.22775.
  7. Ou Q., Liang W., He Z., Liu X.,∙Yang R., Wu X. Investigation and analysis of the current situation of programming education in primary and secondary schools. Heliyon. 2023. Vol. 9, No. 4. Article e15530. DOI: https://doi.org/10.1016/j.heliyon.2023.e15530.
  8. Zhang L., Ma Y. A study of the impact of project-based learning on student learning effects: a meta-analysis study. Frontiers in Psychology. 2023. Vol. 14. Article 1202728. DOI: https://doi.org/10.3389/fpsyg.2023.1202728.
  9. Wijnia L., Noordzij G., Arends L. R., Rikers R. M., Loyens S. M. The effects of problem-based, project-based, and case-based learning on students’ motivation: A meta-analysis. Educational Psychology Review. 2024. Vol. 36, No. 1. Article 29. DOI: https://doi.org/10.1007/s10648-024-09864-3.
  10. Zhang W., Guan Y., Hu Z. The efficacy of project-based learning in enhancing computational thinking among students: A meta-analysis of 31 experiments and quasi-experiments. Education and Information Technologies. 2024. DOI: https://doi.org/10.1007/s10639-023-12392-2.
  11. Fitrah M. et al. The impact of integrated project-based learning and flipped classroom on students’ computational thinking skills: Embedded mixed methods. Education Sciences. 2025. Vol. 15, No. 4. Article 448. DOI: https://doi.org/10.3390/educsci15040448.
  12. Garcia M. B., Happonen A., Agbo F. J., Adarkwah M. A., Kazanidis I., Chiu T. K. F., Damaševičius R., Semerikov S. O. Pedagogical innovations for the modern computer science classroom: 50 teaching tips and practical strategies for computing education. In: Pedagogical Innovations in Computer Science Education / ed. M. B. Garcia. IGI Global Scientific Publishing, 2026. P. 1–42. DOI: https://doi.org/10.4018/979-8-3373-6546-6.ch001.
  13. Биков В.Ю. Цифрова трансформація суспільства і розвиток комп’ютерно-технологічної платформи освіти і науки України. Матеріали методологічного семінару НАПН України “Інформаційно-цифровий освітній простір України: трансформаційні процеси і перспективи розвитку». 4 квітня 2019 р. / За ред. В.Г. Кременя, О.І. Ляшенка. Київ, 2019. С.20–26.
  14. Spirin O., Burov O. Models and Applied Tools for Prediction of Student Ability to Effective Learning. 14th International Conference on ICT in Education, Research and Industrial Applications (ICTERI 2018). CEUR Workshop Proceedings. 2018. Vol. 2104. P. 404–412. URL: https://ceur-ws.org/Vol-2104/paper_222.pdf (дата звернення: 01.04.2026)
  15. Morze N. V., Strutynska O. V. Digital transformation in society: key aspects for model development. Journal of Physics: Conference Series. 2021. Vol. 1946. Article 012021. DOI: https://doi.org/10.1088/1742-6596/1946/1/012021.
  16. Литвинова С. Г., Мар’єнко М. В., Носенко Ю. Г., Сухіх А. С., Яцишин А. В. Цифровізація загальної середньої освіти України (кінець ХХ ст. – ХХІ ст.). Modern Information Technologies and Innovation Methodologies of Education in Professional Training: Methodology, Theory, Experience, Problems. 2022. Вип. 65. С. 40–57. DOI: https://doi.org/10.31652/2412-1142-2022-65-40-57
  17. Semerikov S. O., Vakaliuk T. A., Mintii I. S., Hamaniuk V. A., Bondarenko O. V., Nechypurenko P. P., Shokaliuk S. V., Moiseienko N. V. Designing an immersive cloud-based educational environment for universities: a comprehensive approach. AREdu 2023: Proceedings of the 6th International Workshop on Augmented Reality in Education, Kryvyi Rih, Ukraine, May 17, 2023. CEUR Workshop Proceedings. 2024. Vol. 3844. P. 107–116. URL: https://ceur-ws.org/Vol-3844/paper09.pdf (дата звернення: 01.04.2026).
  18. Vuorikari R., Kluzer S., Punie Y. DigComp 2.2: The Digital Competence Framework for Citizens. With new examples of knowledge, skills and attitudes. Luxembourg: Publications Office of the EU, 2022. DOI: https://doi.org/10.2760/115376.
  19. Fu Q., Zheng Y., Zhang M. et al. Effects of different feedback strategies on academic achievements, learning motivations, and self-efficacy for novice programmers. Educational Technology Research and Development. 2023. Vol. 71. P. 1013–1032. DOI: https://doi.org/10.1007/s11423-023-10223-2.
  20. Sun D., Xu F. Real-time collaborative programming in undergraduate education: A comprehensive empirical analysis of its impact on knowledge, behaviors, and attitudes. International Journal of Human-Computer Interaction. 2025. DOI: https://doi.org/10.1177/07356331241295739.
  21. Macnamara B. N., Burgoyne A. P. Do growth mindset interventions impact students’ academic achievement? A systematic review and meta-analysis with recommendations for best practices. Psychological Bulletin. 2023. Vol. 149, No. 3–4. P. 133–173. DOI: https://doi.org/10.1037/bul0000352.