Выберите городМосква
Москва
Алматы
Екатеринбург
Тюмень
Санкт-Петербург
Новосибирск
Сочи
Тбилиси
Москва
Алматы
Екатеринбург
Тюмень
Санкт-Петербург
Новосибирск
Сочи
Тбилиси
Личный кабинет СДО
Выберите городМосква
Москва
Екатеринбург
Тюмень
Санкт-Петербург
Сочи
Тбилиси
Москва+7 495 231-23-51
Екатеринбург
Тюмень
Санкт-Петербург
Сочи
Тбилиси
20480

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

Вендор
Тип курса
Авторский
Длительность
40 ак. часов
Стоимость
56 699 RUB
Описание

Вы получите знания и навыки разработки Windows Store и веб-приложений с использованием HTML5/CSS3/JavaScript, познакомитесь с принципами создания программных компонентов и структур, используемых в приложениях на HTML5. Особое внимание на занятиях уделяется принципам построения программной логики, определению и использованию переменных, написанию циклов и ветвлений, разработке пользовательских интерфейсов, обработке вводимых данных, их хранении, разработке структурированных приложений на базе HTML5/CSS3/JavaScript. Вы выполните большое количество практических работ с использованием Visual Studio 2012 на платформе Windows 8.

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

Необходимая подготовка

  • Уверенное знание HTML

Ваш результат обучения
  • Использовать 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

  • Обзор HTML
  • Обзор CSS
  • Создание веб-приложений с помощью Visual Studio 2012
  • Лабораторная работа: Анализ приложения Contoso Conference
    • Пошаговое изучение приложения управления конференциями “Contoso Conference”
    • Анализ и модификация приложения

По окончании этого модуля Вы будете уметь:

  • Описать основные элементы и атрибуты HTML
  • Объяснить структуру CSS
  • Описать инструменты, доступные в Visual Studio 2012 для создания веб-приложений

Глава 2. Создание и стилизации HTML5 страниц

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

По окончании этого модуля Вы будете уметь:

  • Создавать страницы с помощью новых функций HTML5
  • Применять стили CSS3 к элементам страницы HTML5

Глава 3. Введение в JavaScript

  • Обзор синтаксиса JavaScript
  • Использование DOM в JavaScript
  • Введение в jQuery
  • Лабораторная работа: Отображение данных и обработка событий с помощью JavaScript
    • Отображение данных
    • Обработка событий

По окончании этого модуля Вы будете уметь:

  • Описать синтаксис JavaScript и его использование в HTML5
  • Использовать JavaScript для управления DOM и обработкой событий
  • Описать использование библиотеки jQuery для упрощения кода на JavaScript

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

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

По окончании этого модуля Вы будете уметь:

  • Создавать формы, использующие новые элементы ввода HTML5
  • Проверять пользовательский ввод и обеспечивать обратную связь с помощью новых атрибутов HTML5
  • Писать код JavaScript для проверки пользовательского ввода и обеспечивать обратную связь в случаях, когда атрибуты HTML5 не годятся

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

  • Отправка и получение данных с помощью XMLHTTPRequest
  • Отправка и получение данных с помощью операций jQuery AJAX
  • Лабораторная работа: Связь с удаленным источником данных
    • Получение данных
    • Сериализация и передача данных
    • Оптимизация кода с помощью метода ajax библиотеки jQuery

По окончании этого модуля Вы будете уметь:

  • Отправлять и получать данные с помощью объектов XMLHTTPRequest
  • Оптимизировать код для получения и передачи данных метод ajax библиотеки jQuery

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

  • Стилизация текста
  • Стилизация группы элементов
  • Селекторы CSS3
  • Использования графических эффектов CSS3
  • Лабораторная работа: Стилизация текста и блоковых элементов с помощью CSS3
    • Стилизация панели навигации
    • Стилизация заголовка страницы
    • Стилизация страницы “О приложении” (About)

По окончании этого модуля Вы будете уметь:

  • Стилизовать элементы текста на странице HTML5, используя CSS3
  • Применять стили для групп элементов с помощью CSS3
  • Использовать селекторы CSS3 для отбора стилизуемых элементов
  • Реализовывать графические эффекты и преобразования (transformations) с помощью новых свойств CSS3

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

  • Разработка структурированного кода на JavaScript
  • Создание собственных объектов
  • Расширение созданных/существующих объектов
  • Лабораторная работа: Оптимизация кода для снижения издержек при сопровождении (Maintainability), повышение устойчивости при внесении изменений (Extensibility)
    • Наследование объектов
    • Рефакторинг кода использующего объекты

