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

Интернет-портал MegaWEB содержит много ресурсов для веб-мастеров, интернет-разработчиков, веб-дизайнеров и seo-оптимизаторов. Это видеоуроки, книги и справочники в формате ebook: PDF-CHM-DJVU, а также программы и утилиты для того, чтобы сделать сайт или раскрутить сайт в сети Интернет.

Учебный курс «HTML5. Основы клиентской разработки»

 

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

Учебный курс «HTML5. Основы клиентской разработки» раскрывает основные возможности HTML5 и неотъемлемых от него технологий CSS3 и JavaScript. Рассматриваются различные технические вопросы и обсуждаются соответствующие темы, достаточные для формирования цельного и структурированного понимания HTML5. Основной целью является описание возможностей HTML5, детальное рассмотрение которых является невозможным без владения техниками CSS и JavaScript. Первоочередной задачей при этом является формирование четкого понимания роли каждой из описываемых технологий веб-разработки, их взаимосвязи и взаимовлияния. С учетом наличия доступных справочных материалов по HTML, CSS и JavaScript, основное внимание сосредоточено на ключевых отличиях и преимуществам последних версий указанных средств. Центральным местом этого учебного курса является новый стандарт HTML5 и возможности, которые он дает веб-разработчику.

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

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

Концепция Web 2.0
  • Что такое Web 2.0
  • Крах доткомов
  • Концепция Web 2.0
  • Особенности проектирования современных веб-решений
Основы HTML. Особенности HTML5
  • Сущность гипертекста
  • Развитие стандартов HTML
  • Уровни HTML
  • Обзор HTML5
HTML5. Работа с мультимедиа
  • Работа с графикой
  • Добавление графики на веб-страницу
  • Основы работы с видео и звуком
  • Вставка аудио и видеороликов
  • Ограничения использования тегов <audio> и <video>
Работа с таблицами и средства навигации
  • Работа с таблицами
  • Создание простых таблиц
  • Объединение ячеек таблиц
  • Создание гиперссылок
  • Графические гиперссылки
Основы CSS. Особенности CSS3
  • Возникновение CSS
  • Суть и преимущества CSS
  • Краткая история CSS
  • Отношения между множественными вложенными элементами
  • Создание каскадных таблиц стилей
  • Связь CSS и HTML
  • Правила и каскадность CSS
CSS3. Работа с текстом и фонами
  • Единицы измерения в CSS
  • Работа с цветом и фоном
  • Работа со шрифтом
  • Работа с текстом
  • Вертикальное выравнивание фрагмента
  • Разрыв строк
CSS3. Работа с контейнерами
  • Понятие контейнерного дизайна
  • Контейнеры
  • Работа со стилями контейнеров
  • Управление размерами контейнеров
  • Управление размещением контейнеров
  • Переполнение контейнеров
CSS3. Селекторы
  • Селекторы элементов
  • Селекторы класса
  • Селекторы идентификаторов
  • Селекторы потомков
  • Селекторы дочерних элементов
  • Универсальные селекторы
  • Селекторы братских элементов
  • Селекторы атрибутов
  • Селекторы псевдоклассов
  • Селекторы псевдоэлементов
JavaScript. Общие сведения
  • Веб-сценарии
  • JavaScript
  • Возможности и ограничения JavaScript
  • Связь с HTML-документом
JavaScript. Основные операторы
  • Переменные и операторы
  • Арифметические операторы
  • Операторы сравнения
  • Логические операторы
  • Условные операторы
JavaScript. Работа с функциями и массивами
  • Работа с циклами
  • Работа с функциями
  • Работа с массивами
JavaScript. Объекты
  • Понятие объекта
  • Встроенные объекты
  • Объектная модель документа
  • Объекты, предоставляемые Web-обозревателем, делятся на две группы
  • Объекты, представляющие сам Web-обозреватель.
  • Методы и свойства экземпляров объекта
HTML5. Динамический контент. Семантическая разметка
  • Монолитные и блочные Web-страницы
  • <iframe>
  • Генерируемое содержимое
  • Семантическая разметка
HTML5. Хранение данных на стороне клиента
  • Cookie
  • Технология Web Storage
  • Особенности хранения данных на стороне клиента
  • localStorage
  • sessionStorage
  • Отличия локального хранилища от сеансового
  • Сохранение и извлечение данных
HTML5. Работа с веб-формами
  • Элементы управления
  • Отправка данных на сервер
  • <form>
  • <input>
  • Работа с формами в JavaScript
  • Идентификация элементов управления
  • Свойства и методы формы
  • Свойства элементов управления
HTML5. Основы Canvas
  • Элемент <canvas>
  • Основы концепции
  • Рисование на холсте
  • CSS и элемент canvas
HTML5. Работа с Canvas
  • Добавление элемента canvas на страницу
  • Рисование простейших фигур
  • Работа с цветом и толщиной линий
  • Работа с положением пера
  • Рисование прямых линий
  • Рисование дуг и кривых
  • Рисование кривых Безье
  • Работа со стилями линий
  • Вывод текста
Практические занятия
  1. HTML5. Основы разметки
  2. HTML5. Работа с веб-формами
  3. HTML5. Хранение данных на стороне клиента
  4. Drag and Drop
  5. Мультимедиа
  6. Canvas. Основы
  7. Рисование фигур
  8. Canvas. Работа с изображениями
  9. Canvas. Цвет
  10. Canvas. Анимация

В качестве инструментария для практической части курса «HTML5. Основы клиентской разработки» используется WebMatrix – новая среда разработки от компании Microsoft, которая включает в себя все необходимые средства для создания веб-сайтов, дает возможность применять готовые веб-приложения с открытым исходным кодом и содержит разнообразные встроенные шаблоны для веб.

Формат: PDF + файлы практических занятий
Качество: eBook
Страниц: 143

Скачать бесплатно учебный курс «HTML5. Основы клиентской разработки»

31.08.20123080.11319

Карта сайта

 
]]>