Актуальность. Выбор именно этого направления обусловлен его востребованностью на данном этапе развития информационных технологий и призван способствовать профессиональному образованию и самоопределению школьников. В основе данной программы, заложена межпредметная связь информатики с литературой, русским языком, черчением и рисованием. В процессе обучения от обучающихся потребуется не только умение создать свой Web-сайт, но и сделать его визуально и информационно привлекательным, что невозможно без мобилизации творческих возможностей и необходимости самостоятельного поиска нестандартных решений. Разработка Web-страниц в том или ином виде входит во многие современные курсы информационных технологий. Сегодня, в связи с более активным использованием Интернета, это один из наиболее востребованных обучающимися разделов программы. И надо использовать его максимально эффективно, применяя, в том числе возможности дополнительного образования. Направленность программы ориентирована на обучение созданию клиентской стороны пользовательского интерфейса к программно-аппаратной части сервиса. К Frontend относится все, что видит пользователь, когда открывает веб-страницу — это и сам интерфейс, и функции, с которыми он взаимодействует.

Отличительные особенности программы состоят в комплексном подходе к созданию интерфейсов сайта (разработка и создание макета, а также его верстка). В программе учитывается возраст группы обучающихся (повышенная сложность). Содержание программы объединено в три тематических модуля, каждый из которых выполняет отдельную задачу.

Целью программы является формирование у обучающихся информационных компетенций в области Frontend-разработки и Web-дизайна для реализации своих коммуникативных и технических способностей в ходе проектирования и конструирования сайтов и для дальнейшего профессионального самоопределения.

Задачи:

Обучающие:

• познакомить с понятиями frontend-разработки и web-дизайна;
• сформировать навыки составления фирменного стиля, подбирание цветовойпалитры, рисования логотипов;
• научить собирать удобный для пользователя дизайн страницы в Figma;
• научить верстать страницы с помощью HTML и CSS;
• сформировать навыки поиска и исправления ошибок в коде и в дизайне, как в собственных работах, так и в чужих;
• научить работать в режиме проектной деятельности.

Развивающие:

• привить навык самостоятельно определять цели и задачи в учебе и познавательной деятельности;
• научить оценивать правильность выполнения учебной задачи, собственные возможности её решения;
• развивать навык контроля своих действий и их корректировка;
• научить видеть и воспринимать эстетический дизайн в окружающей жизни;
• развивать познавательные процессы (внимание, восприятие, логическое мышление, память);
• привить навык к профессиональному самоопределению.

Воспитательные:

• воспитывать навыки самоорганизации;
• воспитывать навыки сотрудничества: работа в коллективе, в команде, микро-группе;
• воспитывать бережное отношение к технике, терпение в работе;
• воспитывать аккуратность, стремление доводить работу до конца;
• формировать у обучающегося культуру сохранения и совершенствования собственного здоровья;
• воспитывать самостоятельность, инициативу, творческую активность.

Планируемые результаты освоения программы

Предметные результаты:

В процессе занятий по программе к окончанию учебного года обучающиеся будут знать:

• основные конструкции языка разметки HTML и языка стилей CSS;
• термины «информация», «сообщение», «данные», «проект», «программа»;
• понимание различий между употреблением этих терминов в обыденной речи и в информатике;
• основные правила правильного дизайна веб-страниц;
• методы проектной деятельности.

В процессе занятий по программе к окончанию учебного года обучающиеся будут уметь:

• на практике составить макет веб-страницы на основе разработанного или данного фирменного стиля;
• на практике сверстать веб-страницу по предоставленному шаблону;
• использовать готовые прикладные компьютерные программы и сервисы (графические редакторы, редакторы кода и т.д.);
• выбирать способы представления и структурировать информацию в зависимости от постановленной задачи;
• создавать мини-проекты на основе полученных знаний.

По итогам освоения программы, к окончанию учебного года, обучающийся приобретет:

Метапредметные результаты:

• удержание цели деятельности в ходе решения учебной задачи;
• способность ставить цели и строить жизненные планы;
• нахождение ошибок в работе (в том числе в собственной), а также способы их решения;
• владение основами самоконтроля, самооценки, а также адекватная самооценка выполненной работы;
• умение видеть и воспринимать эстетический дизайн в окружающей жизни;
• развивать познавательные процессы (внимание, восприятие, логическое мышление, память).

Личностные результаты:

• готовность и способность учащихся к саморазвитию;
• сформировать мотивации к обучению и познанию;
• воспитывать навыков самоорганизации, терпения в работе;
• воспитывать навыки работы в коллективе, в команде и самостоятельно;
• воспитывать бережное отношение к технике;
• сформировать осознание важности изучения технологий и языков программирования;
• начало профессионального самоопределения, ознакомление с миром профессий, связанных с сайтостроением.