Switch branches/tags
Nothing to show
Find file History
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
..
Failed to load latest commit information.
readme.md Update readme.md Mar 9, 2017

readme.md

Урок 15-16

Домашнее задание:

  1. Сделать форму поиска как на google.com - должно быть поле для ввода запроса, и кнопка отправить. Так же отправка поискового запроса должна осуществляться по нажатию кнопки Enter
  2. Сделать запрос на Google API по примеру
  3. Вывести результаты поиска под форму. Дизайн постараться сделать близким к дизайну google.com
  4. Тестовый API-ключ для поиска Google - ABQIAAAACKQaiZJrS0bhr9YARgDqUxQBCBLUIYB7IF2WaNrkYqF0tBovNBQFDtM_KNtb3xQxWff2mI5hipc3lg
  5. Если Google API не будет работать, можно взять любой другой API для поиска.
  6. Если и с другим API не сложится, возьмите любой бесплатный сервис для хостинга картинок, к примеру api.riffsy.com или pixabay.com, и выведите под полем поиска несколько картинок.
  7. За основу взять домашку 13-14. В приложении должна быть прописана директива 'use strict;', в консоли не должно быть никаких javascript-ошибок. Создать класс Test, у которого будут свойства "вопрос", "вариант ответа 1", ..., "правильный ответ". Создать дочерние классы "TestRadio" и "TestCheckbox".
  8. На странице должна быть возможность сформулировать вопрос теста и варианты ответов. Также должно быть поле для указания правильного варианта(вариантов) ответа. При клике на кнопку 'Записать результат' нужно создать экземпляр класса Test и заполнить аргументы соответствующими значениями из страницы опросника. Объект поместить в массив, массив поместить в localStorage. Затем в консоле вывести один из вопросов, извлеченый из localstorage".

Так же нужно прочесть следующие материалы:

  1. GET или POST: что выбрать?
  2. Как работает браузер: HTTP запрос
  3. Как работает браузер: обмен данными с сервером
  4. XMLHTTPRequest: описание, применение, частые проблемы
  5. Основы XMLHttpRequest
  6. jQuery для начинающих. Часть 3. AJAX
  7. jQuery + AJAX + (Google Search API || Yahoo Search API)
  8. AJAX и COMET - раздел учебника learn.javascript.ru, рекомендуемо на досуге прочесть все
  9. ООП в прототипном стиле
  10. ООП в функциональном стиле