Курсы IT: Создание сайтов HTML/CSS Основной курс HTML-вёрстки

Основной курс HTML-вёрстки «Epic Skills»

Epic Skills в Санкт-Петербурге

Форма обучения: Очная, Курсы

Категория: «HTML/CSS»

Отзывы: 2 / 0 / 0

Оставьте отзыв

Вы сможете верстать страницы практически любой сложности. Узнаете, как работать с чужим кодом и правильно публиковать сайты в сети, соберёте портфолио из 2 сайтов и выполните больше 200 учебных заданий.

Требуемый стартовый уровень владения предметом: Не требуется (с нуля)

О курсе Отзывы

Cвободная дата (начало по мере набора)

Учебных часов: 42

Дней: 14

Стоимость/час: 64000 руб (1523 руб/час)

Большая группа

Возможные профессии после курса

Верстальщик сайтов

Анонс

Введение. Основы HTML5
Синтаксис HTML5, виды тегов. Виды ссылок, установка якорей. Семантическая разметка.
Инструменты веб-разработчика
Виды редакторов кода. Графические редакторы. Расширения в браузерах. Онлайн-песочницы. FTP-клиенты. Кодгайды.
Каскадные таблицы стилей
Синтаксис и селекторыCSS3. Правила написания и именования классов. Наследование, каскадность и приоритеты.
Photoshop для верстальщика. Шрифты
Настройки рабочей области фотошопа для верстальщика. Различия форматов графики в вебе. Тонкости работы с макетами от дизайнеров. Градиенты, способы их построения, тени. Подключение шрифтов. Работа с иконочными шрифтами (упоминание). Favicon. Графические редакторы (Photoshop, Illustrator, Sketch). Спрайты.
Методологии: OOCSS, SMACSS, БЭМ. Mobile first
Проблемы современной верстки. Методологии: OOCSS, SMACSS, БЭМ, различия. Следование кодгайду. Подход Mobile First. Viewport.
Блочная модель. Выравнивание
Понятие потока документа. Различия блочных и строчных элементов. Внутренние и внешние отступы, схлопывания. Рамки и границы. Таблицы и их свойства (в системе заданий). Вертикальное и горизонтальное выравнивание.
Раскладка блоков на странице
Структура и каркас сайта. Свойство inline-block, его особенности. Свойство float, сбрасывание потока. Как бороться с выпаданиями и переполнением.
Flexbox. Адаптивная и резиновая верстка.
Flexbox: основные понятия, спецификация, поддержка, баги. Адаптивные и резиновые сетки. Медиавыражения, принцип перестроения сеток, комбинирование условий.
Декоративные элементы
Виды позиционирования. Управление порядком слоёв. Виды псевдоэлементов.
Интерактивные элементы
CSS-анимация, раскадровка, свойства. Способы трансформаций. Формы, виды полей, разбор атрибутов. Установка jQuery-плагинов.
Модульные сетки и Bootstrap
Построение модульных сеток. Знакомство с Bootstrap. Кроссбраузерная вёрстка.
jQuery часть 1
Знакомство с бибилиотекой jQuery. Взаимодействие jQuery с HTML и CSS. Селекторы — поиск и выборка элементов DOM. Эффекты — примеры использования, разбор очереди. Базовые события jQuery. Отладка ошибок в консоли.
jQuery часть 2
jQuery Ajax. Часто используемые плагины: слайдер, модальные окна, табы, выпадающее меню. Стилизация плагинов.