Загрузка. Пожалуйста, подождите...
Этот параграф содержит ссылку.
Интересное
Опрос
Партнеры
Лучшие журналисты портала
1 - Slava1702
2 - webpostman
3 - id26327371
4 - snikers7
5 - Merlin19
Партнеры
Видеокурс М10953 Разработка c использованием HTML5 (2012)
[thumb]
Материал видеокурса адаптирован для обшироного круга слушателей и станет полезен не лишь увлекающимся потенциалом html5, но и начинающим мобильным и веб-разработчикам. В данном видео пособии тщательно рассматриваются новейшие расширения языка разметки, возможности javascript api, каскадные таблицы стилей css3. Информация подойдет как для разработки веб-приложений под 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) Видеокурс
Забрать с letitbit.net Одним файлом
Забрать с vip-file.com Одним файлом
Забрать с shareflare.net Одним файлом
Забрать с uploaded.net Одним файлом
Забрать с dfiles.ru Одним файлом
br>
br> br>
Условия использования информации на сайте:
Вся информация, представленная здесь, не предназначена для какого-либо распространения и может использоваться только в личных ознакомительных целях.
На данном сайте представлены исключительно ссылки в свободном доступе на другие ресурсы.
Администрация сайта и хостинг-провайдер не несут ответственности за использование материалов на данном сайте.
Сбыт и распространение материалов, представленных на сайте запрещены.
Вы предупреждены о вышеизложенном и обязуетесь это соблюдать, в противном случае вы обязаны покинуть этот сайт.
Любую информацию на портале можно посмотреть или забрать себе
В случае обнаружения на портале информации, нарушающей авторские права, обратитесь к администрации портала для удаления этой информации !!!
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо зайти на сайт под своим именем.
Просмотров: 1129 автор:
tel40plus
28 марта 2013
Профиль
Регистрация
Войти
Логин:
Пароль (
Забыли?
):
Чужой компьютер
Войти
Copyright © 2008-2010 Разработка интернет агенства "Promoteweb.Ru" - SEO / SMO продвижение и раскрутка, создание веб web сайтов