Разработка приложений средствами HTML5, JavaScript и CSS 3: Повышение квалификации

Реализация и работа со структурами документов и объектами

• Создание структуры документа
• Создание структуры пользовательского интерфейса с помощью разметки семантики, предназначенной для поисковых систем и средств считывания с экрана (Section (Раздел), Article (Статья), Nav (Навигатор), Header (Верхний колонтитул), Footer (Нижний колонтитул) и Aside (Дополнительно)); создание контейнера для компоновки в HTML
• Написание кода, который взаимодействует с элементами пользовательского интерфейса
• Программное добавление и изменение элементов HTML; внедрение мультимедийных элементов управления; внедрение полотна HTML5 и графики SVG
• Программное применение стиля к элементам HTML
• Изменение местоположения элемента; применение преобразования; возможность показать или скрыть элементы
• Внедрение API-интерфейсов HTML5
• Внедрение API-интерфейсов хранения, API-интерфейса AppCache и API-интерфейса Geolocation
• Установление области для объектов и переменных
• Определение времени жизни переменных; размещение объектов вне глобального пространства имен; использование ключевого слова "this" для ссылки на объект, который вызвал событие; область для локальных и глобальных переменных
• Создание и реализация объектов и методов
• Реализация встроенных объектов; создание настраиваемых объектов и настраиваемых свойств для встроенных объектов с помощью прототипов и функций; наследование из объекта; реализация встроенных методов и создание настраиваемых методов

Внедрение программного потока

• Внедрение программного потока
• Проход по элементам коллекций и массивов; управление программными решениями с помощью операторов switch, if/then и других операторов; оценка выражений
• Инициация и обработка события
• Обработка общих событий, инициируемых DOM (OnBlur, OnFocus, OnClick); объявление и обработка событий с восходящей маршрутизацией; обработка событий с помощью анонимной функции
• Реализация обработки исключений
• Установка и реагирование на коды ошибок; вызов исключения (throw); запрос для проверки null; реализация блоков try-catch-finally
• Реализация обратного вызова
• Прием сообщений из API-интерфейса HTML5 WebSocket; использование jQuery для вызова AJAX; связывание события; реализация обратного вызова с использованием анонимной функции; обработка указателя "this"
• Создание рабочего веб-процесса
• Запуск и остановка рабочего веб-процесса; передача данных в рабочий веб-процесс; настройка тайм-аутов и интервалов в рабочем веб-процессе; регистрация прослушивателя событий для рабочего веб-процесса; ограничения для рабочего веб-процесса

Доступ и защита данных

• Проверка данных, введенных пользователем, с помощью элементов HTML5
• Выбор на основании требований соответствующих элементов управления; реализация типов ввода и атрибутов содержимого HTML (например, "required") для сбора данных, введенных пользователем
• Проверка данных, введенных пользователем, с помощью JavaScript
• Вычисление регулярного выражения для проверки формата введенных данных; проверка получения данных нужного типа с помощью встроенных функций; предотвращение внедрения кода
• Использование данных
• Использование данных JSON и XML; извлечение данных с помощью веб-служб; загрузка данных или получение данных из других источников с помощью XMLHTTPRequest
• Сериализация, десериализация и передача данных
• Двоичные данные; текстовые данные (JSON, XML); реализация метода сериализации jQuery; Form.Submit; разбор данных; передача данных с помощью XMLHTTPRequest; очистка ввода с помощью URI/кодировки формы

Использование CSS 3 в приложениях

• Свойства текста в стиле HTML
• Применение стилей к виду текста (цвет, полужирный, курсив); применение стилей к шрифту (WOFF и @начертание, размер); применение стилей к выравниванию, интервалу, отступу текста; применение стилей к расстановке переносов в тексте; применение стилей для текста с отбрасыванием теней
• Свойства поля style HTML
• Применение стилей для изменения атрибутов внешнего вида (размер, рамка и рамка с закругленными углами, контур, заполнение, поле); применение стилей для изменения графических эффектов (прозрачность, непрозрачность, фоновое изображение, градиенты, тени, обрезка); применение стилей для установки и изменения положения элемента (статическое, относительное, абсолютное, фиксированное)
• Создание гибкого макета содержимого
• Реализация макета с помощью гибкой рамочной модели; реализация макета с использованием нескольких столбцов; реализация макета с использованием плавающего положения и исключений; реализация макета с использованием сетки для выравнивания; реализация макета с использованием областей, группирования и вложения
• Создание анимированного и адаптивного пользовательского интерфейса
• Анимация объектов с помощью переходов CSS; применение 3-D и 2-D преобразований; коррекция пользовательского интерфейса на основе мультимедийных очередей (адаптация устройств к форматам выводимых данных, дисплеям и представлениям); сокрытие или отключение элементов управления
• Поиск элементов с помощью средств выбора CSS и jQuery
• Выбор правильного средства выбора для ссылки на элемент; определение средств выбора элемента, стиля и атрибутов; поиск элементов с помощью псевдоэлементов и псевдоклассов (например, :before, :first-line, :first-letter, :target, :lang, :checked, :first-child)
• Формирование структуры файла CSS с помощью средств выбора CSS
• Правильные ссылки на элементы; внедрение иерархии; переопределение наследования с помощью !important; стиль элемента на основании псевдоэлементов и псевдоклассов (например, :before, :first-line, :first-letter, :target, :lang, :checked, :first-child)
• Введение в AngularJS, интеграция с AngularJS