Программа курса «WEB-программирование»
Необходимые предварительные знания: средний уровень пользования ПК.
Длительность: 60 ак.часов (30 занятий, по 1.5 часа (2 ак.часа) в неделю).
Курс разделён на 2 ступени. На каждую ступень отводится по 15 занятий, количество занятий на определённую тему (в пределах отведённых часов), варьируется, в зависимости от успеваемости обучающихся.
После прохождения первой части, человек получит базовые представления и навыки, в области WEB-разработки, однако, этих знаний будет недостаточно, для создания полноценного современного сайта, но позволит чётко выявить специфические направления WEB-разработки, в которые хотел бы углубиться обучающийся.
После прохождения полного курса, человек получит базовые знания, в области WEB-разработки, пройдёт полный цикл создания сайта и сможет самостоятельно создать несложный, но полноценный сайт, без использования конструкторов, но с базовым функционалом. Полученные, в результате прохождения курса знания, позволят войти в профессию WEB-программиста, с дальнейшим профессиональным развитием.
План программы:
1 ступень
- Изучение общих принципов WEB 2.0, изучение базовых конструкций HTML и CSS. Задание– сверстать несколько произвольных страниц, с использованием базовых конструкций, разобранных на занятии.
- Табличная вёрстка. Задание– сверстать классический 3-х-колоночный шаблон, аналогичный тому, что разбирался на занятии, методами табличной вёрстки.
- Блочная вёрстка. Задание– переделать табличную вёрстку, из предыдущего задания, в блочную, сохранив внешний вид и поведение шаблона, посмотреть обучающее видео на тему «семантическая вёрстка» (ссылка будет дана), и учесть правила семантики, при выполнении задания.
- HTML-формы + введение в JS. Задание– создание простой HTML- формы, с использованием стандартных полей, а также, написание простейшего скрипта, проверяющего форму на предмет заполнения полей.
- JS-продолжение. Задание– создание мини-теста (на произвольную тематику), с использованием HTML-форм и JS.
- JS и CSS-библиотеки, от сторонних разработчиков. Задание– внедрить произвольный слайдер в свой шаблон, подогнав скрипты и стили.
- Введение в PHP. Задание– написание простейшего PHP-скрипта, обрабатывающего несколько полей HTML-формы, с последующей генерацией ответа, в формате HTML.
- PHP + MySQL. Задание– создание простейшей системы, позволяющей вносить данные в БД, удалять их, и искать.
- Знакомство с CMS MODx. Задание– частичная насадка шаблона, из задания 3, на CMS MODx.
- Динамическая генерация полей в MODx, средствами MIGx. Задание– окончательная насадка всех секций шаблона, на CMS MODx, с использованием MIGx.
2 ступень
- Приёмы адаптивной вёрстки. Задание– адаптация шаблона, из задания 3, под различные устройства.
- Знакомство с CMS WordPress. Задание– частичная насадка адаптированного шаблона, из задания 11, на CMS WordPress.
- Динамические поля в WP, средствами базового функционала данной CMS. Задание– окончательная насадка шаблона, из предыдущего задания, на CMS WordPress.
- Разделение CMS на концепции. Задание– создание реферата, описывающего преимущества и недостатки MODx-концепции, в сравнении с концепцией большинства известных CMS.
- Изучение современных методов вёрстки, введение во FlexBOX. Задание– сверстать простейший макет с использованием FlexBOX.
- Продолжение FlexBOX. Задание– усложнить макет, обосновать, где было необходимо применение FlexBOX, а где, было выгоднее использовать стандартные блочные и табличные методы.
- Продолжение изучения современных методов вёрстки, примеры применения CSS-анимаций. Задание- создание собственного блока с различными эффектами, например, слайдера, и внедрение созданного блока в усложнённый шаблон, из предыдущего задания.
- Итоговая проверка знаний, полученных в результате прохождения курса. Задание– полная насадка макета из предыдущего задания на CMS, выбираемую обучающимся. Обоснование выбора конкретной CMS.
Курс считается успешно пройденным, при полном выполнении 18 заданий.