Реальный проект на JavaScript Викторина, quiz, квиз, опросник

Практический урок по написанию проекта квиз на JavaScript. В этом уроке напишем анкету опросник на JavaScript по готовой верстке.

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

💻 Бесплатный курс "Создай свой первый сайт на HTML5 и CSS3"
От установки редактора, до публикации в сети.

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Обучение с наставником, 3 месяца, результат, гарантия.
Научим создавать веб-сайты и зарабатывать на этом.
Старт обучения: 16 Декабря 2024 года.

Обучение с наставником, 3 месяца, результат, гарантия.
Старт обучения: 23 Декабря 2024 года.

💻 Курс "Разработка сайтов на PHP + MySQL":
Создание сайтов с системой управления.
Присоединиться к курсу можно прямо сейчас.

🏁 Обучение с нуля
💁‍♂️ Обучение с наставником
🎯 Доведение с нуля до результата
🏢 Помощь с трудоустройством
💵 Поможем взять первый заказ на фрилансе

💳 возможна рассрочка
💳 если курс не понравится, вернём деньги в первую неделю
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Тайм-коды и код к уроку
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

00:00 Демо проекта
00:52 Курс по JavaScript
02:01 Блок схема проекта
11:41 Основы по JS
12:12 Знакомство с версткой проекта
16:32 Начинаем писать JS код
23:20 Отображение вопроса. Функция showQuestion
35:55 Отображение вариантов ответов.
42:21 Проверка ответа пользователя. Функция checkAnswer
48:29 Проверка на ответ пользователя
51:25 Получение варианта ответа пользователя
53:10 Доработка шаблона с ответами. Функция showQuestion
01:02:20 Получение ответа пользователя внутри checkAnswer
01:05:15 Проверка верности ответа пользователя
01:09:34 Проверка на количество вопросов
01:15:55 Результаты викторины. Функция showResults

[elenasobol]

Спасибо за подробное объяснение. Все очень понятно и доступно. Урок очень понравился. Сравнивала с другими уроками, ваш 10/10! <3

[ПервыйнаПервом-чш]

Спасибо за урок! Очень доступно и информативно!!!

[НиколайВязьмин-ся]

Хороший, классный, подробный урок.

Мне понравился. 👍👍👍.

Как ещё практический урок можно рассмотреть базовые навыки crm и localStorage, напримере текущего проекта.

[mikhail_shokun]

Это просто неимоверно подробно и качественно рассказано, и очень приятно слушать этого человека!!! Спасибо за контент!!!

[helpc]

Понадобилось ребенку помочь с проектом, материала из ролика хватило за глаза! Спасибо!

[alex]

Спасибо большое! Отличное объяснение! Лучший учитель!

[slava_tfdf]

СПАСИБО ЗА УРОКИ
todo + quiz

Очень интересует создание регистрации пользователей и вход в личный кабинет. С удовольствием просмотрел бы урок в вашем исполнении.

[аккаунт-чо]

Вы бы знали, как вы помогли мне с проектом! Спасибо огромное! Очень понятно, однозначно лайк.

[ДимаВладлентус]

По больше таких видео по JS))) Молодец! Очень информативный ролик)

[emmekh]

отличный урок! успел только на конец премьеры, но обязательно гляну на досуге от начала

[Lazorevka]

Огрооомное спасибо за видео! Искала как раз, где весь код был бы написан на JavaScript и перезаписывался бы в html! Прикрутила к коду алгоритм перемешивания вопросов с Хабра, чтоб вопросы выводились в рандомном порядке:
function shuffle(questions) {
var j, temp;
for(var i = questions.length - 1; i > 0; i--){
j = Math.floor(Math.random()*(i + 1));
temp = questions[j];
questions[j] = questions[i];
questions[i] = temp;
}
return questions;
};

[m_mariya_mari]

Я подписана давно, но на это видео уведомления не было. 🤷‍♀️ сейчас только пришло. Юрий отлично объясняет. Квиз - это КРУТО!

[connorweb]

Очень крутой материал. Спасибо за выпуск! Хотелось бы конечно увидеть разбор этого CSS кода

[belwer]

Юрий, огромное спасибо за материал! Подача материала очень понравилась, в целом просто космос материал! 🚀🚀🚀

[ВладимирТкаченко-ьм]

Отличный контент. Этот урок дает мне понять будет выглядеть подача материала в курсе JS. Обязательно буду брать. И вообще очень много узнал на вашем канале

[Max-edyd]

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

[kawaki]

у тебя лучший контент по front end на русском ютубе, странно почему так мало просмотров, надеюсь в скором времени будет курс по React)

[meowmeowmeowmeow]

чем больше узнаю JS тем больше удивляюсь что на нем можно делать и то как это круто получается в итоге

[doniyorallayorov]

Блин, первый раз всё полностью понял!

[evgeniy]

It’s a very useful lesson. Thank you. Can you make a tutorial step-by-step quiz form on js and php ?