Главная » Каталог компьютерных курсов » Разработка web приложений на HTML5

Компьютерные курсы “Разработка web приложений на HTML5”

На курсе изучаются все основные аспекты новой технологии HTML5 (HTML + CSS3 + JavaSctipt + API JavaSctipt).

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

В курс входят следующие темы: селекторы, формат микроданных, продвинутые web-формы и валидация web-форм, семантические элементы, продвинутые web-формы, гибкая блочная модель, видео и аудио, рисование на холсте, файловый api, api геолокации, api перетаскивания и др. Особое внимание уделяется взаимодействию HTML5 с сервером, на примере взаимодействия с PHP.

Программа компьютерных курсов
“Разработка web приложений на HTML5”

Занятие 1. Селекторы
Занятие 2. Псевдо-классы и псевдоэлементы CSS
Занятие 3. Семантические элементы
Занятие 4. Продвинутые web-формы
Занятие 5. Гибкая блочная модель
Занятие 6. Особенности CSS3
Занятие 7. Основы javaScript
Занятие 8. Видео и аудио
Занятие 9. API холст
Занятие 10. API перетаскивания. События перетаскивания. Перетаскивание файлов
Занятие 11. API геолакации. Определение своего местоположения. Интеграция с Google Maps
Занятие 12. API web хранилища
Занятие 13. API идексированных баз данных
Занятие 14. Файловый API
Занятие 15. Взаимодействие с web-сервером. Опрос посредством серверных событий. Web-сокеты. Событие onMessage
Занятие 16. JQuery. Ajax
Занятие 17. Основы PHP

Занятия проводят:


Михалькевич Александр Александр Михалькевич,

практикующий веб-разработчик (PHP, JavaScript, HTML5 & CSS3), имеет опыт front-end и back-end разработки, автор 4 методических комплексов Центра обучающих технологий.

Полная программа курса “Разработка web приложений на HTML5”

Занятие 1. Селекторы

  • Особенности выбора любых элементов на странице.
  • Тэги.
  • Классы.
  • Идентификаторы.
  • Атрибуты.
  • Новые селекторы.
  • Продвинутая работа с селекторами.

Занятие 2. Псевдо-классы и псевдоэлементы CSS

  • Фильтры и более утонченный таргетинг.
  • Трюки.

Занятие 3. Семантические элементы

  • Новые семантические элементы HTML5.
  • Семантические элементы блочного уровня.
  • Семантические элементы строчного уровня.
  • Семантика текстового уровня.
  • Новые атрибуты ссылок.
  • Пользовательские атрибуты с префиксом "data-" Решение проблемы с IE.
  • Типичный код HTML5-разметки.
  • Стандарты микроданных.
  • Микроформаты.
  • hCard.

Занятие 4. Продвинутые web-формы

  • Новые типы данных элементов форм.
  • Атрибуты элементов форм.
  • Валидация.
  • Отмена валидации.
  • Подсказки ввода.
  • Объявление элемента формы обязательным для заполнения.
  • Атрибут multiple для добавления множественных значений.
  • Атрибут autofocus.
  • Регулярные выражения в элементах форм.
  • Подсказки ввода.
  • Индикатор прогресса.
  • Шкала загрузки.
  • Псевдоклассы элементов форм.
  • Редактирование элементов с помощью атрибута contentEditable.
  • Редактирование страницы.
  • Специализированная проверка.
  • Обработка пользовательских ошибок с помощью javaScript.
  • Создание собственной системы проверки ошибок.
  • Валидация в режиме реального времени.

Занятие 5. Гибкая блочная модель

  • Альтернатива блочной и табличной верстке.
  • Flex.

Занятие 6. Особенности CSS3

  • Новые возможности CSS.
  • Использование префиксов в стилях.
  • Перенос текста.
  • Разбиение текста на колонки.
  • Обрамление текста.
  • Прозрачность.
  • Оттенок.
  • Градиент.
  • Усовершенствованный фон.
  • Анимация.
  • Трансформация.
  • Трюки CSS3.

Занятие 7. Основы javaScript

  • Альтернативные методы для работы с селекторами.
  • Прослушиватель событий.

Занятие 8. Видео и аудио

  • Атрибуты видео и дочерние теги source.
  • События API видео.
  • Методы API видео.
  • Свойства API видео.
  • Программирование видео-проигрывателя.
  • Отображение текстовых элементов в течение определенного времени.

Занятие 9. API холст

  • Рисование фигур.
  • Работа с цветом.
  • Создание путей.
  • Текст.
  • Тени.
  • Трансформации.
  • Комбинирование фигур.
  • Восстановление состояния.
  • Обработка изображений.
  • Узоры.
  • Анимация на холсте.
  • Обработка видео на холсте.
  • Создание интерактивных фигур.
  • Простая анимация.
  • Сохранение содержимого холста.
  • Программы рисования.

Занятие 10. API перетаскивания. События перетаскивания. Перетаскивание файлов.

  • Выбор допустимого источника.
  • Свойства, методы и события API перетаскивания.
  • Перетаскивание файлов.

Занятие 11. API геолакации. Определение своего местоположения. Интеграция с Google Maps.

  • Определение пользовательского местоположения.
  • Слежение за изменением местоположения.
  • Вывод карты на экран.
  • Библиотека Geocoding.
  • JavaScript API Google Карт (версия 3).
  • Библиотеки API Google Map.
  • Проложение маршрута.

Занятие 12. API web хранилища.

  • localStorage и sessionStorage.
  • Создание и извлечение данных.
  • Удаление данных.Сохранение чисел и дат.Сохранение объектов, JSON.
  • Слежение за областью HTML5-хранилища.

Занятие 13. API идексированных баз данных.

  • Возможности индексированных баз данных.
  • Открытие базы данных.
  • Создание хранилища объектов.
  • Добавление данных в хранилище объектов.
  • Запрос данных из хранилища.
  • Вывод данных из хранилища объектов.
  • Удаление данных из таблицы.
  • Запуск.
  • Краткий справочник API IndexedDB.

Занятие 14. Файловый API.

  • Считывание информации с файла.
  • Контроль процесса загрузки файлов.

Занятие 15. Взаимодействие с web-сервером. Опрос посредством серверных событий. Web-сокеты. Событие onMessage.

Занятие 16. JQuery. Ajax.

Занятие 17. Основы PHP.

Ждем Вас на курсах в Центре Обучающих Технологий.