По окончании этого модуля Вы будете уметь:

  • Описать преимущества структурированного кода JavaScript
  • Применять передовой опыт для создания пользовательских объектов средствами JavaScript
  • Описать, как можно надстроить логику пользовательских и встроенных объектов

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

  • Взаимодействие с файлами
  • Использование мультимедиа
  • Реагирование на дислокацию и контекст обозревателя
  • Отладка и профилирование веб-приложений
  • Лабораторная работа: Создание интерактивных страниц с помощью HTML5
    • Внедрение видео
    • Внедрение изображений
    • Использование API геолокации

По окончании этого модуля Вы будете уметь:

  • Использовать технологию Drag and Drop и API для взаимодействия с файлами (File API)
  • Использовать элементы аудио и видео
  • Определить местоположение пользователя, запустившего Веб-приложение, с помощью API геолокации
  • Отлаживать и персонифицировать Веб-приложения, используя Web Timing API и Internet Explorer Developer Tools

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

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

По окончании этого модуля Вы будете уметь:

  • Сохранять и восстанавливать данные на компьютере пользователя с помощью Local Storage API
  • Обеспечение сохранения данных на стороне клиента с помощью Application Cache API

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

  • Поддержка различных форм-факторов
  • Создание адаптивного пользовательского интерфейса
  • Лабораторная работа: Реализация адаптивного интерфейса пользователя
    • Создание шаблона страницы пригодного для вывода на печать
    • Адаптация макета страницы к различным форм-факторам

По окончании этого модуля Вы будете уметь:

  • Научить приложение определять возможности устройств и адаптироваться к форм-факторам
  • Создавать веб-страницы, способные динамически адаптироваться, чтобы соответствовать различным форм-факторам

Глава 11. Использование графики

  • Создание векторной графики с помощью библиотеки SVG
  • Программное создание графики с помощью элемента Canvas
  • Лабораторная работа: Настройка расширенной графики
    • Создание интерактивной карты с использование средств векторной графики
    • Создание беджа докладчика (Speaker Badge) с помощью элемента Canvas

По окончании этого модуля Вы будете уметь:

  • Использовать векторную графику для создания интерактивных приложений
  • Рисовать сложные графические элементы на базе Canvas с помощью JavaScript

Глава 12. Анимация интерфейса пользователя

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

По окончании этого модуля Вы будете уметь:

  • Применить переходы CSS к элементам HTML5, управлять переходом через JavaScript
  • Описать различные типы 2D и 3D переходов, доступные с CSS3
  • Реализовать сложную покадровую анимацию с помощью CSS и кода JavaScript

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

  • Введение в Web Sockets
  • Отправка и получение данных с помощью Web Sockets
  • Лабораторная работа: Реализация двунаправленного обмена с использованием Web Sockets
    • Получение данных через Web Sockets
    • Отправка данных в Web Sockets
    • Передача разных типов сообщений через Web Sockets

По окончании этого модуля Вы будете уметь:

  • Описать, как работают Web Sockets, как происходит передача и прием сообщений
  • Использовать Web Socket API на JavaScript для подключения к серверу, отправки и получении данных и обработки событий, связанных с отправкой или получением сообщений

Глава 14. Использование Web Workers

  • Введение в Web Workers
  • Выполнение асинхронной обработки с помощью Web Workers
  • Лабораторная работа: Создание Web Workers
    • Повышение эффективности использования приложений посредством Web Workers
    • Обеспечение обратной связи с пользователями во время выполнения длительных операций

По окончании этого модуля Вы будете уметь:

  • Описать назначение Web Workers их использование для асинхронной обработки
  • Создавать, запускать и проводить мониторинг Web Worker из JavaScript при помощи Web Worker API

! Данный курс может быть заказан согласно 44-ФЗ, 223-ФЗ (закупка, аукцион, запрос котировок, конкурсные процедуры)

Слушатели рекомендуют нас
5.0
5.0
Отзывы слушателей курса

все понравилось! преподаватель шикарно подает информацию для непрофильных специалистов

Куцак Алена

Обучение в УЦ организовано хорошо. удобный ЛК. Техническая поддержка всегда на связи, помогает решить все возникающие вопросы.

