Видеокурс М10953 Разработка c использованием HTML5 (2012)
Добавил tel40plus, в категорию: Компьютеры и програмирование, Создание и раскрутка сайта, Видеоуроки (28-03-2013, 17:26)
Материал видеокурса адаптирован для широкого круга слушателей и будет полезен не только интересующимся потенциалом HTML5, но и начинающим мобильным и веб-разработчикам. В курсе подробно рассматриваются новые расширения языка разметки, каскадные таблицы стилей CSS3, возможности javascript API. Информация будет особенно полезна как для разработки веб-приложений под Internet Explorer 10, так и для грядущей версии ОС Windows 8/Windows RT. Спустя 12 лет консорциум W3C выпускает новую, 5-ю версию стандарта HTML (HTML5) – в 2012 ожидается получение статуса «Candidate Recommendation (REC)». Производители наиболее популярных браузеров уже заявили о поддержке стандарта и более того, Microsoft намеревается сделать HTML5 основной технологией разработки приложений для устройств на базе Windows 8. HTML5 значительно модернизирован не только поддержкой современных требований HTML и XHTML, но и дополнен новейшими средствами реализации графики и мультимедиа, появление которых уже привело к началу вытеснения Adobe Flash. Применению новых возможностей HTML5 при помощи различных средств разработки и посвящен настоящий курс. По окончании курса Вы будете уметь: ? Создавать веб-приложения с использованием 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 - руководство педагога Название: М10953 Разработка c использованием HTML5 Автор (режиссер): Специалист Год выпуска: 2012 Жанр: обучающее видео Язык: русский Продолжительность: 24 ак. ч. Качество видео: PCRec Видеокодек: mp4 Видео: 1440*1080,~9999 kb/s, Аудио: AC3 2.0, 300 Размер: 1.71 GB Забрать М10953 Разработка c использованием HTML5 (2012) Видеокурс Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Посмотрели: 2917 | Прокомментировали: 0
Смотрите также по теме:
|
АвторизацияЭтот параграф содержит ссылку. Этот параграф содержит ссылку. |