курс

Разработка web приложений на HTML5

Главная > Каталог курсов > Разработка web приложений на HTML5
60 академчасов, 15 занятий
до 8 человек в группе
500 BYN
Дата начала ближайшей группы - открыта

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

Записаться в группу

Нужен индивидуальный график?

check-orange
начинаем хоть сейчас
любые дни недели
любое время дня
160 BYN
56 академических часов
14 занятий

Учиться индивидуально

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

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

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

Полная программа курса “Разработка 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.

Оставьте заявку прямо сейчас!

Оставьте заявку и при оплате сегодня Вы получите скидку 7%

Пора заняться английским!

Сегодня большинство IT-компаний не будут всерьез рассматривать кандидата даже на Junior-позицию без знаний английского языка на уровне B1 (Intermediate).

Мы разработали специальный курс по Английскому для IT-специалистов, чтобы улучшить Ваши разговорные навыки и познакомить Вас с IT-лексикой. Он станет отличным дополнением к данному курсу!