HTML5: Липсващото ръководство

Книгата, която трябва да имате във вашата библиотека. Какви знания ще придобиете?

• структуриране на уеб страници по нов начин. Ще научите как HTML5 подобрява работата на търсачките и инструментите за уеб дизайн;
• добавяне на аудио и видео без плъгини. Ще изграждате страници за възпроизвеждане на медия във всеки браузър;
• рисуване с елемент Canvas. Ще създавате интерактивни форми, картинки, текст и анимации;
• подобряване на страници чрез стилове. Ще използвате CSS3 и HTML5, за да обогатите страници си и да ги адаптирате за визуализиране от мобилни устройства;
• изграждане на уеб приложения с разширени системни средства - ще позволите на потребителите си да работят с вашите приложения, когато са в офлайн режим, и ще обработвате избрани от тях файлове в браузъра;
• създаване на приложения, които откриват местоположението на потребителя - ще пишете приложения, използващи геолокация директно в браузъра.

HTML5 е не само маркиращ език, а съвкупност от няколко независими стандарта. Досега обаче за него нямаше подходящо ръководство. С помощта на тази книга, написана на разбираем език, ще се научите да създавате уеб приложения, които съдържат видео инструменти, динамични рисунки, геолокация, офлайн уеб приложения, възможности за "провлачване и пускане" и много други. HTML5 ще ви отведе в бъдещето на уеб пространството.

Матю МакДоналд, автор и преподавател с интерес към новите технологии, публикува статии в списания като "Inside Visual Basic" и "ASPToday". Той е написал няколко книги от серията "Липсващото ръководство", сред които "Създаване на уеб сайт: Липсващото ръководство", "Your Brain: The Missing Manual" и "Excel 2010: The Missing Manual".

"Серията Липсващото ръководство е най-интелигентната от всички серии наръчници и предоставя най-голяма практическа приложимост".
Кевин Кели, съосновател на Wired

ЗеСТ Прес ЕООД
София, 1408
жк Иван Вазов, ул. Димитър Манов 75
info@zest-pres.com

Липсващите признания
Въведение
Въведение в новия език

• Представяне на HTML5
• История на HTML5
• XHTML 1.0: строги правила
• XHTML 2: неочакван провал
• HTML5: завръщането
• HTML: вечният език
• Трите ключови принципи на HTML5
• Да не се разваля световната мрежа
• Утъпкване на "черния път"
• Практичност
• Първи поглед към маркиращия език HTML5
• HTML5 doctype
• Кодиране на символи
• Езикът
• Добавяне на стилове
• Добавяне на JavaScript
• Финалният продукт
• Преглед на синтаксиса на HTML5
• Правила, предоставящи по-голяма свобода
• Валидиране на HTML5
• Завръщането на XHTML
• Семейството на HTML5 елементите
• Добавени елементи
• Премахнати елементи
• Адаптирани елементи
• Променени елементи
• Стандартизирани елементи
• Съвременна употреба на HTML5
• Определяне на съвместимостта на браузърите
• Статистики за усвояемостта на браузърите
• Разпознаване на елементи с Modernizr
• Елементи с "пълнежи"
• Нов начин за структуриране на страници
• Представяне на семантичните елементи
• Модернизиране на традиционна HTML страница
• Старомодна структура на страницата
• Структура на HTML5 страница
• Подзаглавия с < hgroup >
• Добавяне на фигура с елемент < figure >
• Добавяне на страничен текст с елемента < aside >
• Съвместимост на браузърите, свързана със семантичните елементи
• Проектиране на сайт с помощта на семантични елементи
• Подробно разглеждане на горните колонтитули
• Линкове за навигация с < nav >
• Подробно разглеждане на долните колонтитули
• Подробно разглеждане на секциите
• Система на HTML5 за структуриране на схема
• Начини за разглеждане на една схема
• Основни схеми
• Секционни елементи
• Отстраняване на проблем в схемата
• Съдържателен маркиращ език
• Повторен преглед на семантичните елементи
• Дати и часове с < time >
• JavaScript изчисления с < output >
• Открояващ се текст с < mark >
• Други стандарти, които подпомагат семантичните елементи
• ARIA (Accessible Rich Internet Applications)
• RDFa (Resource Description Framework)
• Микроформати
• Микроданни
• Разширени снипети на Google (Google Rich Snippets)
• По-добри резултати при търсене
• Търсачка за рецепти

Създаване на модерни уеб страници

