Учебный центр «Специалист» при МГТУ им.Н.Э.Баумана Безлимитное обучение

+7 (495) 232-32-16

info@specialist.ru   skype icq

Интерактивные путеводители

Веб-технологии

web_sm

Веб-программирование

webprog_sm

Типы обучения

Знаете ли Вы, что...

Не нашли нужный Вам курс?

Закажите его в индивидуальном формате или Напишите, и мы его сделаем!

but-sbscr.jpg

Курс 10953: Разработка c использованием HTML5

Рекомендуем новую версию курса по последней версии программного обеспечения от Microsoft: 




По окончании курса Вы будете уметь:
  • Создавать веб-приложения с использованием HTML5
  • Использовать новые элементы структурирования, навигации и ввода данных
  • Управлять стилем и разметкой при помощи новых возможностей CSS3
  • Применять растровую/векторную графику и внедрять мультимедиа
  • Владеть продвинутыми возможностями HTML5
  • Хранить данные в браузере при помощи средств интернет-хранилищ (web storage)
  • Использовать HTML5 JavaScript API: работать с файлами (File API), геолокацией (Geolocation API), интерфейсом “drag-and-drop” (DnD)
  • Выбирать подходящий инструментарий для использования HTML5
  • Visual Studio 11, Microsoft WebMatrix, ASP.NET MVC 3
  • Использовать средства Internet Explorer Developer Tools
Специалисты, обладающие этими знаниями и навыками, в настоящее время крайне востребованы. Большинство выпускников наших курсов делают успешную карьеру и пользуются уважением работодателей.

Продолжительность курса - 24 ак. ч.

Преподаватели курса

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

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

Cлушатель: Овечкин Константин Владимирович

На курсе уникальный набор лабораторных практических задач. Получается за короткий срок превосходные знания и опыт для своей карьеры.

Cлушатель: Потапов Игорь Евгеньевич

Предварительная подготовка

Требуемая подготовка: Успешное окончание курса HTML и CSS. Уровень 1. Создание сайтов на HTML 5 и СSS 3 или эквивалентная подготовка.

Требуемая подготовка: Успешное окончание курса JavaScript. Уровень 1. Основы веб - программирования или эквивалентная подготовка.

Получить консультацию о необходимой предварительной подготовке по курсу Вы можете у наших менеджеров: +7 (495) 232-32-16.

Наличие предварительной подготовки является залогом Вашего успешного обучения. Предварительная подготовка указывается в виде названия других курсов Центра (Обязательная предварительная подготовка). Вам следует прочитать программу указанного курса и самостоятельно оценить, есть ли у Вас знания и опыт, эквивалентные данной программе. Если Вы обладаете знаниями менее 85-90% рекомендуемого курса, то Вы обязательно должны получить предварительную подготовку. Только после этого Вы сможете качественно обучиться на выбранном курсе.

Рекомендуемые курсы по специальности

Чтобы стать профессионалом, мы рекомендуем Вам вместе с этим курсом изучить:

Программа курса

  Тема Ак. часов  
   
  Модуль 1. Введение в HTML5
  • Основы HTML (элементы страницы, таблицы, списки, формы)
  • Нововведения HTML5 (новые элементы, Open Web Platform)
  • Каскадные таблицы стилей (CSS) – нюансы использования
  • Все о JavaScript (основы языка, анонимные функции, объекты и интроспекция, область видимости)
  • Объектная модель документа (DOM), встраивание JavaScript
  • Как работают AJAX и JSON
  • Возможности библиотеки jQuery (интеграция, селекторы, манипуляция DOM, события)

Лабораторная работа: Создание веб-приложений HTML5 (75 мин.)

  • Использование средств разработки
  • Настройка стилей, применение jQuery и JavaScript (объектов и событий)
  • Создание сворачиваемой панели и элементов слайд-шоу

По завершении этого модуля слушатели смогут:

  • Понимать различия между HTML и HTML5
  • Владеть CSS, JavaScript, DOM, AJAX, JSON и jQuery
  • Использовать средства разработки для создания веб-приложений HTML5
