Данный курс представляет собой введение в HTML5, CSS3, и JavaScript. Курс поможет слушателям получить базовые программистские навыки для использования технологий HTML5/CSS3/JavaScript. Этот курс является также "точкой входа" в систему обучения как по веб-приложениям, так и по приложениям Windows Store. Курс уделяет основное внимание тому, как с помощью HTML5/CSS3/JavaScript реализовывать программную логику, определять и использовать переменные, применять циклы и ветвления, разрабатывать пользовательский интерфейс, получать данные от пользователя и проверять их, хранить данные, а также создавать правильно организованные приложения.
Сценарии лабораторных работ к этому курсу подобраны так, чтобы соответствовать различным сценариям реальных приложений. Они уделяют внимание принципам, компонентам и структурам, имеющим отношение к HTML5.
В курсе используется Visual Studio 2012 в среде Windows 8.
После успешного прохождения курса слушатели должны уметь:
Объяснять, как использовать Visual Studio 2012 для создания и запуска веб-приложений
Описывать новые возможности HTML5, а также создавать HTML5 страницы и задавать им внешний вид
Добавлять интерактивность к страницам с помощью JavaScript
Создавать формы HTML5 с помощью элементов ввода различного типа, проверять вводимые пользователем данные с помощью атрибутов HTML5 и с помощью программного кода на JavaScript
Получать данные из внешнего источника и отсылать их, используя объект XMLHTTPRequest и операции AJAX библиотеки jQuery
Задавать внешний вид страницам HTML5 с помощью CSS3
Создавать правильно организованный и хорошо контролируемый код на JavaScript
Использовать различные API, имеющиеся в HTML5 в интерактивных веб-приложениях
Создавать веб-приложения, обладающие возможностями работы оффлайн
Создавать страницы HTML5, подстраивающиеся под различные устройства и экраны
Создавать сложные графические страницы, используя элементы Canvas и Scalable Vector Graphics
Создавать сложный пользовательский интерфейс, применяя анимацию
Применять Web Socket для передачи данных между страницей и сервером
Создавать с помощью Web Worker интерфейс пользователя, нормально функционирующий при выполнении длительных операций
Необходимая предварительная подготовка:
Понимать основы структуры HTML:
Как использовать тэги HTML для показа текстового содержимого
Как использовать тэги HTML для показа графики
Как использовать HTML API
Понимать, как задавать внешний вид элементам HTML с помощью CSS, включая:
Как отделять представление от содержимого
Как управлять потоками контента
Как задавать положение отдельного элемента
Как применять основные приемы CSS
Понимать, как писать код на JavaScript для добавления функциональности к странице
Как создавать и использовать переменные
Как применять следующее:
Арифметические операции для вычислений над переменными
Операции сравнения для проверки отношений между двумя переменными или выражениями
Логические операции, содержащие операции сравнения
Как управлять потоком выполнения с помощью опретора if ? else
Как применять операторы цикла
Как писать простые функции
Аудитория курса:
Курс предназначен для профессиональных разработчиков, обладающих опытом разработки и заинтересованных в том, чтобы научиться применять HTML5 с JavaScript и CSS3 (как для приложений Windows Store для Windows 8, так и для веб-приложений).
Курс предназначен для слушателей, обладающих следующим опытом:
Создания веб-приложений, включая написание просто программного кода на JavaScript
Создания настольных приложений
Работы с Visual Studio 2010 или 2012
Обзор HTML и CSS
Обзор HTML. Обзор CSS. Создание веб-приложения с помощью Visual Studio 2012.
Создание и задание внешнего вида страниц HTML5
Обзор HTML и CSS. Обзор HTML. Обзор CSS. Создание веб-приложения с помощью Visual Studio 2012.
Введение в JavaScript
Обзор синтаксиса JavaScript. Программирование HTML DOM с помощью JavaScript. Введение в jQuery.
Создание форм для получения данных от пользователя и их проверки
Обзор форм и типов элементов ввода. Проверка вводимых данных с помощью атрибутов HTML5. Проверка вводимых данных с помощью JavaScript.
Взаимодействие с внешним источником данных
Передача и получение данных с помощью объекта XMLHTTPRequest. Передача и получение данных с помощью AJAX операций библиотеки jQuery.
Задание внешнего вида страниц с помощью CSS3
Задание внешнего вида текста. Задание внешнего вида блочных элементов. Селекторы CSS3. Добавление визуальных эффектов с помощью CSS3.
Создание объектов и методов в JavaScript
Написание правильно структурированного кода с помощью JavaScript. Создание собственных объектов. Расширение объектов.
Создание интерактивных страниц с помощью API, имеющихся в HTML5
Взаимодействие с фалами. Мультимедийные возможности. Учет географического положения. Отладка и профилирование веб-приложения.
Добавка поддержки оффлайновой работы в веб-приложениях
Чтение и запись локальных данных. Использование кэша приложения.
Реализация адаптивного пользовательского интерфейса
Поддержка размеров экрана. Создание адаптивного пользовательского интерфейса.
Создание сложной графики
Создание интерактивной графики с помощью Scalable Vector Graphics. Программное рисование с помощью объекта Canvas.
Анимация пользовательского интерфейса
Применение переходов CSS. Трансформация элементов. Применение CSS Key-frame анимаций.
Реализация связи в режиме реального времени с помощью Web Sockets
Введение в Web Sockets. Передача данных с помощью Web Sockets.
Создание процесса Web Worker
Введение в Web Workers. Программирование асинхронных операций с помощью Web Worker.