Данный курс познакомит слушателей с чертами современной верстки интернет-интерфейсов с поддержкою HTML5/CSS3 и предназначен для широкого круга веб-разработчиков, желающих углубить свои знания и освоить на практике новые возможности, предоставляемые HTML5 и CSS3. Вы узнаете, как добавлять аудио, видео и векторную графику на веб-страницы без использования Flash.
Увидите, как хранение данных на стороне клиента в автономном режиме кэширования может кардинально улучшить скорость загрузки веб-страниц и как в этом помогают простые решения, доступные в CSS3. Так же в курсе рассмотрены индивидуальности внедрения HTML5 и CSS3 в современых браузерах: IE, Google Chrome, Firefox, Opera, Safari.
Информация о видеокурсеНазвание: 1С-Битрикс. Управление сайтом
Год выхода: 2015
Производитель: Geekbrains (Школа программирования)
Автор: Дмитрий Акинин
Жанр: Обучающий
Продолжительность: 20:20:17
Язык: Русский
Чему Вы научитесь:• Размечать страницу при помощи новых семантических тегов 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)