Music Listener
|
М10953 Разработка c использованием HTML5. Обучающий видеокурс
- Год: 2012
- Страна: Россия
- Тематика:Программирование
- Тип материала: Обучающее видео
- Продолжительность: ~ 24 часов
- Автор: Специалист
- Язык: Русский
- Субтитры: Отсутствуют
Описание: Спустя 12 лет консорциум W3C выпускает новую, 5-ю версию стандарта HTML (HTML5) – в 2012 ожидается получение статуса «Candidate Recommendation (REC)». Производители наиболее популярных браузеров уже заявили о поддержке стандарта и более того, Microsoft намеревается сделать HTML5 основной технологией разработки приложений для устройств на базе Windows 8.
HTML5 значительно модернизирован не только поддержкой современных требований HTML и XHTML, но и дополнен новейшими средствами реализации графики и мультимедиа, появление которых уже привело к началу вытеснения Adobe Flash. Применению новых возможностей HTML5 при помощи различных средств разработки и посвящен настоящий курс.
Материал адаптирован для широкого круга слушателей и будет полезен не только интересующимся потенциалом HTML5, но и начинающим мобильным и веб-разработчикам. В курсе подробно рассматриваются новые расширения языка разметки, каскадные таблицы стилей CSS3, возможности JavaScript API. Информация будет особенно полезна как для разработки веб-приложений под Internet Explorer 10, так и для грядущей версии ОС Windows 8/Windows RT.
- Качество: PCRec
- Формат: wmv
- Видео кодек: G2M4
- Аудио кодек: WMA
- Видео: G2M4,1024x768-1 440x900, ~300 Kbps, 29.970 fps
- Аудио: WMA, 44.1 KHz, 48.0 Kbps, 1 channel
Содержание По окончании курса Вы будете уметь: - Создавать веб-приложения с использованием HTML5
- Использовать новые элементы структурирования, навигации и ввода данных
- Управлять стилем и разметкой при помощи новых возможностей CSS3
- Применять растровую/векторную графику и внедрять мультимедиа
- Владеть продвинутыми возможностями HTML5
- Хранить данные в браузере при помощи средств интернет-хранилищ (web storage)
- Использовать HTML5 JavaScript API: работать с файлами (File API), геолокацией (Geolocation API), интерфейсом “drag-and-drop” (DnD)
- Выбирать подходящий инструментарий для использования HTML5
- Visual Studio 11, Microsoft WebMatrix, ASP.NET MVC 3
- Использовать средства Internet Explorer Developer Tools
Модуль 1. Введение в HTML5 - Основы HTML (элементы страницы, таблицы, списки, формы)
- Нововведения HTML5 (новые элементы, Open Web Platform)
- Каскадные таблицы стилей (CSS) – нюансы использования
- Все о JavaScript (основы языка, анонимные функции, объекты и интроспекция, область видимости)
- Объектная модель документа (DOM), встраивание JavaScript
- Как работают AJAX и JSON
- Возможности библиотеки jQuery (интеграция, селекторы, манипуляция DOM, события)
Лабораторная работа: Создание веб-приложений HTML5 (75 мин.) — Использование средств разработки — Настройка стилей, применение jQuery и JavaScript (объектов и событий) — Создание сворачиваемой панели и элементов слайд-шоу
По завершении этого модуля слушатели смогут: — Понимать различия между HTML и HTML5 — Владеть CSS, JavaScript, DOM, AJAX, JSON и jQuery — Использовать средства разработки для создания веб-приложений HTML5
Модуль 2. HTML5 – структура страницы, элементы навигации - Новые элементы HTML5
- Структурирование страницы (элементы заменяющие “div”)
- Семантические группы (связывание элементов)
- Вложенные (inline) семантические элементы (mark, meter, progress, time)
- Управление интерактивностью (details, summary, menu, command)
- Video, audio, canvas и другие
- Новая навигация (элемент “nav”) между и внутри страниц
- Реализация различных вариантов меню (элементы “menu”/“command”)
Лабораторная работа: Освоение элементов HTML5 (45 мин.) — Преобразование существующих страниц к стандарту HTML5 — HTML5-верстка на основе скетчей “GameDetails” и “Cart”, добавление стилей — Связывание страниц с помощью навигации и меню
По завершении этого модуля слушатели смогут: — Владеть новыми элементами HTML5 — Использовать новые средства навигации и меню — Преобразовывать страницы в HTML5
Модуль 3. Ввод и валидация данных - Новые элементы HTML5
- 12 новых элементов ввода данных
- Управление датой и временем
- Новые атрибуты форм: эргономичность, управление поведением, “drag-and-drop”, редактирование
- Устаревшие (deprecated) атрибуты HTML4
- Возможности валидации данных (элементы “form”, “range”, “required”, “pattern”, “maxlenght”)
- Расширенные возможности HTML5
- Встроенное определение типа и возможностей браузера, интероперабельность
- Проверка наличия и возможностей HTML5/CSS3 при помощи Modernizr.js
- Обратная совместимость при помощи полифилов (polyfills)
Лабораторная работа: Ввод данных и валидация (45 мин.) — Добавление форм ввода данных (“Checkout” и “Game Review”) — Реализация валидации — Применение Modernizr.js и polyfills
По завершении этого модуля слушатели смогут: — Применять новые элементы ввода — Использовать новые/знать об устаревших атрибутах — Управлять валидацией данных — Владеть расширенными возможностями HTML5
Модуль 4. Управление стилями и разметкой страниц - Какой вариант разметки (layouts) выбрать?
- таблицы
- элемент “div”
- расширения HTML5
- возможности CSS3: Template-Based, Multi-column
- Нововведения CSS3 (новые селекторы, разметка, трансформация, анимация, адаптация UI под гаджет)
Лабораторная работа: Управление стилями и разметкой страниц (45 мин.) — Применение нововведений CSS3 для существующих страниц
По завершении этого модуля слушатели смогут: — Управлять стилями и разметкой страниц — Использовать возможности CSS3
Модуль 5. Графика и мультимедиа - Рисование в HTML5: растровая графика при помощи “canvas” (2D, масштабирование, трансформации)
- Встроенная поддержка аудио и видео, расширенные возможности
- Управление при помощи JavaScript
Лабораторная работа: Использование элементов графики и мультимедиа (60 мин.) — Отображение видео на странице — Создание слайд-шоу средствами контейнера “canvas”
По завершении этого модуля слушатели смогут: — Рисовать в контейнере “canvas” при помощи JavaScript — Использовать элементы аудио и видео, управлять ими в JavaScript — Подключать аудио/видео кодеки
Модуль 6. Подробнее об использовании графики - Рисование в HTML5: масштабируемая векторная графика (Scalable Vector Graphics)
- Элемент “svg”, использование DOM
- 2D, масштабирование, трансформации, фильтры, градиенты и паттерны
- Анимация “canvas” и “svg” (декларативное и императивное)
- Что выбрать: “canvas” или “svg”?
Лабораторная работа: Использование анимации (60 мин.) — Добавление и настройка стиля статистических диаграмм средствами “svg” — Реализация слайд-шоу при помощи “canvas” и JavaScript
По завершении этого модуля слушатели смогут: — Использовать возможности масштабируемой векторной графики — Управлять средствами анимации — Выбирать между “canvas” и “svg”
Модуль 7. Средства хранения данных в браузере - Технологии хранения
- куки – особенности использования, известные ограничения
- интернет-хранилище (web storage) в HTML5 — модель данных IndexedDB
- Что выбрать: интернет-хранилище или куки?
- Интерфейс интернет-хранилища (области, объектная модель, события, безопасность)
Лабораторная работа: Реализация интернет-хранилища (45 мин.) — Реализация локального хранилища для сохранения заказа на покупку — Интеграция созданного хранилища с сайтом при помощи jQuery
По завершении этого модуля слушатели смогут: — Использовать web storage API — Выбирать между сохранением сессии (sessionStorage) и локальной памятью хранения (localStorage)
Модуль 8. Новые возможности JavaScript в HTML5 - Новый API в HTML5
- Реализация “drag-and-drop” (DnD) – элементы “draggable”/”dropzone”, события, безопасность
- Интерфейс для работы с файлами (основные возможности, вопросы безопасности)
- Геолокация в HTML5 (объектная модель, использование, вопросы безопасности)
Лабораторная работа: Использование новых возможностей JavaScript API (60 мин.) — Интеграция DnD в существующие страницы — Работа с файлами и возможностями геолокации
По завершении этого модуля слушатели смогут: — Использовать новые возможности JavaScript в HTML5
Модуль 9. Инструментарий HTML5-разработчика - Установка и возможности Microsoft WebMatrix
- Использование Razor — нового механизма визуализации ASP.NET MVC 3 (основы, вопросы проектирования)
- Что выбрать: бесплатный Microsoft WebMatrix, Visual Studio или …?
Лабораторная работа: Освоение инструментария HTML5-разработчика (40 мин.) — Использование Microsoft WebMatrix — Создание веб-приложения с помощью Razor
По завершении этого модуля слушатели смогут: — Выбирать наиболее подходящее средство для разработки — Использовать Razor при помощи ASP.NET MVC 3
Дополнительная материалы (на англ.языке): labs — лабораторные работы 10953AD-ENU-LabManual — руководство по лабораторным работам 10953AD-ENU-TrainerHandbook — руководство педагога
Доп. информация Для воспроизведения требуется установленный кодек G2M4. Находится в папке G2M4
[rustorka.com]М10953 Разработка c использованием HTML5. Обучающий видеокурс.torrent |
Трекер: |
Зарегистрирован |
Скачать .torrent
192 KB
|
Статус: |
√ проверено (by Кэрри Гуд в 18-Апр-13 18:04)
|
Зарегистрирован: |
16-Апр-13 10:49 |
Скачан: |
126 раз |
Размер: |
1.71 GB |
|
Поблагодарили: |
Скачать М10953 Разработка c использованием HTML5. Обучающий видеокурс (2012, Программирование, G2M4) торрент |
|
Похожие раздачи
|