[GeekBrains] HTML5 и CSS3 Современные средства Web-разработки, 2015
HTML5 и CSS3 Современные средства Web-разработки
Курс «HTML5+CSS3» предназначен для широкого круга веб-разработчиков, желающих углубить свои знания и основоить на практике новые возможности, предоставляемые HTML5 и CSS3. Для полноценного усвоения материала слушателям желательно иметь навыки браузерной верстки, а так же базовые знания HTML, CSS и JavaScript.
Чему Вы научитесь
- Размечать страницу при помощи новых семантических тегов 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)