Курсы HTML + CSS (верстка)

Занятия будут проходить в НГТУ. После этого курса вы научитесь делать статические веб-сайты с элементами анимации и сможете работать на должности HTML-верстальщик (web-технолог) или заняться фрилансом. Это востребовано! Посмотрите вакансии на hh.ru...

Курс будет состоять из аудиторных занятий и домашний заданий. Продолжительность аудиторных занятий - 50 часов (1 месяц).
На протяжении всего курса учащиеся без проблем смогут получать консультации по домашним заданиям через Skype, электронную почту.
Так же в конце курса я расскажу куда двигаться дальше, что еще изучить, какими ресурсами пользоваться и т.д.

Если придете со своим компьютером, то будет скидка - 500р.

Программа курса:

1) Введение.
2) Что такое тэги?
Meta-тэги, основные тэги.
Что такое атрибуты тэгов?
Что такое разметка?
С чего начинается верстка?
Правила написания кода, пишем красиво и аккуратно.
Что такое семантика?
3) Табличная верстка – пережитки прошлого, НО знать обязательно.
Как делать переходы по страницам (навигация, ссылки).
4) Дивная верстка (блочная).
5) Введение в CSS.
Классы, идентификаторы.
Как подключать стили.
Сколько “весят” селекторы? Приоритеты.
Наследование свойств.
Что такое фиксированный сайт? Преимущества и недостатки.
Что такое резиновый сайт? Преимущества и недостатки.
Плавающие блоки.
Сайт “живет” в трехмерном пространстве (z-index и позиционирование).
Ввод пользовательских данных (формы).
Инспектируем код в браузере.
6) CSS-эффекты и анимация.
Псевдо-классы, псевдо-элементы. Примеры использования
7) Что такое адаптивная верстка (adaptive & responsive), как это делать?
Быстрое написание кода. Как написать десятки, сотни и даже тысячи строк “однотонного” кода за считанные секунды!
8) “Нарезаем” макет в Photoshop.
9) Спрайты.
Дополнительно (если учащиеся будут быстро все схватывать и пройдут базовый курс менее чем за 50 часов).
1) Хаки в верстке для различных браузеров.
2) Что такое микро-разметка? Почему ее нужно знать?.
3) CSS-препроцессор LESS
4) Методология БЭМ (от Яндекса). Основы.