[geekbrains] HTML5 и CSS3 Современные средства Web-разработки

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)