Курс надає знання та навички розробки web-додатків та додатків для Windows Store з використанням стеку технологій HTML5/CSS3/JavaScript, створення на HTML5 програмних компонентів та структур для цих додатків. Розглядаються принципи побудови програмної логіки, визначення та використання змінних, написання циклів та розгалужень, побудови інтерфейсів користувачів, обробки та зберігання даних, які вводяться, розробки структурованих додатків на базі HTML5/CSS3/JavaScript. Передбачена велика кількість практичних робіт з використанням Visual Studio 2012 на платформі Windows 8.
Після закінчення курсу слухачі зможуть:
- використовувати Visual Studio 2012 для створення Windows Store та web-додатків;
- описати нові функції HTML5, створювати сторінки в стилі HTML5;
- додавати інтерактивні сторінки HTML5 з використанням JavaScript;
- створювати форми HTML5 з використанням різних типів введення, перевіряти дані, які введені користувачем, за допомогою атрибутів HTML5 та коду JavaScript;
- відправляти та отримувати дані віддалено за допомогою об'єктів XMLHttpRequest та методів AJAX-бібліотеки jQuery;
- налаштовувати стиль сторінок HTML5 за допомогою нових можливостей CSS3;
- створювати структурований код на JavaScript, який легко супроводжувати;
- використовувати нові можливості JavaScript API в інтерактивних web-додатках;
- створювати web-додатки, які підтримують зберігання даних на стороні клієнта у offline-режимі;
- створювати web-сторінки HTML5, здатні адаптуватися до різних видів пристроїв та форм-факторів;
- виводити графіку засобами HTML5, використовуючи елементи Canvas та масштабовану векторну графіку SVG;
- підвищити зручність інтерфейсу користувача за допомогою анімації на сторінках HTML5;
- використовувати нові можливості Web Sockets API для передачі та прийому даних між web-додатком та сервером;
- зробити більш ефективною роботу додатків, які здійснюють тривалі операції з використанням Web Worker.
Аудиторія
Курс призначений для досвідчених розробників, які бажають вивчити принципи створення додатків на HTML5 з JavaScript та CSS3, розвинути навички розробки web-додатків під IE10 та Windows Store. Курс не вимагає знання HTML5, цілком достатньо досвіду використання HTML4.
Для ефективного навчання на курсі, слухачі повинні володіти такими знаннями і навичками:
- курс «М10953. Розробка c використанням HTML5»;
- курс «М50564. Введення в HTML5»;
- досвід програмування на Visual С ++ або еквівалентна підготовка.
- Огляд HTML та CSS
- Огляд HTML
- Огляд CSS
- Створення web-додатків за допомогою Visual Studio 2012
- Створення та стилізації HTML5-сторінок
- Створення сторінки HTML5
- Налаштування стилю сторінки HTML5
- Вступ до JavaScript
- Огляд синтаксису JavaScript
- Використання DOM в JavaScript
- Вступ до jQuery
- Створення форм для збору даних та перевірки даних, які введені користувачем
- Огляд форм та типів введення
- Перевірка даних, які введені користувачем, за допомогою атрибутів HTML5
- Перевірка даних, які введені користувачем, за допомогою JavaScript
- Взаємодія з віддаленим джерелом даних
- Відправлення та отримання даних за допомогою XMLHttpRequest
- Відправлення та отримання даних за допомогою операцій jQuery AJAX
- Моделювання за допомогою HTML5 CSS3
- Стилізація тексту
- Стилізація групи елементів
- Селектори CSS3
- Використання графічних ефектів CSS3
- Створення об'єктів за допомогою JavaScript
- Розробка структурованого коду на JavaScript
- Створення власних об'єктів
- Розширення створених та наявних об'єктів
- Створення інтерактивних сторінок за допомогою HTML5
- Взаємодія з файлами
- Використання мультимедіа
- Реагування на дислокацію та контекст глядача
- Налаштування та профілювання web-додатків
- Використання можливостей зберігання даних на стороні клієнта
- Локальне читання та запис даних
- Збереження даних на стороні клієнта у offline-режимі за допомогою кеша додатка
- Реалізація адаптивного інтерфейсу користувача
- Підтримка різних форм-факторів
- Створення адаптивного інтерфейсу користувача
- Використання графіки
- Створення векторної графіки за допомогою бібліотеки SVG
- Програмне створення графіки за допомогою елемента Canvas
- Анімація інтерфейсу користувача
- Застосування CSS-переходів transitions
- Перетворення елементів transformations
- Використання покадрової CSS-анімації
- Реалізація обміну повідомленнями, спрямованого в обидва боки, з використанням Web Sockets
- Вступ до Web Sockets
- Відправлення та отримання даних за допомогою Web Sockets
- Використання Web Workers
- Вступ до Web Workers
- Виконання асинхронної обробки за допомогою Web Workers