[valentin]

Школа Программирования | HTML5 и CSS3 - Современные средства Web-разработки [2012] PCRec


Автор (режиссер): Школа Программирования
Название: HTML5 и CSS3 - Современные средства Web-разработки
Год выпуска: 2012
Страница курса: http://proglive.ru/courses/html5

Продолжительность: 16:09:36

Жанр: Веб-дизайн, Веб-мастеринг
Качество видео: PCRec
Видеокодек: MPEG-4 AVC/H.264
Битрейт видео: от ~116 до ~806 Кбит/сек, ~3 кадр/сек
Размер кадра: 1680x1050@1680x1056
Аудиокодек: AAC
Битрейт аудио: 256 Кбит/сек, 44,1 КГц, 2 канала

Описание:
Курс знакомит слушателей с особенностями современной верстки веб-интерфейсов с помощью HTML5/CSS3 и рассчитан на слушателей, знакомых с HTML 4.01 и XHTML 1.1, CSS2.1 и JavaScript.

Особое внимание уделено проблеме кроссбраузерности. Рассмотрены особенности применения HTML5 и CSS3 в современных браузерах: IE8/9, Google Chrome, Firefox, Opera, Safari.
Курс состоит из трёх модулей:
Модуль 1. HTML5
Модуль 2. CSS3
Модуль 3. Современные инструменты веб-разработчика

• Что такое HTML5?
• Краткая история HTML
• Новая идеология HTML5
• Отличия HTML5 от HTML4.01 и XHTML1.x
• Новые теги и атрибуты
• Устаревшие теги

• Основная структура документа
• Обзор новых тегов HTML5, таких как <section>, <article>, <header>, <footer> и <nav> и др.
• Смысл появления новых элементов и примеры использования
• Поддержка новых тегов в устаревших браузерах

• Новые типы ввода данных: search, email, url, tel, range, number, datetime и др.
• Новые атрибуты полей ввода: autofocus, placeholder, reqired, autocpmlete и др.
• Валидация данных форм на стороне клиента.
• Обратная совместимость с устаревшими браузерами

• Что такое холст?
• Координаты холста
• Рисование изображений в реальном времени
• Методы создания изображений в реальном времени: пути, обводка, заливка, преобразования, кривые, градиенты, тени
• Анимация на холсте
• Поддержка спецификации HTML 5 Canvas браузерами

• Плюсы и минусы в использовании элементов video и audio
• Поддержка видео и аудио форматов браузерами
• Атрибуты элементов video/audio
• Управление воспроизведением

• Web Storage — мощная, хорошо поддерживаемая замена файлам cookie.

• Создание веб-приложений работающих без постоянного подключения к интернету.

• Встроенные возможности определения местоположения пользователя.

• Обмен сообщениями между окнами.

• Создание отдельных потоков для нагруженных вычислений.

• Создание прямого соединения между сервером и клиентом для обмена данными в реальном времени.

• Что такое CSS3?
• Что нового в CSS3?
• Преимущества CSS3
• Новые подходы к разработке: прогрессивное усовершенствование и постепенная деградация
• Можем ли мы использовать CSS3 уже сегодня?

• Cоздание загругленных углов у блоков, тени под боксом, использование изображений в качестве рамки блока.

• Добавление тени к тексту
• Текстовые эффекты: свечение, вдавленный текст, винтажный текст, эффект огня и др.
• Автоматический перенос длинных слов в блоке

• Заливка градиентом
• Использование полупрозрачных градиентных заливок для создания эффекта блика
• Генераторы градиентов

• Преобразования элементов на плоскости: перемещение, масштабирование, вращение и растягивание.

• Трехмерные преобразования элементов.

• Новые методы работы с фоном блока
• Использование нескольких изображений для создания фона

• Использование подгружаемых шрифтов в браузерах
• Обзор библиотек открытых шрифтов

• Эффекты плавного перехода от одного стиля к другому без использования Flash и JavaScript.

• Создание анимации на веб-странице с помощью CSS3.

• Простое создание многоколоночной раскладки текста на странице.

• Новые функции для управления интерфейсом пользователя.

• Форматы цвета
• RGBA, HSLA и прозрачность
• Удобство использования формата HSLA

• Новые методы доступа к элементам без использования классов и идентификаторов.

• Способ ускоренного написания HTML и CSS кода.

• Понимание media queries
• Адаптивный и мобильный дизайн средствами CSS3

• Принципы создания верстки будущего

• JavaScript-библиотека для проверки поддержки возможностей HTML5 и CSS3 в браузере.

• Высокопрофессиональный и надежный набор HTML/CSS/JS шаблонов для разработки веб-сайтов и веб-приложений.

