Фоновый баннер

Программирование в HTML5 с JavaScript и CSS3

20480: Programming in HTML5 with JavaScript and CSS3

Подробнее о курсе

Краткое описание курса
Цель курса – предоставить слушателям знания и навыки разработки Windows Store и веб-приложений с использованием HTML5/CSS3/JavaScript, познакомить с принципами создания программных компонентов и структур, используемых в приложениях на HTML5. Курс сфокусирован на принципах построения программной логики, определении и использовании переменных, написании циклов и ветвлений, разработке пользовательских интерфейсов, обработке вводимых данных, их хранении, разработке структурированных приложений на базе HTML5/CSS3/JavaScript

Целевая аудиториякурса
Этот курс предназначен для разработчиков с опытом более 6 месяцев, желающих изучить принципы создания приложений на HTML5 с JavaScript и CSS3, развить навыки разработки веб-приложений под IE10 и Windows Store. Курс не требует знания HTML5, вполне достаточно некоторого опыта использования HTML4

Получаемые знания и навыки
По окончании курса слушатели смогут

  • Использовать 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
Необходимая предварительная подготовка
  • Использование HTML-тегов для отображения текстового содержимого;
  • Использование HTML-тегов для вывода изображений;
  • Владение JavaScript;
  • Умение отделять представления страницы от ее содержания;
  • Управление выводом контента;
  • Управление позиционированием отдельных элементов;
  • Использование стилей CSS

Краткое содержание курса
М
одуль 1 — Обзор HTML и CSS

  • Обзор HTML
  • Обзор CSS
  • Создание веб-приложений с помощью Visual Studio 2012

Модуль 2 — Создание и стилизации HTML5 страниц

  • Создание страницы HTML5
  • Настройка стиля страницы HTML5

Модуль 3 — Введение в JavaScript

  • Обзор синтаксиса JavaScript
  • Использование DOM в JavaScript
  • Введение в jQuery

Модуль 4 — Создание форм для сбора данных и проверки вводимых пользователем данных

  • Обзор форм и типов ввода
  • Проверка вводимых пользователем данных с помощью атрибутов HTML5
  • Проверка вводимых пользователем данных с помощью JavaScript

Модуль 5 — Взаимодействие с удаленным источником данных

  • Отправка и получение данных с помощью XMLHTTPRequest
  • Отправка и получение данных с помощью операций jQuery AJAX

Модуль 6 — Моделирование с помощью HTML5 CSS3

  • Стилизация текста
  • Стилизация группы элементов
  • Селекторы CSS3
  • Использования графических эффектов CSS3

Модуль 7 — Создание объектов с помощью JavaScript

  • Разработка структурированного кода на JavaScript
  • Создание собственных объектов
  • Расширение созданных/существующих объектов

Модуль 8 — Создание интерактивных страниц с помощью HTML5

  • Взаимодействие с файлами
  • Использование мультимедиа
  • Реагирование на дислокацию и контекст обозревателя
  • Отладка и профилирование веб-приложений

Модуль 9 — Использование возможностей хранения данных на стороне клиента

  • Локальное чтение и запись данных
  • Сохранение данных на стороне клиента (offline-режим) с помощью кэша приложения

Модуль 10 — Реализация адаптивного интерфейса пользователя

  • Поддержка различных форм-факторов
  • Создание адаптивного пользовательского интерфейса

Модуль 11 — Использование графики

  • Создание векторной графики с помощью библиотеки SVG
  • Программное создание графики с помощью элемента Canvas

Модуль 12 — Анимация интерфейса пользователя

  • Применение переходов (transitions) CSS
  • Преобразование (transformations) элементов
  • Использование покадровой CSS анимации

Модуль 13 — Реализация двунаправленного обмена сообщениями с использованием Web Sockets

  • Введение в Web Sockets
  • Отправка и получение данных с помощью Web Sockets

Модуль 14 — Использование Web Workers

  • Введение в Web Workers
  • Выполнение асинхронной обработки с помощью Web Workers

Отзывы по курсу