Котова Ольга

Обучение понравилось. Приобрел дополнительный багаж знаний.

Беломоин Евгений

FAQ

Онлайн обучение реализуется в Системе Дистанционного Обучения УЦ Микротест — Mirapolis и проходит в реальном времени с преподавателем. За несколько дней до начала обучения вы получаете необходимые ссылки для подключения к курсу и доступ к Личному кабинету.

Более подробно вы можете ознакомиться с информацией на странице дистанционного обучения.

Если у вас остались вопросы, то обратитесь к нам любым удобным для вас способом (тел. +7(495) 231-23-51 или training@training-microtest.ru), и мы ответим на все ваши вопросы.

Очное обучение проходит на территории Учебного центра Микротест по адресу: Москва, Дербеневская наб. д. 7 стр.5, 5 этаж.

За несколько дней до начала обучения участник получает приглашение, в котором указан адрес места проведения и другая полезная информация для обучения.

Если вы не получили приглашение — обратитесь к нам любым удобным для вас способом (тел. +7(495) 231-23-51 или training@training-microtest.ru), и мы ответим на ваши вопросы и продублируем приглашение на вашу почту.

  1. Обучение проходит в реальном времени с преподавателем, вы можете задавать свои вопросы и разбирать интересные кейсы сразу в процессе обучения.
  2. Вашу учебную группу будет сопровождать координатор, которому можно задавать организационные вопросы.
  3. Если вы по каким-то причинам пропустили онлайн-занятие, то все записи будут доступны 24/7 в вашем личном кабинете в Системе Дистанционного Обучения. Также вы можете их использовать для закрепления материала.
  4. Дополнительно для вашего удобства мы создаем чат в Telegram вашей группы, где вы сможете задавать вопросы преподавателю, координатору и обмениваться опытом с коллегами по обучению.

По итогу прохождения обучения слушатели получают либо Сертификат Учебного центра о прохождении курса, либо Удостоверение о повышении квалификации, зарегистрированное в ФРДО (Федеральный реестр сведений о документах об образовании и (или) о квалификации, документах об обучении).

Помимо этого, по факту прохождения авторизованных курсов вендоров Eltex, PostgresPro, Astra Linux, QTECH, АЭРОДИСК и др. выдается электронный сертификат вендора.

В основном корпусе в Москве по адресу Дербеневская набережная д.7 стр.5, БЦ «Оазис», парковки, к сожалению, нет. Зато есть муниципальная платная парковка на всех прилегающих улицах.

По поводу остальных филиалов и корпусов — уточняйте информацию у наших менеджеров. Мы постараемся сделать всё возможное для вашего комфортного обучения.

Да, во время занятий для слушателей всегда доступны чай, кофе, печенье и другие снеки на кофе-брейках. Помимо этого, в обеденный перерыв будет предложен полноценный горячий обед.

Наш центр работает с корпоративными и частными клиентами. Для каждой категории клиентов мы разработали различные варианты сотрудничества, позволяющие гибко подходить к ценообразованию и вариантам оплаты.

Обо всех специальных условиях читайте в разделе Спецпредложения или обратитесь к нам любым удобным для вас способом (тел. +7(495) 231-23-51 или training@training-microtest.ru)

Также подпишитесь на новости нашего учебного центра, где вы первыми узнаете про интересные предложения от нас.

Не нашли подходящиего курса?
Оставьте заявку на обучение для вашей организации
Почему выбирают обучение у нас
Техническая
экспертиза

Эксперты в обучении:

  • Сети передачи данных и связь
  • ОС Linux и платформы виртуализации
  • Центры обработки данных и СХД

Опытные преподаватели с мультивендорной экспертизой

Расширенный лабораторный полигон для практики

Подготовка ИТ-специалистов по государственным профессиональным стандартам

Образовательный девелопер

Проектирование и реализация мультивендорных образовательных решений, программ «под ключ»

Разработка и реализация технологических решений для оценки компетенций: тесты, лабораторные полигоны и стенды

Большой опыт создания технологических партнерств с ИТ-вендорами, дистрибьюторами и крупными интеграторами

Пул экспертов в управлении образовательными проектами + разработчики, методологи, педагогические дизайнеры

Подпишитесь и будьте в курсе
Информация о новинках, скидках и акциях. Уже более 36 000 подписчиков!