HTML5. Основы клиентской разработки

Данный курс ориентирован на начинающих веб-разработчиков. Курс иллюстрирует основные возможности HTML5 и неотъемлемых от него CSS3 и JavaScript, особое внимание уделено canvas-составляющей и Microsoft WebMatrix, как инструменту разработки.
Для всех
Записаться
Объём
36 час.
Длительность
30 дней
Нагрузка
6 час.
Формат обучения
Дистанционно (самостоятельно)
Описание В курсе рассматриваются современные подходы к веб-разработке с использованием HTML5, стилизации через CSS3 и программирования на JavaScript. Подробно изучаются семантическая разметка, работа с мультимедиа, хранение данных на клиенте и возможности отрисовки графики на Canvas. Курс адресован начинающим веб-разработчикам, желающим освоить создание современных клиентских веб-приложений.
Цели
  • Сформировать понимание современных стандартов клиентской веб-разработки.
  • Развить навыки использования семантических тегов и мультимедийных возможностей HTML5.
Чему я научусь?
  • Разрабатывать структуру страниц с использованием новых элементов HTML5.
  • Создавать анимации и графику с помощью элемента Canvas и JavaScript.

Авторы

Алексеев Александр Александрович
Магистр технологий разработки программных систем. Аспирант кафедры ОСУ ИК ТПУ, веб - программист.
Савельев Алексей Олегович
Савельев Алексей Олегович
Ассистент (аспирант) кафедры Оптимизации Систем Управления Томского Политехнического Университета, программист.\n
Чему я научусь?
  • Разрабатывать структуру страниц с использованием новых элементов HTML5.
  • Создавать анимации и графику с помощью элемента Canvas и JavaScript.

Учебный план

№ Занятия
Экзамен экстерном Внимание! Экзамен экстерном не обязательный для сдачи. При желании вы можете его пройти, если хотите подтвердить свои знания по данному курсу без его изучения или поверить свои знания по нему. Экзамен экстерном можно сдать только один раз.
1 Предисловие
2 Концепция WEB 2.0 "В данной лекции будут рассмотрены следующие вопросы: основы концепции Web 2.0: что такое web 2.0
3 Основы HTML. Особенности HTML5 Сущность гипертекста. Развитие стандартов HTML. Уровни HTML. Обзор HTML5.
Основы HTML. Особенности HTML5 тест для курса HTML5. Основы клиентской разработки 50 мин
4 Работа с текстом "В рамках данной лекции будут рассмотрены следующие вопросы: основные теги работы с текстом
5 HTML5. Работа с мультимедиа Работа с графикой. Основы работы с видео и звуком. Вставка аудио и видеороликов. Ограничения использования тегов... Работа с графикой. Основы работы с видео и звуком. Вставка аудио и видеороликов. Ограничения использования тегов ещё
HTML5. Работа с мультимедиа тест для курса HTML5. Основы клиентской разработки 50 мин
6 Работа с таблицами и средства навигации Создание html-таблиц. Создание гиперссылок. Графические гиперссылки.
7 Основы CSS. Особенности CSS 3 Понятие каскадных таблиц стилей. История версий CSS. Отношения между множественными вложенными элементами. Создание CSS стилей. Связь... Понятие каскадных таблиц стилей. История версий CSS. Отношения между множественными вложенными элементами. Создание CSS стилей. Связь HTML и CSS. Правила написания CSS. Каскадность CSS. ещё
Основы CSS. Особенности CSS 3 тест для курса HTML5. Основы клиентской разработки 50 мин
8 CSS3. Работа с текстом и фонами Единицы измерения в CSS. Работа с цветом и фоном. Работа с шрифтом. Работа с текстом.
9 CSS3. Работа с контейнерами Понятие контейнерного дизайна. Контейнеры. Работа со стилями контейнеров.
10 CSS3. Селекторы Селекторы элементов (type selectors). Селекторы класса (class selectors). Селекторы идентификаторов (ID selectors). Селекторы потомков (Descendantselectors). Селекторы... Селекторы элементов (type selectors). Селекторы класса (class selectors). Селекторы идентификаторов (ID selectors). Селекторы потомков (Descendantselectors). Селекторы дочерних элементов (Childselectors). Универсальные селекторы (Universal selectors). Селекторы братских элементов (Adjacentsiblingselectors). Селекторы атрибутов (Attributeselectors). Селекторы псевдоклассов (Pseudo-classes). Селекторы псевдоэлементов (Pseudo-elements). ещё
CSS3. Селекторы тест для курса HTML5. Основы клиентской разработки 50 мин
11 JavaScript. Общие сведения Веб – сценарии. JavaScript, история возникновения. Возможности и ограничения JavaScript. Связь с HTML – документом.
12 JavaScript. Основные операторы Переменные и операторы. Арифметические операторы. Операторы сравнения. Логические операторы. Условные операторы.
JavaScript. Основные операторы тест для курса HTML5. Основы клиентской разработки 40 мин
13 JavaScript. Работа с функциями и массивами Работа с циклами. Работа с функциями. Работа с массивами данных.
14 JavaScript. Объекты Понятие объекта в JavaScript. Встроенные объектыJavaScript. Объектная модель документа (DOM). Объекты, представляющие веб – обозреватель. Методы... Понятие объекта в JavaScript. Встроенные объектыJavaScript. Объектная модель документа (DOM). Объекты, представляющие веб – обозреватель. Методы и свойства экземпляров объектов. ещё
JavaScript. Объекты тест для курса HTML5. Основы клиентской разработки 40 мин
15 HTML5. Подгружаемое и генерируемое содержимое. Семантическая разметка Монолитные и блочные веб – страницы.