Методичні аспекти навчання учнів основам веброзробки із використанням технології React

Abstract

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

This thesis examines the problem of improving the effectiveness of computer science education using modern web technologies and justifies the use of interactive web applications in the educational process. The work analyses the psychological and pedagogical foundations of using interactive technologies and the potential of React technology for creating educational solutions. Based on this analysis, a teaching methodology was developed, which is based on the integration of the project-based approach, the "Live Coding" method, the use of cloud development environments, and artificial intelligence tools. The effectiveness of the proposed software tool was tested through a pedagogical experiment involving 10th and 11th grade students. The results of the study demonstrated an increase in the level of academic achievement, interest, and motivation of students who studied using the developed methodology. The developed approach can be integrated into the study of the topic "Fundamentals of Web Development" and other sections of computer science.