FRONT-END. HTML & CSS.
ОСНОВЫ

Ёмкий доброжелательный курс по основам веб-верстки для полных новичков. Терпеливо, с самых азов.

3 месяца, 2 раза в неделю, 4 000 грн/мес.

О курсе

В современной веб-разработке многое изменилось буквально за несколько лет. Изменились технологии, процессы и подходы.

Дизайнер сайтов больше не может делать вид, что html его не касается. Ведь итоговый результат веб-проекта — работающий сайт, а не набор файлов .jpeg.

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

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

А потом принять решение, куда развиваться дальше: нырять во front-end и разбираться в нем глубоко, или ограничиться базовым набором для создания качественных веб-интерфейсов.
4 000 грн/мес.

Курс длится 3 месяца, вы можете оплатить его одним платежом со скидкой 5%

27 занятий

2 раза в неделю по понедельникам и четвергам с 19:30 до 21:30

24 июля 2017

Новая группа стартует 24 июля 2017

14 мест

Мы уделяем внимание каждому студенту курса. Поэтому количество мест ограничено


Николай Коваль

Front-End и Javascript специалист, преподаватель

Кому будет полезно

Новичкам, которые хотят сделать в веб-разработке первые шаги и сверстать первые приличные странички.

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

Для прохождения курса вам обязательно понадобится собственный ноутбук.

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

Программа рассчитана на практическое освоение инструмента: все темы проходим «руками» и закрепляем домашними работами.
Основы языка HTML
Основные понятия, терминология и синтаксис. Пару слов о браузерах. Назначение DOCTYPE и его форматы. Кодировка документа. Мета теги. Базовые теги. Ссылки. Рисунки. Списки. Таблицы. Специальные символы. Атрибуты. Пути.

Основы CSS
Преимущество стилей. Синтаксис CSS. Понятие селектор. Виды селекторов. Понятие приоритетности селектора. Основные единицы измерения. Наследование. Работа с веб инспектором. Цвета, фон, спрайты.

Свободное перемещение и позиционирование
Блочная модель. Поток элементов. Позиционирование элементов разметки: нормальное, относительное, абсолютное, фиксированное. Собираем пазл.

Блочная верстка
Понятия блочная верстка. Слои. Колоночные макеты. Хаки и шаманство. Clearfix. Overflow. Разрабатываем простой лендинг.

Закрепление материала
Работаем с селекторами. Применяем на практике псевдо-классы и псевдо-элементы. Разработка выпадающего меню. Пишем код быстрее. Дополнительные плагины.

Практикум
Подготовка макета для верстки. Верстаем отдельные блоки страницы. Собираем полноценную веб-страницу. Разработка страниц новостного портала.

HTML5
Кроссбраузерность. Новые теги. Семантика. Вставка видео и аудио. Адаптивная верстка.

CSS3
Верстаем без вырезки элементов дизайна. Градиенты. Тени. Анимации. Трансформации (2-d, 3-d). Новая разметка flexbox, многоколоночность, счетчики.

Автоматизация рутинной работы
Как верстать быстрее, чем рисуется дизайн.

Работа с пре- и пост- процессорами
Работа с пре- и пост- процессорами. Разбор методологий верстки. Проблемы разработки больших проектов.

Системы контроля
Работа с системами контроля версий. Командная разработка большого проекта

Работа с фреймворками
Разбор фреймворков, практика работы с фреймворком bootstrap

Введение в JavaScript
Разработка сложных динамических элементов, введение в JavaScript

Рендеринг
Рендеринг WEB-страницы, тестирование рендера динамического элемента в консоли браузера, работа с производительностью.

Что дальше
Расширение горизонтов, зоны личностного развития студентов курса во фронд-энде. Высокая планка. Новые трюки. Специфика рынка. Будущее отрасли.

Место проведения

Киев, Projector (ул. Воздвиженская, 34А), место встречи и работы дизайнеров и разработчиков всех направлений и специализаций

Регистрация

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