HTМL версткa: с нуля до первого макета. Видеокурс (2015)

1. Введение

Основы клиент-серверного взаимодействия
*клиент-серверные взаимодействия,
*история HTML,
*инструменты разработчика.

Базовая HTML-разметка
*структура страницы,
*синтаксис HTML,
*понятие тега.

Знакомство с CSS
*базовые принципы CSS,
*синтаксис CSS,
*подключение CSS.

2. Основы HTML-разметки

Основные теги для разметки контента
*теги для работы с текстом,
*как работать с ссылками и изображениями,
*как представлять таблицы в HTML-верстке,
*что такое контейнеры ().

Выбор сетки сайта
*примеры типовых сеток с демонстрацией приемов применения,
*табличная и блочная верстка,
*резиновая и адаптивная сетка.

Позиционирование блоков
*подробнее о взаимодействии блоков между собой,
*position, float, block/inline-block и другие,
*знакомство с нестандартными решениями.

3. Приближение результата верстки к макету

Работа с Photoshop
*обзор типовых задач, которые выполняет верстальщик в Photoshop,
*работа со слоями,
*нарезка, сохранение фрагментов.

Особенности подготовки изображений для верстки
*форматы изображений,
*приемы оптимизации,
*настройка полезных макросов в PS.

Верстка в точном соответствии с макетом
*форматирование текста с помощью CSS,
*единицы измерения в верстке и макете,
*замер расстояний и цветов в Photoshop,
*приоритеты и наследование в CSS.

Профессиональное оформление кода
*критерии оценки верстки (качественная, некачественная),
*специфика работы профессионалов,
*кроссбраузерность.

4. javascript

Возможности javascript
*взаимодействии JS с HTML и CSS,
*наиболее популярные случаи применения javascript.

Основы работы с библиотекой jQuery
*когда стоит применять jQuery,
*в чем его сильные и слабые стороны,
*как обращаться к элементам на странице,
*наиболее часто используемые возможности jQuery,
*подключение плагинов.