3  
  Модуль 2. HTML5 – структура страницы, элементы навигации
  • Новые элементы HTML5
    • Структурирование страницы (элементы заменяющие “div”)
    • Семантические группы (связывание элементов)
    • Вложенные (inline) семантические элементы (mark, meter, progress, time)
    • Управление интерактивностью (details, summary, menu, command)
    • Video, audio, canvas и другие
  • Новая навигация (элемент “nav”) между и внутри страниц
  • Реализация различных вариантов меню (элементы “menu”/“command”)

Лабораторная работа: Освоение элементов HTML5 (45 мин.)

  • Преобразование существующих страниц к стандарту HTML5
  • HTML5-верстка на основе скетчей “GameDetails” и “Cart”, добавление стилей
  • Связывание страниц с помощью навигации и меню

По завершении этого модуля слушатели смогут:

  • Владеть новыми элементами HTML5
  • Использовать новые средства навигации и меню
  • Преобразовывать страницы в HTML5
3  
  Модуль 3. Ввод и валидация данных
  • Новые элементы HTML5
    • 12 новых элементов ввода данных
    • Управление датой и временем
  • Новые атрибуты форм: эргономичность, управление поведением, “drag-and-drop”, редактирование
  • Устаревшие (deprecated) атрибуты HTML4
  • Возможности валидации данных (элементы “form”, “range”, “required”, “pattern”, “maxlenght”)
  • Расширенные возможности HTML5
    • Встроенное определение типа и возможностей браузера, интероперабельность
    • Проверка наличия и возможностей HTML5/CSS3 при помощи Modernizr.js
    • Обратная совместимость при помощи полифилов (polyfills)

Лабораторная работа: Ввод данных и валидация (45 мин.)

  • Добавление форм ввода данных (“Checkout” и “Game Review”)
  • Реализация валидации
  • Применение Modernizr.js и polyfills

По завершении этого модуля слушатели смогут:

  • Применять новые элементы ввода
  • Использовать новые/знать об устаревших атрибутах
  • Управлять валидацией данных
  • Владеть расширенными возможностями HTML5
2  
  Модуль 4. Управление стилями и разметкой страниц
  • Какой вариант разметки (layouts) выбрать?
    • таблицы
    • элемент “div”
    • расширения HTML5
    • возможности CSS3: Template-Based, Multi-column
  • Нововведения CSS3 (новые селекторы, разметка, трансформация, анимация, адаптация UI под гаджет)

Лабораторная работа: Управление стилями и разметкой страниц (45 мин.)

  • Применение нововведений CSS3 для существующих страниц

По завершении этого модуля слушатели смогут:

  • Управлять стилями и разметкой страниц
  • Использовать возможности CSS3
3  
  Модуль 5. Графика и мультимедиа
  • Рисование в HTML5: растровая графика при помощи “canvas” (2D, масштабирование, трансформации)
  • Встроенная поддержка аудио и видео, расширенные возможности
  • Управление при помощи JavaScript

Лабораторная работа: Использование элементов графики и мультимедиа (60 мин.)

  • Отображение видео на странице
  • Создание слайд-шоу средствами контейнера “canvas”

По завершении этого модуля слушатели смогут:

  • Рисовать в контейнере “canvas” при помощи JavaScript
  • Использовать элементы аудио и видео, управлять ими в JavaScript
  • Подключать аудио/видео кодеки
3  
  Модуль 6. Подробнее об использовании графики
  • Рисование в HTML5: масштабируемая векторная графика (Scalable Vector Graphics)
    • Элемент “svg”, использование DOM
    • 2D, масштабирование, трансформации, фильтры, градиенты и паттерны
  • Анимация “canvas” и “svg” (декларативное и императивное)
  • Что выбрать: “canvas” или “svg”?

Лабораторная работа: Использование анимации (60 мин.)

  • Добавление и настройка стиля статистических диаграмм средствами “svg”
  • Реализация слайд-шоу при помощи “canvas” и JavaScript

