Программирование в HTML5 с JavaScript и CSS3
Аудитория:
Курс предназначен для разработчиков с опытом более 6 месяцев, желающих изучить принципы создания приложений на HTML5 с JavaScript и CSS3, развить навыки разработки веб-приложений под IE10 и Windows Store. Курс не требует знания HTML5, вполне достаточно некоторого опыта использования HTML4.
Аннотация:
Вы получите знания и навыки разработки Windows Store и веб-приложений с использованием HTML5/CSS3/JavaScript, познакомится с принципами создания программных компонентов и структур, используемых в приложениях на HTML5. Особое внимание на занятиях уделяется принципам построения программной логики, определению и использованию переменных, написанию циклов и ветвлений, разработке пользовательских интерфейсов, обработке вводимых данных, их хранении, разработке структурированных приложений на базе HTML5/CSS3/JavaScript. Слушатели данного курса выполнят большое количество практических работ с использованием Visual Studio 2012 на платформе Windows 8.
Курс помогает подготовиться к следующим сертификационным экзаменам:
70-480: Programming in HTML5 with JavaScript and CSS3.
Предварительная подготовка:
Для эффективного обучения слушатели должны обладать следующими знаниями и навыками:
• Использование HTML-тегов для отображения текстового содержимого;
• Использование HTML-тегов для вывода изображений;
• Владение JavaScript;
• Умение отделять представления страницы от ее содержания;
• Управление выводом контента;
• Управление позиционированием отдельных элементов;
• Использование стилей CSS.
По окончании этого курса слушатели смогут:
• Использовать Visual Studio 2012 для создания Windows Store и веб-приложений;
• Описать новые функции HTML5, создавать страницы в стиле HTML5;
• Добавлять интерактивные страницы HTML5 с использованием JavaScript;
• Создавать формы HTML5, используя различные типы ввода, проверять вводимые пользователем данные с помощью атрибутов HTML5 и кода JavaScript;
• Отправлять и получать данные удаленно с помощью объектов XMLHTTPRequest и метода ajax библиотеки jQuery;
• Настраивать стиль HTML5-страниц с помощью новых возможностей CSS3;
• Создавать структурированный и легкий в сопровождении код на JavaScript;
• Использовать новые возможности JavaScript API в интерактивных веб-приложениях;
• Создавать веб-приложения поддерживающие хранение данных на стороне клиента (offline-режим);
• Создавать веб-страницы HTML5, способные адаптироваться к различным видам устройств и форм-факторам;
• Выводить графику средствами HTML5, используя элементы Canvas и масштабируемую векторную графику SVG;
• Повысить удобство интерфейса пользователя, используя анимацию на страницах HTML5;
• Использовать новые возможности Web Sockets API для передачи и приема данных между веб-приложением и сервером;
• Сделать более эффективной работу приложений производящих длительные операции, используя Web Worker.
Документ об окончании курса:
Сертификат Microsoft.
Содержание курса:
Модуль 1. Обзор HTML и CSS (2 ак.часа)
Обзор и история HTML
Обзор CSS
Создание веб-приложения с использованием Visual Studio 2012
Модуль 2. Создание и управление разметкой страниц HTML5 (2 ак.часа)
Создание страниц HTML5
Управление разметкой страниц HTML5
Модуль 3. Введение в JavaScript (4 ак.часа)
Обзор синтаксиса JavaScript
Использование модели HTML DOM с JavaScript
Введение в jQuery
Модуль 4. Создание форм для сбора данных и проверки пользовательского ввода (4 ак.часа)
Обзор форм и элементов ввода
Проверка пользовательского ввода с использованием атрибутов HTML5
Проверка пользоательского ввода с использованием JavaScript
Модуль 5. Обеспечение взаимодействия с удалённым источником данных (2 ак.часа)
Обмен данными с использованием XMLHTTPRequest
Обмен данными с использованием jQuery AJAX
Модуль 6. Управление разметкой HTML5 с использованием CSS3 (2 ак.часа)
Разметка текста
Разметка блочных элементов
Селекторы CSS3
Графические эффекты с CSS3
Модуль 7. Создание объектов и методов JavaScript (2 ак.часа)
Написание Well-Structured JavaScript
Создание собственных объектов
Расширение объектов
Модуль 8. Создание интерактивных страниц с использованием HTML5 API (2 ак.часа)
Использование файлов
Внедрение мультимедиа
Обработа расположения и контекста клиента
Отладка и профайлинг веб-приложения
Модуль 9. Обработка оффлайн-сценариев веб-приложения (4 ак.часа)
Чтение и запись данных локально
Поддержка оффлайн-сценариев с использованием Application Cache
Модуль 10. Реализация адаптивного интерфейса пользователя (4 ак.часа)
Поддержка форм-факторов
Создание адаптивного интерфейса пользователя
Модуль 11. Использование графики (4 ак.часа)
Создание интерактивной графики с использованием Scalable Vector Graphics
Программная отрисовка графики с использованием Canvas
Модуль 12. Анимирование интерфейса пользователя (4 ак.часа)
Применение переходов CSS
Трансформация элементов
Применение CSS key-frame animations
Модуль 13. Обмен данными в реальном времени с использованием Web Sockets (2 ак.часа)
Обзор Web Sockets
Обмен данными с использованием Web Sockets
Модуль 14. Создание процесса Web Worker (2 ак.часа)
Обзор Web Worker
Асинхронная обработка с использованием Web Worker