Изучаем программирование на HTML5

Робсон Э., Фримен Э."Изучаем программирование на HTML5", Питер, 2013 год, 592 стр.

Питер http://www.piter.com/

 

Книга расскажет как создавать динамичные, интерактивные, насыщенные данными WEB-страницы, полнофункционально используя HTML 5, используя самые современные методики и возможности вашего браузера и мобильного устройства. Вы сможете работать применяя новейшие HTML5-технологии: такие как 2D-рисование, API-интерфейсы Web Storage ,Web WorkersAPI-интерфейс Geolocation, элемент video,и другие.

Эта книга поможет вам научиться создаватьWEB-приложения с использованием современных стандартов и передовых технологий. Приоткроете тайны основ API-интерфейса HTML5 и узнаете, как они работают со страницами и выполняют JavaScript-код, а также как использовать их для создания веб-приложений, которые впечатлят посетителей ваших WEB-ресурсов.

Содержание

Введение 21
Для кого написана эта книга? 22
Мы знаем, о чем вы думаете 23
И мы знаем, о чем думает ваш мозг 23
Метапознание: учимся учиться 25
Технические рецензенты 30
Благодарности 31
От издательства 33
Переходите на HTML5 СЕГОДНЯ! Зачем ждать? 36
Представляем вам наш новый HTML5-модернизатор.
Обновите свой HTML прямо сейчас 38
Вы ближе к HTML5-разметке, чем думаете! 41
Встречаем HTML5: Признания новой версии HTML 45
Просим встать НАСТОЯЩЕГО HTML5 46
Как на самом деле работает HTML5 48
Кто и что делает? 50
Ваша первая миссия: разведка в стане браузеров 51
Что можно сделать с помощью JavaScript 56
Пишем серьезный JavaScript 59
Пишем серьезный JavaScript: проверка ваших ответов 60
Ключевые моменты 65
Как работает JavaScript 70
Что можно сделать с помощью JavaScript? 71
Объявление переменной 72
Как присваивать имена переменным 74
Серьезное программирование 74

Выражения 77
Многократное выполнение одного и того же... 80
Принятие решений с использованием JavaScript 83
Принятие дополнительных решений...
и добавление перехватывающего блока 84
Как и куда добавлять JavaScript в своих страницах 87
Как JavaScript взаимодействует с вашей страницей 88
Рецепт приготовления собственной объектной модели документа (DOM) 89
Первое испытание объектной модели документа (DOM) 90
Нельзя начинать взаимодействовать с DOM, пока веб-страница не загрузилась полностью 98

Для чего еще хорошо подходит DOM 100
Нельзя ли снова поговорить о JavaScript, или как осуществляется сохранение множественных значений при использовании JavaScript 101
Как создать массив 101
Phrase-O-Matic 105
Ключевые моменты 105
Приготовьтесь к встрече с Webville Tunes 120
Приступаем...121
Когда я нажимаю кнопку Add Song (Добавить песню), ничего не происходит 122
Обработка событий 123
Составляем план...124
Получение доступа к кнопке Add Song (Добавить песню) 124
Задание обработчика событий click для кнопки 125
Более пристальный взгляд на происшедшее...126
Извлечение названия песни 128
Как добавить песню на страницу?131
Как создать новый элемент 133
Добавление элемента в DOM 134
Соединяем все воедино... 135
...и проводим тест-драйв 135
Обзор того, что мы только что сделали 136
Как добавить приготовленный код... 139
Интегрирование приготовленного кода 140
Ключевые моменты 142
Расширяем ваш словарный запас 148
Как добавить свои собственные функции 149
Как работает функция 150
Локальные и глобальные переменные 157
Функции еще являются и значениями 162
Что можно сделать посредством функций как значений? 163
Как создать объект на JavaScript? 166
Что можно сделать с объектами 167
Поговорим о передаче объектов функциям 170
Наш следующий сеанс состоится в... 174
Объекты также могут обладать поведением... 176
Возвращаемся к приложению Webville Cinema... 177
Добавление ключевого слова this 179
Как создать конструктор 181
Воспользуемся нашим конструктором 182
Как на самом деле работает this? 183
Сразу же проведем тест-драйв нашего конструктора 187
Что такое объект window? 189
Более пристальный взгляд на window.onload 190
Еще один взгляд на объект document 191
Более пристальный взгляд на document.getElementByld 191
Еще один объект, о котором нужно знать: объект элемента 192
Ключевые моменты 194

Местоположение, местоположение... 200
Широта и долгота... 201
Как API-интерфейс Geolocation определяет местоположение пользователя 202
Так где же вы находитесь? 206
Как все это работает 210
Раскрываем наше тайное убежище... 213
Написание кода для определения расстояния 215
Отображение вашего местоположения на карте 216
Как добавить карту к странице 217
Прикалываем булавку на карту... 220
Прочие интересные вещи, которые можно сделать с использованием API-интерфейса Google Maps 222
Можем ли мы поговорить о точности? 225
‘Wherever you go, there you are” 226
Приступаем к созданию приложения 227
Дорабатываем наш старый код... 228
Пора отправляться в путь! 230
Параметр position Options... 232
Мир параметров timeout и maximum Age... 233
Шлифуем наше приложение! 238
Интеграция нашей новой функции 239
Ключевые моменты 241
Компании Mighty Gumball требуется веб-приложение 248
Подробнее о системе Mighty Gumball 250
Как выполняются запросы, адресованные веб-службам? 253
Как выполнять запросы из JavaScript 254
Подвинься, XML: встречайте JSON 260
Отображение данных об уровне продаж жвачки 264
Как установить собственный веб-сервер 265
Дорабатываем код с целью использования JSON 270
Переходим к использованию действующего сервера 271
Неожиданный поворот событий! 273
Помните, как мы столкнулись с неожиданным поворотом событий?
Неполадки с приложением 276
Что за браузерная политика безопасности? 278
Какие у нас варианты? 281
Знакомство c JSONP 286
Что означает буква Р в аббревиатуре JSONP? 287
Обновление кода веб-приложения Mighty Gumball 290
Дорабатываем приложение Mighty Gumball 298

Обновление URL-адреса JSON с целью включения lastreporttime 309
Ключевые моменты 313
Специальное сообщение из главы 7... 313
Наш новый стартап: TweetShirt 316
Взгляд на «оригинал-макет» 317
Как добавить canvas в свою веб-страницу 320
Как увидеть свой canvas 322
Рисование в элементе canvas 324
Выходим достойно из проблемной ситуации 329
TweetShirt: общая картина 331
Сначала напишем необходимый HTML 334
Теперь добавим <form> 335
Пришло время добавить JavaScript для вычислений 336
Написание функции drawSquare 338
Добавление вызова fillBackgroundColor 341
Тем временем, возвращаясь к TweetShirt.com...343
Черчение контуров 345
Подробное исследование метода arc 348
Небольшой пример использования метода arc 350
Я говорю «градус», вы говорите «радиан» 351
Возвращаемся к написанию TweetShirt-кода для рисования кругов 352
Пишем функцию drawCircle...353
Извлечение твитов 357
Завершаем написание функции drawText 365
Ключевые моменты 372
Знакомство с Webville TV 384
Включите этот «телевизор» и протестируйте его... 385
Как работает элемент video? 387
Пристальный взгляд на атрибуты элемента video... 388
Что необходимо знать о форматах видео 390
Как жонглировать всеми этими форматами... 392
Я слышал, там будут API-интерфейсы? 397
Немного «программирования» содержимого Webville TV 398

Как написать обработчик «конца видео» 401
Как работает метод canPlayType 403
Распаковка демоблока 409
Рассмотрение остальной части «заводского» кода 410
Обработчики setEffect и setVideo 412
Реализация элементов управления видео 418
Реализация остальных элементов управления видео 419
Дорабатываем один нюанс... 420
Как происходит обработка видео 426
Как обрабатывать видео с использованием
временного буфера 427
Реализация временного буфера в canvas 429
Займемся написанием эффектов 433
Как использовать события error 440
Настройте свой телевизор на Webville TV
Как работает браузерное хранилище (1995-2010) 448
Как работает Web Storage HTML5 451
Заметка для себя...452
Были ли локальное хранилище и массив разделены при рождении? 458
Создание интерфейса 463
Теперь добавим JavaScript 464
Завершаем создание интерфейса пользователя 465
Прервемся для небольшого запланированного мероприятия 468
Поддержка типа «сделай сам» 469
Дорабатываем наше приложение с использованием массива 474
Внесение изменений в createSticky с целью использования массива 475
Функция deleteSticky 483
Как выбрать заметку для удаления? 484
Как извлечь заметку для удаления, используя объект event 485
Удаление заметки также из DOM 486
Обновление интерфейса пользователя для выбора цвета заметок 487
Метод JSON.stringify — не только для массивов 488
Использование нового объекта stickyObj 489
Теперь, когда вы изучили localStorage, как вы собираетесь использовать его? 496

Устрашающее диалоговое окно Slow Script (Медленный сценарий) 508
Как JavaScript проводит свое время 508
Когда однопоточность — это ПЛОХО 509
Поток веб-сценария worker 510
Как работают веб-сценарии worker 512
Ваш первый веб-сценарий worker... 517
Написание manager.js 518
Получение сообщений от веб-сценария worker 519
А теперь напишем worker 520
Захват виртуальных земель 528
Как вычисляется множество Мандельброта 530
Как задействовать сразу несколько веб-сценариев worker 531
Займемся созданием приложения Fractal Explorer 537
Создание веб-сценариев worker и раздача им задач... 542
Написание кода 543
Запуск веб-сценариев worker 544
Реализация кода worker 545
Возвращаемся к коду: как осуществляется обработка результатов работы worker 548
Подгоняем canvas под размеры окна браузера 551
Дотошный тпсф повар программист 552
Время финального тест-драйва! 553
Ключевые моменты 558

№ 1. Modernizr 566
№ 2. Элемент audio и API-интерфейс Audio 567
№ 3. jQuery 568
№ 4. XHTML мертв, да здравствует XHTML 570
№ 5. SVG 571
№ 6. Автономные веб-приложения 572
№ 7. API-интерфейс Web Sockets 573
№ 8. Дополнительно об API-интерфейсе Canvas 574
№ 9. API-интерфейс Selectors 576
№ 10. Однако есть даже еще кое-что! 577
НТМL.Руководство по новым конструкциям 579
Вебвилльское руководство по семантическим элементам HTML5 580
Вебвилльское руководство по CSS3-свойствам 582

Техническая литература рекомендуемая к изучению:

Робсон Э., Фримен Э."Изучаем программирование на HTML5", Питер, 2013 год, 592 стр.
Б. Лоусон, Р. Шарп." Изучаем HTML5 . Библиотека специалиста", Питер, 2011 год, 253 стр.
Хольцшлаг М., Молли Е, "Языки HTML и CSS : для создания Web-сайтов", Триумф, 2007год, 304стр.
Комолова Н. В., Яковлева Е. С."HTML самоучитель", Питер, 2011 год, 288 стр.
Комолова Н. В., Яковлева Е. С."HTML, XHTML и CSS", Питер, 2012 год, 304 стр.
Робсон Э., Фримен Э."Изучаем программирование на HTML5", Питер, 2013 год, 592 стр.
Самойлов Е. Э." Практическое руководство. Web-дизайн для начинающих : быстрый старт", Триумф, 2009 год, 192 стр. ил.
Д.Седерхольм "CSS ручной работы", Питер, 2011 год, 240 стр.