![[geekbrains] HTML5 и CSS3 Современные средства Web-разработки](/assets/images/logos/logo-white.webp "[geekbrains] HTML5 и CSS3 Современные средства Web-разработки"){kind=logo}
- 21, Apr 2023
- #1
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)
Курс продается здесь:
Скачать:
