Компьютерные науки

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

Программа о клиентской веб-разработке на основе HTML5, CSS3 и JavaScript, включая создание интерактивных интерфейсов.
Студентов 11833 Выпускников 997 Для всех
690 ₽ 1 200 ₽
или любая сумма на ваше усмотрение
Вы можете оплатить любую сумму, чтобы поддержать наш проект и авторов программы. Объем услуг не зависит от размера вашей оплаты.
Темы:
Программирование, Интернет-технологии
Объем
36 час.
Длительность
30 дней
Нагрузка в неделю
9 час.
Формат обучения
Дистанционно (самостоятельно)
Описание В учебной программе рассматриваются основы клиентской разработки, объединяющие три ключевых направления: семантическую разметку HTML5, стилизацию с помощью CSS3 и программирование логики на JavaScript. Изучаются новые возможности работы с мультимедиа, таблицами, селекторами и контейнерами, а также обработка событий и создание canvas-графики. Учебная программа ориентирована на тех, кому важно освоить современные технологии верстки и создание интерфейсов в среде Microsoft WebMatrix.
Цели
  • Сформировать целостное представление о связке HTML5, CSS3 и JavaScript.
  • Раскрыть возможности HTML5 для работы с мультимедиа и структурой документа.
  • Дать практику верстки и оформления интерфейсов средствами CSS3.
  • Познакомить с обработкой событий и canvas-графикой на JavaScript.
Чему я научусь?
  • Размечать веб-страницы с использованием возможностей HTML5.
  • Стилизовать интерфейсы селекторами и свойствами CSS3.
  • Писать скрипты на JavaScript и обрабатывать события пользователя.
  • Работать с canvas для программной графики в браузере.
  • Использовать Microsoft WebMatrix как среду разработки.

Авторы

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

Учебный план

№ Занятия
Экзамен экстерном Внимание! Экзамен экстерном не обязательный для сдачи. При желании вы можете его пройти, если хотите подтвердить свои знания по данному курсу без его изучения или поверить свои знания по нему. Экзамен экстерном можно сдать только один раз. 90 мин
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. Подгружаемое и генерируемое содержимое. Семантическая разметка Монолитные и блочные веб – страницы.