Чему Вы научитесь:

Размечать страницу при помощи новых семантических тегов HTML5: header, footer, aside, nav и других;
Использовать новые поля ввода для создания автоматически валидируемых форм без JavaScript;
Создавать восхитительные сайты используя новые возможности CSS3;
Использовать тени, скругленные углы блоков без использования изображений;
Создавать текстовые эффекты: вдавленный текст, неоновое свечение, эффект огня;
Использовать на своих сайтах нестандартные загружаемые шрифты
Создавать страницы, одинаково хорошо выглядящие на устройствах с разным разрешением экрана при помощи медиазапросов;
Определять поддерживаются ли возможности HTML5/CSS3 в браузере пользователя с помощью библиотеки Modernizr;
Создавать быстрые и современные сайты на основе шаблона HTML5 Boilerplate и css-фреймворка Twitter Bootstrap;
Рисовать на холсте: создавать статическую 2d-графику и анимацию;
Использовать встроенные возможности браузера для воспроизведения аудио и видео на веб-страницах;
Определять местоположение пользователя при помощи средств геолокации.

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

Урок 1. HTML5
Zen Coding,
Обзор HTML5,
Новые семантические элементы HTML5,
Новые возможности для создания форм
Урок 2. CSS3
Основы верстки,
Введение в CSS3,
Границы,
Текстовые эффекты,
Работа с цветом
Урок 3. CSS3, часть 2
Градиенты,
Фон,
Шрифты,
Многоколоночность,
Интерфейс пользователя,
Селекторы,
комбинаторы и псевдо-классы
Урок 4. CSS3, часть 3
2D-преобразования,
3D-преобразования,
Переходы,
Анимация
Урок 5. Современные инструменты веб-разработчика
Медиа запросы (Media Queries),
Modernizr,
HTML5 Boilerplate
Урок 6. Less и Bootstrap
LESS,
Twitter Bootstrap
Урок 7. Canvas и Video
Элемент Canvas (Холст),
Видео и аудио
Урок 8. Новые возможности HTML5
Новые атрибуты HTML5,
Хранение данных,
Автономные приложения,
Геолокация,
Сообщения (Web Messaging),
Фоновые вычисления (Web Workers),
Сокеты (Web Sockets)