Создаем тест «jQuery начальный уровень» на … jQuery

5 (100%) 2 vote[s]

Библиотека jQuery — это набор функций, ориентированных на взаимодействие между java script и html и позволяющая решать самый широкий круг задач. jQuery реализует принцип ненавязчивого javascript: как СSS разделяет структуру документа и отображение, jQuery разделяет структуру и поведение.

Принцип использования jQuery простой. По сути, он состоит из 2-х этапов: вначале при помощи функции $() мы получаем jQuery-объект, а потом у объекта $() вызываем нужный глобальный метод.

Многие курсы для самых-самых начинающих фронт-энд разработчиков обычно всегда делают упор на jQuery, так как с его легким синтаксисом намного легче справляться, и, соответственно, легче усвоить логику взаимодействия HTML и javascript.

Есть масса онлайн курсов, качественных, где информация разложена по полочкам и разжевана до атомов, но теория — это одно, а практика — это знания, усвоенные на всю жизнь.



Вот мы и придумали, как сделать тест по jQuery (сама по себе полезная штука), написанного на jQuery и с использованием всех методов, вопросы по которым будут в тесте (такая себе рекурсия).

Для новичка будет интересно сначала попробовать ответить на вопросы теста, а потом посмотреть на код теста, который написан с использованием функций и методов, о которых спрашивалось в тесте. Прочтите инструкцию, и ни пуха!

Есть возможность посмотреть код и самостоятельно разобраться, как и что работает из того, о чем шла речь в опроснике. Комментариев в коде мало, так как сам js небольшой, а основной объем файла — это HTML-разметка. Появление элементов реализуется путем изменения класса. Переходы между вопросами идут с задержкой в 3 с, как раз в это время появляется правильный ответ (если дан неверный ответ). Работа с данными производится через массивы — 3 статичных, созданные изначально с правильными ответами, и 4 — создаются в процессе работы кода: записываются ответы пользователя, массив с правильно/неправильно.

Проходной балл взят общепринятый: 80%.

CSS также минимальный, плюс используется bootstrap, который стилизирует только кнопки и теги <code>. Так что от него можно смело отказаться.

Скачать архив теста можно здесь:

Читайте больше по теме:

Подписаться
Уведомление о
guest
0 Комментарий
Inline Feedbacks
View all comments
Просмотры: 122

Популярные записи