Инспектор
Вы можете этот курс.
HTML5. Основы клиентской разработки
: Информация
Опубликована: 04.10.2012 | Уровень: для всех | Стоимость: 490.00 руб. | Длительность: 14 дней
Данный курс ориентирован на начинающих веб-разработчиков. Курс иллюстрирует основные возможности HTML5 и неотъемлемых от него CSS3 и JavaScript, особое внимание уделено canvas-составляющей и Microsoft WebMatrix, как инструменту разработки.
Основной направленностью курса является описание возможностей HTML5, детальное рассмотрение которых будет невозможным без CSS и javascript. В связи с этим, курс содержит разделы по соответствующим темам, достаточные для формирования цельного и структурированного понимания HTML5.
План занятий
| Занятие | Заголовок << | Дата изучения |
|---|---|---|
| - | ||
Лекция 14 минуты | ПредисловиеОглавление | - |
Лекция 214 минут | Концепция WEB 2.0
В данной лекции будут рассмотрены следующие вопросы:
основы концепции Web 2.0: что такое web 2.0;
крах доткомов;
отличия от web 1.0;
концепция web 2.0.
Особенности проектирование современных веб-решений.
Оглавление | - |
Лекция 314 минут | Основы HTML. Особенности HTML5
Сущность гипертекста.
Развитие стандартов HTML.
Уровни HTML.
Обзор HTML5.
Оглавление | - |
Тест 130 минут | - | |
Лекция 421 минута | Работа с текстом
В рамках данной лекции будут рассмотрены следующие вопросы: основные теги работы с текстом; абзацы; разрыв строк; заголовки списки; цитаты;
горизонтальные линии;вставка символов.Теги работы с текстом, появившиеся в HTML5. Глобальные атрибуты.
Оглавление | - |
Лекция 517 минут | HTML5. Работа с мультимедиа
Работа с графикой.
Основы работы с видео и звуком.
Вставка аудио и видеороликов.
Ограничения использования тегов <audio> и <video>.
Оглавление | - |
Тест 230 минут | - | |
Лекция 620 минут | Работа с таблицами и средства навигации
Создание html-таблиц.
Создание гиперссылок.
Графические гиперссылки.
Оглавление | - |
Лекция 733 минуты | Основы CSS. Особенности CSS 3
Понятие каскадных таблиц стилей.
История версий CSS.
Отношения между множественными вложенными элементами.
Создание CSS стилей.
Связь HTML и CSS.
Правила написания CSS. Каскадность CSS.
Оглавление | - |
Тест 330 минут | - | |
Лекция 828 минут | CSS3. Работа с текстом и фонами
Единицы измерения в CSS.
Работа с цветом и фоном.
Работа с шрифтом.
Работа с текстом.
Оглавление | - |
Лекция 921 минута | CSS3. Работа с контейнерами
Понятие контейнерного дизайна.
Контейнеры.
Работа со стилями контейнеров.
Оглавление | - |
Лекция 1018 минут | CSS3. Селекторы
Селекторы элементов (type selectors).
Селекторы класса (class selectors).
Селекторы идентификаторов (ID selectors).
Селекторы потомков (Descendant selectors).
Селекторы дочерних элементов (Child selectors).
Универсальные селекторы (Universal selectors).
Селекторы братских элементов (Adjacent sibling selectors).
Селекторы атрибутов (Attribute selectors).
Селекторы псевдоклассов (Pseudo-classes).
Селекторы псевдоэлементов (Pseudo-elements).
Оглавление | - |
Тест 430 минут | - | |
Лекция 1128 минут | JavaScript. Общие сведения
Веб – сценарии.
JavaScript, история возникновения.
Возможности и ограничения JavaScript.
Связь с HTML – документом.
Оглавление | - |
Лекция 1222 минуты | JavaScript. Основные операторы
Переменные и операторы.
Арифметические операторы.
Операторы сравнения.
Логические операторы.
Условные операторы.
Оглавление | - |
Тест 524 минуты | - | |
Лекция 1314 минут | JavaScript. Работа с функциями и массивами
Работа с циклами.
Работа с функциями.
Работа с массивами данных.
Оглавление | - |
Лекция 1425 минут | JavaScript. Объекты
Понятие объекта в JavaScript.
Встроенные объекты JavaScript.
Объектная модель документа (DOM).
Объекты, представляющие веб – обозреватель.
Методы и свойства экземпляров объектов.
Оглавление | - |
Тест 624 минуты | - | |
Лекция 1532 минуты | HTML5. Подгружаемое и генерируемое содержимое. Семантическая разметка
Монолитные и блочные веб – страницы.
<iframe>.
Генерируемое содержимое.
Семантическая разметка.
Оглавление | - |
Практическая работа 123 минуты | HTML5. Основы разметки
В рамках данного практического занятия нами будет рассмотрен пример создания простого сайта, с подгружаемым содержимым.
Оглавление | - |
Лекция 1615 минут | HTML5. Хранения данных на стороне клиента
Cookie.
Технология HTML5 WebStorage.
Особенности хранения данных на стороне клиента:
Отличия локального хранилища от сеансового.
Сохранение и извлечение данных.
Оглавление | - |
Лекция 1738 минут | HTML5. Работа с веб - формами
Элементы управления.
Отправка данных серверу.
Идентификация элементов управления.
Свойства элементов управления.
Оглавление | - |
Тест 736 минут | - | |
Практическая работа 218 минут | HTML5. Работа с веб-формами
В рамках данного практического занятия мы рассмотрим процесс создания веб - форм средствами HTML
Оглавление | - |
Практическая работа 315 минут | HTML5. Хранение данных на стороне клиента
В рамках данного практического занятия нами будет рассмотрен пример использования хранилищ данных на стороне пользователя
Оглавление | - |
Практическая работа 412 минут | Drag and Drop
В рамках данного практического занятия мы рассмотрим основные методы и приемы организации drag and drop в пределах HTML - страницы
Оглавление | - |
Практическая работа 515 минут | Мультимедиа
В рамках данного практического задания нами будет рассмотрен пример создания плэйлиста воспроизведения в рамках HTML - страницы
Оглавление | - |
Лекция 1813 минут | HTML5. Основы Canvas
Элемент <canvas>.
Основы концепции.
Рисование на холсте.
Связь холста с каскадными таблицами стилей.
Оглавление | - |
Лекция 1927 минут | HTML5. Работа с Canvas
Добавление canvas на страницу.
Рисование простейших фигур.
Работа с цветом и толщиной линий.
Работа с положением пера.
Рисование прямых линий.
Рисование дуг и кривых.
Рисование кривых Безье.
Вывод текста.
Оглавление | - |
Тест 824 минуты | - | |
Практическая работа 68 минут | Canvas.Основы
В рамках данного практического занятия нами будут рассмотрены основы работы с элементом <canvas> (холст)
Оглавление | - |
Практическая работа 79 минут | Рисование фигур
В рамках данного практического занятия будут рассмотрены примера рисования различных фигур в canvas (холст)
Оглавление | - |
Практическая работа 89 минут | Canvas. Работа с изображениями
В рамках данного занятия нами будут рассмотрены вопросы работы с уже существующими файлами изображений, при помощи canvas (холста)
Оглавление | - |
Практическая работа 98 минут | Canvas. Цвет
В рамках данного занятия мы подробнее рассмотрим вопросы работы с цветами в рамках canvas (холста).
Оглавление | - |
Практическая работа 107 минут | Canvas. Анимация
Целью занятия является знакомство с простейшей анимацией в canvas (холст).
Оглавление | - |
5 часов | - |