Программа курса «WEB-программирование»

Необходимые предварительные знания: средний уровень пользования ПК.

Длительность: 60 ак.часов (30 занятий, по 1.5 часа (2 ак.часа) в неделю).

Курс разделён на 2 ступени. На каждую ступень отводится по 15 занятий, количество занятий на определённую тему (в пределах отведённых часов), варьируется, в зависимости от успеваемости обучающихся.

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

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

План программы:

1 ступень

1. Изучение общих принципов WEB 2.0, изучение базовых конструкций HTML и CSS. Задание– сверстать несколько произвольных страниц, с использованием базовых конструкций, разобранных на занятии.
2. Табличная вёрстка. Задание– сверстать классический 3-х-колоночный шаблон, аналогичный тому, что разбирался на занятии, методами табличной вёрстки.
3. Блочная вёрстка. Задание– переделать табличную вёрстку, из предыдущего задания, в блочную, сохранив внешний вид и поведение шаблона, посмотреть обучающее видео на тему «семантическая вёрстка» (ссылка будет дана), и учесть правила семантики, при выполнении задания.
4. HTML-формы + введение в JS. Задание– создание простой HTML- формы, с использованием стандартных полей, а также, написание простейшего скрипта, проверяющего форму на предмет заполнения полей.
5. JS-продолжение. Задание– создание мини-теста (на произвольную тематику), с использованием HTML-форм и JS.
6. JS и CSS-библиотеки, от сторонних разработчиков. Задание– внедрить произвольный слайдер в свой шаблон, подогнав скрипты и стили.
7. Введение в PHP. Задание– написание простейшего PHP-скрипта, обрабатывающего несколько полей HTML-формы, с последующей генерацией ответа, в формате HTML.
8. PHP + MySQL. Задание– создание простейшей системы, позволяющей вносить данные в БД, удалять их, и искать.
9. Знакомство с CMS MODx. Задание– частичная насадка шаблона, из задания 3, на CMS MODx.
10. Динамическая генерация полей в MODx, средствами MIGx. Задание– окончательная насадка всех секций шаблона, на CMS MODx, с использованием MIGx.

2 ступень

1. Приёмы адаптивной вёрстки. Задание– адаптация шаблона, из задания 3, под различные устройства.
2. Знакомство с CMS WordPress. Задание– частичная насадка адаптированного шаблона, из задания 11, на CMS WordPress.
3. Динамические поля в WP, средствами базового функционала данной CMS. Задание– окончательная насадка шаблона, из предыдущего задания, на CMS WordPress.
4. Разделение CMS на концепции. Задание– создание реферата, описывающего преимущества и недостатки MODx-концепции, в сравнении с концепцией большинства известных CMS.
5. Изучение современных методов вёрстки, введение во FlexBOX. Задание– сверстать простейший макет с использованием FlexBOX.
6. Продолжение FlexBOX. Задание– усложнить макет, обосновать, где было необходимо применение FlexBOX, а где, было выгоднее использовать стандартные блочные и табличные методы.
7. Продолжение изучения современных методов вёрстки, примеры применения CSS-анимаций. Задание-   создание собственного блока с различными эффектами, например, слайдера, и внедрение созданного блока в усложнённый шаблон, из предыдущего задания.
8. Итоговая проверка знаний, полученных в результате прохождения курса. Задание– полная насадка макета из предыдущего задания на CMS, выбираемую обучающимся. Обоснование выбора конкретной CMS.

Курс считается успешно пройденным, при полном выполнении 18 заданий.