• Динамический язык стилевой разметки. Удобный инструмент для построения больших CSS файлов.

• Обзор возможностей Twitter Bootstrap.
• Twitter Bootstrap как прекрасный пример современного кроссбраузерного CSS-фреймворка.
• Быстрое создание современных веб-интерфейсов с помощью Twitter Bootstrap.

• Эргономика, практичность и удобство использования сайта (usability) и доступность (accessibility) сайтов.

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

Дмитрий Акинин

Преподаватель-практик с блестящими знаниями и богатым практическим опытом в области разработки веб-приложений: HTML5, CSS3, JavaScript, Python, Ruby, PHP, проектирования интерфейсов и баз данных.

Автор курсов: «HTML5 и CSS3 - создание современных интерфейсов и веб-приложений», «Python. Уровень 1 - программирование на языке высокого уровня», «Python. Уровень 2 - профессиональная веб-разработка с помощью фреймворка Django».

Внимательный и терпеливый, умеет донести знания до каждого.

В качестве руководителя проекта, backend и frontend разработчика Дмитрий Акинин принимал участие в большом количестве проектов, в числе которых: сайты медиагруппы "Звезда" - телеканал "Звезда", радио "Звезда", корпоративный сайт компании Лудинг - лидера алкогольного рынка России, сайт телеканала Столица, сайт издательского дома "Собеседник", информационно-аналитические проекты "Первого канала", поддержка сайта компании "Pioneer", корпоративные порталы предприятий нефтегазовой отрасли, торговые площадки, онлайн CRM-системы, веб-приложения.

Сочетает преподавание с практической работой. Окончил МГТУ им. Н.Э. Баумана.

Дмитрий Акинин является техническим директором собственной студии, клиентами которой являются как крупные производственно-промышленные холдинги, так и предприятия малого бизнеса.

Общее
Полное имя: ...\Модуль 1. HTML5\html5_2_forms.mov
Формат: MPEG-4
Профиль формата: QuickTime
Идентификатор кодека: qt
Размер файла: 205 Мбайт
Продолжительность: 54 м.
Общий поток: 522 Кбит/сек
Дата кодирования: UTC 2012-06-23 19:18:47
Дата пометки: UTC 2012-06-23 19:33:13
Программа кодирования: Mac OS X v10.7.4 (CMA 891, CM 705.78, x86_64)
Библиотека кодирования: Apple QuickTime

Видео
Идентификатор: 2
Формат: AVC
Формат/Информация: Advanced Video Codec
Профиль формата:
Параметр CABAC формата: Нет
Параметр ReFrames формата: 2 кадра
Параметры GOP формата: M=2, N=60
Идентификатор кодека: avc1
Идентификатор кодека/Информация: Advanced Video Coding
Продолжительность: 54 м.
Вид битрейта: Переменный
Битрейт: 249 Кбит/сек
Максимальный битрейт: 12,7 Мбит/сек
Ширина: 1680 пикс.
Высота: 1050 пикс.
Соотношение сторон: 1,600
Режим частоты кадров: Переменный
Частота кадров: 3,237 кадр/сек
Минимальная частота кадров: 1,304 кадр/сек
Максимальная частота кадров: 30,000 кадр/сек
Цветовое пространство: YUV
Подвыборка цветности: 4:2:0
Битовая глубина: 8 бит
Тип развёртки: Прогрессивная
Бит/(Пиксели*Кадры): 0.044
Размер потока: 97,8 Мбайт (48%)
Заголовок: Core Media Video
Дата кодирования: UTC 2012-06-23 19:18:47
Дата пометки: UTC 2012-06-23 19:33:13
Основные цвета: BT.709-5, BT.1361, IEC 61966-2-4, SMPTE RP177
Характеристики трансфера: BT.709-5, BT.1361
Коэффициенты матрицы: BT.709-5, BT.1361, IEC 61966-2-4 709, SMPTE RP177

Аудио
Идентификатор: 1
Формат: AAC
Формат/Информация: Advanced Audio Codec
Профиль формата: LC
Идентификатор кодека: 40
Продолжительность: 54 м.
Вид битрейта: Постоянный
Битрейт: 256 Кбит/сек
Каналы: 2 канала
Расположение каналов: Front: L R
Частота: 44,1 КГц
Метод сжатия: С потерями
Размер потока: 103 Мбайт (50%)
Заголовок: Core Media Audio
Дата кодирования: UTC 2012-06-23 19:18:47
Дата пометки: UTC 2012-06-23 19:33:13

В раздачу включены дополнительные материалы, необходимые для прохождения курса.

Скриншоты: