Курс, который охватывает все аспекты профессионального создания сайтов: прототипирование, работу с графическими редакторами, правку шаблонов, настройку хостинга и сервера. В рамках курса ученики будут работать со Sketchup, HTML и CSS, WordPress, познакомятся с Photoshop.

 

Курс состоит из четырех блоков:

 

1) Проектирование сайта, разработка его прототипа, бизнес-модели

2) Поиск стиля и создание дизайна сайта

3) Верстка проекта (HTML и CSS)

4) Работа с базами данных и системой управления сайтом

 

На этапе проектирования сайта мы продумаем структуру проекта, проанализируем, какие разделы на сайте нужны и зачем. Затем мы создадим алгоритм/схему проекта и пропишем взаимосвязь между страницами.

 

На этапе создания дизайна сайта ученик получит базовые навыки работы в графическом редакторе. Мы разберем различные варианты оформления сайтов, будем искать достоинства и недостатки каждого, узнаем, как можно улучшить дизайн. Также мы изучим вопросы типографики и выбора шрифтов, использования иконок, пиктограмм и фонов. В итоге мы создадим разные версии страницы с учетом требований адаптивного дизайна.

 

Третий этап – верстка проекта – это написание программного кода сайта на HTML и CSS. Мы перенесем нарисованный нами дизайн сайта в кодовые страницы. Изучим, что такое сервер, хостинг, домен и выложим наш первый проект в интернет.

 

Web-мастер должен понимать всю внутреннюю структуру управления сайтами, потому на четвертом этапе мы научимся пользоваться базами данных MySQL, запускать сайт на WordPress, создавать подразделы и менять информацию на проекте, пользуясь возможностями этой системы управления.

 

В течение курса ученик создаст один или несколько полноценных сайтов и выложит их в интернет.

 

Курс рассчитан на 3 месяца.

 

Возраст учеников: 10-14 лет

 

Кол-во человек в группе: до 10 человек

 

Как мы понимаем, что учащийся освоил программу?

Во время обучения мы оцениваем как практическую сторону вопроса (как это сделать?), так и понимание темы (почему и зачем).

 

Ученики демонстрируют свои знания, решая задачи своим собственным способом, объясняя алгоритмы своими словами, помогая одногруппникам исправлять ошибки и создавая презентации по своим законченным проектам.

​

Темы web-программирования

 

1. HTML - Язык который лежит в основе каждой страницы в интернете

 

2. CSS - Базовый язык стилей, позволяет оформлять созданное на HTML

 

3. Основы javascript - Рассмотрим базовые принципы программирования на примере JavaScript

 

4. JavaScript, работа с объектной моделью документа - Здесь мы научимся с помощью JavaScript управлять страницей: скрывать и показывать элементы, передвигать их и изменять

 

5. JavaScript, События - Научимся реагировать на поведение и действие пользователя. Теперь-то наши программы оживут по-настоящему. Учимся делать страницы любой сложности, с любым количеством колонок, реагировать на действия пользователя, делать выпадающие меню и скрывающиеся элементы

 

6. Визуальные эффекты – тени, закругления, трансформации. UX/UI-дизайн. Прототипирование. Отрисовка макета в Adobe Photoshop.

 

7. Верстка макета реального сайта

 

8. JavaScript. jQuery - jQuery — самая популярная библиотека, позволяет упрощать и улучшать код

 

9. Финальный проект. Определяем и прорабатываем идею для финального проекта

Разбираем, как программы могут работать без интерфейса, зачем это нужно и как этим пользоваться. Cервер, командная строка.

 

10. Выкладываем результат в сеть