По завершении этого модуля слушатели смогут:

  • Использовать возможности масштабируемой векторной графики
  • Управлять средствами анимации
  • Выбирать между “canvas” и “svg”
3  
  Модуль 7. Средства хранения данных в браузере
  • Технологии хранения
    • куки – особенности использования, известные ограничения
    • интернет-хранилище (web storage) в HTML5 - модель данных IndexedDB
  • Что выбрать: интернет-хранилище или куки?
  • Интерфейс интернет-хранилища (области, объектная модель, события, безопасность)

Лабораторная работа: Реализация интернет-хранилища (45 мин.)

  • Реализация локального хранилища для сохранения заказа на покупку
  • Интеграция созданного хранилища с сайтом при помощи jQuery

По завершении этого модуля слушатели смогут:

  • Использовать web storage API
  • Выбирать между сохранением сессии (sessionStorage) и локальной памятью хранения (localStorage)
2  
  Модуль 8. Новые возможности JavaScript в HTML5
  • Новый API в HTML5
    • Реализация “drag-and-drop” (DnD) – элементы “draggable”/”dropzone”, события, безопасность
    • Интерфейс для работы с файлами (основные возможности, вопросы безопасности)
    • Геолокация в HTML5 (объектная модель, использование, вопросы безопасности)

Лабораторная работа: Использование новых возможностей JavaScript API (60 мин.)

  • Интеграция DnD в существующие страницы
  • Работа с файлами и возможностями геолокации

По завершении этого модуля слушатели смогут:

  • Использовать новые возможности JavaScript в HTML5
3  
  Модуль 9. Инструментарий HTML5-разработчика
  • Установка и возможности Microsoft WebMatrix
  • Использование Razor - нового механизма визуализации ASP.NET MVC 3 (основы, вопросы проектирования)
  • Что выбрать: бесплатный Microsoft WebMatrix, Visual Studio или …?

Лабораторная работа: Освоение инструментария HTML5-разработчика (40 мин.)

  • Использование Microsoft WebMatrix
  • Создание веб-приложения с помощью Razor

По завершении этого модуля слушатели смогут:

  • Выбирать наиболее подходящее средство для разработки
  • Использовать Razor при помощи ASP.NET MVC 3
2  
  Аудиторная нагрузка в классе с преподавателем 24  
  По окончании обучения на курсе проводится итоговая аттестация. Аттестация проводится в виде теста на последнем занятии или на основании оценок практических работ, выполняемых во время обучения на курсе.  

Ближайшие группы 

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

Стоимость обучения (рублей) 

Курс может быть заказан согласно ФЗ-44, ФЗ-223 (закупка/аукцион/запрос котировок/конкурсные процедуры)
с 10:00 до 17:00 Вечер или Выходные
Стандартная цена
Вебинар Безлимитное обучение Записаться
Частные лица 18 490 18 490 18 490 4 990
Организации 19 490 19 490 19 490
Центр предоставляет специальную услугу Индивидуального обучения. Длительность индивидуального обучения - минимум 4 академических часа. Стоимость обучения в Москве уточняйте у менеджера. При выездном индивидуальном обучении устанавливается надбавка: +40% от стоимости заказанных часов при выезде в пределах МКАД, +40% от стоимости заказанных часов и + 1% от стоимости заказанных часов за каждый километр удаления от МКАД при выезде в пределах Московской области. Стоимость выезда за пределы Московской области рассчитывается индивидуально менеджерами по работе с корпоративными клиентами.

Документы об окончании

Cert_Common

Свидетельство Центра "Специалист"

Cert_Inter

Свидетельство Центра "Специалист" международного образца

БУХ

Удостоверение о повышении квалификации

Cert_Microsoft

Международный сертификат Microsoft

Все документы Центра

yandexmoney.gif logo_wm.gif cyberplat1.gif Rambler's Top100 rating@mail.ru Яндекс.Метрика Рейтинг@Mail.ru LiveInternet