• Прецизни уеб формуляри
• Разучаване на формулярите
• Обновяване на традиционен HTML формуляр
• Добавяне на подсказки с шаблонен текст
• Фокус: стартиране от правилното място
• Валидиране: предотвратяване на грешки
• Как работи валидирането в HTML5
• Изключване на валидирането
• Средства за форматиране при валидиране
• Валидиране с регулярни изрази
• Потребителско валидиране
• Поддръжка на валидирането в браузърите
• Нови видове полета за въвеждане на данни
• Електронни адреси
• URL адреси
• Кутии за търсене
• Телефонни номера
• Числа
• Плъзгачи
• Дати и часове
• Цветове
• Нови елементи
• Предложения при въвеждане на данни с < datalist >
• Ленти за следене на процеса и инструменти за измерване
• Ленти с инструменти и менюта с < command > и < menu >
• HTML редактор в уеб страница
• Използване на contentEditable за редактиране на елемент
• Използване на designMode за редактиране на страница
• Аудио и видео
• Концепция на днешното видео
• Представяне на видео и аудио в HTML5
• Малко шум с < audio >
• Представяне на елемента < video >
• "Войната" на форматите и алтернативни решения
• Запознайте се с форматите
• Поддръжка на медийни формати в браузърите
• Елемент < source >
• Резервен вариант с Flash
• Управление на вашия плейър с JavaScript
• Добавяне на звукови ефекти
• Създаване на потребителски видеоплейър
• JavaScript плейъри
• Надписи и достъпност
• Основи в рисуването с елемент canvas
• Първи стъпки в разучаването на елемент canvas
• Прави линии
• Пътеки и форми
• Криви линии
• Трансформации
• Прозрачност
• Създаване на основна програма за рисуване
• Подготовка за рисуване
• Рисуване в елемент canvas
• Съхраняване на рисунка от елемент canvas
• Съвместимост на браузърите с елемент canvas
• Пълнеж за елемент canvas
• Резервно решение за елемент canvas и откриване на елементи
• Подробно разглеждане на елемент canvas
• Какво друго можете да нарисувате в елемент canvas
• Рисуване на изображения
• Срязване, изрязване и преоразмеряване на изображение
• Рисуване на текст
• Сенки и декоративно запълване
• Добавяне на сенки
• Оцветяване на формите с шарки
• Оцветяване на форми с градиенти
• Сглобяване на всичко: създаване на диаграма
• Интерактивни форми
• Следене на нарисуваните обекти
• Тестване за попадение чрез координати
• Анимиране на елемент canvas
• Основна анимация
• Анимиране на множество обекти
• Практически пример: игра с лабиринт
• Настройки за лабиринта
• Анимиране на усмихнатото човече
• Тестване за попадение чрез цветове на пикселите
• CSS3 в подкрепа на стиловете
• Съвременна употреба на CSS3
• Стратегия 1: Използвайте това, което можете
• Стратегия 2: Третирайте CSS3 елементите като подобрения
• Стратегия 3: Добавяйте резервни решения с Modernizr
• Стилове, специфични за браузърите
• Уеб типография
• Формати за уеб шрифтове
• Използване на комплекти с шрифтове
• Използване на Google Web Fonts
• Използване на собствени шрифтове
• Оформяне на текст в много колони
• Адаптиране към различни устройства
• Медийни заявки
• По-сложни медийни заявки
• Замяна на цял набор стилове
• Разпознаване на мобилни устройства
• Създаване на по-красиви кутии
• Прозрачност
• Заоблени ъгли
• Фонове
• Сенки
• Градиенти
• Създаване на ефекти с преходи
• Основен цветови преход
• Повече идеи за преходи
• Трансформации

Създаване на уеб приложения със системни средства

• Съхраняване на данни
• Основни принципи в уеб съхранението
• Съхраняване на данни
• Практически пример: запазване на последната позиция в игра
• Поддръжка на уеб съхранението в браузърите
• Подробно разглеждане на уеб съхранението
• Премахване на елементи
• Откриване на всички съхранение елементи
• Съхраняване на числа и дати
• Съхраняване на обекти
• Действия при промени, касаещи мястото за съхранение
• Четене на файлове
• Получаване на файл
• Четене на текстов файл
• Замяна на стандартната контрола за качване на файлове
• Четене на файл с изображение
• Офлайн приложения
• Кеширане на файлове с manifest
• Създаване на manifest файл
• Употреба на manifest файла
• Поставяне на manifest файла на уеб сървър
• Актуализиране на manifest файла
• Поддръжка на браузърите за офлайн приложения
• Практически техники за кеширане
• Достъп до файлове, които не са кеширани
• Добавяне на резервни решения
• Проверка на Интернет връзката
• Посочване на актуализации с JavaScript
• Комуникация с уеб сървър
• Изпращане на съобщения до уеб сървър
• Обект XMLHttpRequest
• Заявка към уеб сървър
• Вземане на ново съдържание
• Събития, изпратени от сървъра
• Формат на съобщението
• Изпращане на съобщения със сървърен скрипт
• Обработка на съобщения в уеб страница
• Полинг чрез събития, изпратени от сървъра
• Уеб сокети
• Оценка на уеб сокети
• Лесна клиентска програма за уеб сокет
• Примери за уеб сокети в уеб пространството
• Още хитри JavaScript трикове
• Геолокация
• Как работи геолокацията
• Откриване на координатите на посетител
• Обработка на грешки
• Настройки на геолокацията
• Показване на карта
• Проследяване движенията на посетителя
• Уеб работници
• Задача, изискваща продължително изпълнение
• Работа на заден план
• Обработка на грешки от работника
• Прекъсване на задача, която се изпълнява на заден план
• Предаване на по-сложни съобщения
• Управление на историята
• Проблемът с URL адреса
• Традиционното решение: промяна на URL адреси с техниката hashbang
• Решението на HTML5: история на сесиите

Приложения

• Приложение А: Кратко представяне на CSS
• Приложение Б: Кратко представяне на JavaScript

Индекс