Программирование в HTML5 с JavaScript и CSS3
20480
Вы получите знания и навыки разработки Windows Store и веб-приложений с использованием HTML5/CSS3/JavaScript, познакомится с принципами создания программных компонентов и структур, используемых в приложениях на HTML5. Особое внимание на занятиях уделяется принципам построения программной логики, определению и использованию переменных, написанию циклов и ветвлений, разработке пользовательских интерфейсов, обработке вводимых данных, их хранении, разработке структурированных приложений на базе HTML5/CSS3/JavaScript. Слушатели данного курса выполнят большое количество практических работ с использованием Visual Studio 2012 на платформе Windows 8.
Курс помогает подготовиться к следующим сертификационным экзаменам:
70-480: Programming in HTML5 with JavaScript and CSS3.
Аудитория
Курс предназначен для разработчиков с опытом более 6 месяцев, желающих изучить принципы создания приложений на HTML5 с JavaScript и CSS3, развить навыки разработки веб-приложений под IE10 и Windows Store. Курс не требует знания HTML5, вполне достаточно некоторого опыта использования HTML4.
Предварительный уровень подготовки
Для эффективного обучения слушатели должны обладать следующими знаниями и навыками:
- Использование 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.
Программа курса
Модуль 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