Kuest AI

Изучайте что угодно — бесплатно

Начать бесплатно

Освой веб-разработку в 10 раз быстрее с ИИ

Основы HTML, CSS, JavaScript и React. Вставь свой код, и Kuest поможет понять, почему ломается вёрстка или не обновляется состояние.

817,000+учеников уже занимаются с Kuest

тем
10
Основные языки
HTML, CSS, JavaScript
Охватывает
Основы фронтенда и React
Открывает путь к
Full-stack- и фронтенд-разработке

Посмотрите, как объясняет Kuest

Сначала он спрашивает, а потом объясняет — так вы думаете сами и лучше запоминаете.

Вы: Моя кнопка запускает функцию сразу при загрузке страницы: button.addEventListener("click", showMenu());
Kuest: Посмотри на showMenu() со скобками. Что делает JavaScript, когда видит имя функции, за которым следует ()?
Вы: Он вызывает функцию.
Kuest: Верно, и вызывает её сразу при добавлении обработчика. А что addEventListener на самом деле ожидает вторым аргументом?
Вы: Саму функцию, чтобы вызвать её позже. Значит, addEventListener("click", showMenu) без скобок.
Kuest: Именно. Передавай функцию, а не вызывай её. Та же идея работает в React с onClick={showMenu}.

Обработчикам событий нужна ссылка на функцию; добавление () вместо этого сразу её вызывает.

Ученики, которые всерьёз занимаются с Kuest

учеников
817,000+
стран
100+
  • С C до A по химии

    “Я перестал списывать ответы и начал по-настоящему понимать. За один семестр моя оценка по химии выросла с C до A.”

    11-й класс, Техас
  • 3 часа → 40 минут

    “Мои конспекты за секунды превращаются в тест. То, на что раньше уходил весь вечер, теперь занимает столько же, сколько одна серия.”

    10-й класс, Калифорния
  • Наконец готов к SAT

    “План точно говорил, что делать каждый день. Впервые я пришёл на экзамен спокойным.”

    12-й класс, Нью-Йорк
  • Не даёт мне пропустить ни шаг

    “Сначала раздражало, но в день теста это спасло. Я смог решить каждую задачу без него.”

    9-классник, Огайо
  • Лучше, чем мой репетитор

    “Он доступен и в полночь, терпелив и стоит меньше, чем одно занятие с моим прежним репетитором.”

    Студент 1-го курса, Флорида
  • Моя серия — уже 94 дня

    “Квесты занимают десять минут. Я делаю их в автобусе. И каким-то образом теперь уже я объясняю друзьям биологию.”

    11-классник, Джорджия
  • Испанский наконец стал понятен

    “Разговоры вслух с тьютором помогли исправить произношение быстрее, чем целый год занятий.”

    10-классник, Аризона
  • Нашёл пробелы за один вечер

    “Проверка пробелов показала, что я вообще не понимал моли. Разобрался за 15 минут.”

    11-классник, Джорджия
  • Родитель на связи: больше никаких срывов в 9 вечера

    “Мой сын получает настоящую помощь, а мне не нужно делать вид, что я помню матанализ. И я каждую неделю вижу его прогресс.”

    Родитель, Вашингтон

Методика

Как изучать Веб-разработка с Kuest

Веб-разработка становится понятнее, когда ты можешь предсказать, что браузер сделает с твоим кодом до обновления страницы. Создавай небольшие страницы, меняй по одному свойству за раз и объясняй, почему изменился результат. Совместная практика HTML, CSS и JavaScript эффективнее, чем изучение каждого по отдельности.

  1. Вставь код и опиши результатЧат с наставником

    Поделись HTML, CSS или компонентом и опиши, что показывает браузер. Kuest спросит, чего ты ожидал, и поможет сузить круг причин.

  2. Сделай скриншотСфотографировать

    Сделай скриншот сломанной вёрстки или ошибки в консоли — Kuest начнёт с того, что ты видишь.

  3. Нарисуй блочную модель и макетУчебная доска

    Kuest набросает блоки, оси flex и дерево компонентов на учебной доске, чтобы вёрстка и поток данных стали наглядными.

  4. Предскажи результатКвизы

    В квизах показываются правило CSS или фрагмент React и спрашивается, что отобразится — так развивается интуиция для отладки.

  5. Запоминай свойства и хукиКарточки

    Карточки с интервальным повторением для свойств flexbox, семантических тегов, методов массивов и хуков React помогут не забывать детали.

  6. Следуй плануУчебный план

    Поставь цель, например создать сайт-портфолио к определённой дате, и Kuest составит понедельный план от HTML до React.

Что вы изучите

Нажмите на тему, чтобы начать изучать её сейчас.

  1. 01Структура и семантика HTMLСоздавай страницы с заголовками, списками, ссылками, формами и семантическими тегами, такими как main и nav.
  2. 02CSS-селекторы и каскадВыбирай элементы с помощью селекторов и определяй, какое правило сработает, по специфичности.
  3. 03Блочная модельУправляй размером и отступами с помощью content, padding, border и margin.
  4. 04Flexbox и GridСоздавай строки, столбцы и целые страницы с flexbox и CSS Grid.
  5. 05Адаптивный дизайнАдаптируй макеты для телефонов и компьютеров с помощью медиазапросов и относительных единиц.
  6. 06JavaScript и DOMВыбирай элементы, меняй содержимое и реагируй на клики с помощью обработчиков событий.
  7. 07Получение данныхВызывай API через fetch, обрабатывай JSON и используй async/await, не теряя ошибки.
  8. 08Компоненты и props в ReactРазделяй UI на компоненты и передавай данные вниз через props.
  9. 09Состояние и эффекты в ReactОбновляй UI с useState и запускай побочные эффекты с useEffect.
  10. 10Основы доступностиИспользуй labels, alt-текст, порядок фокуса и контраст, чтобы твоей страницей могли пользоваться все.

Попробуйте спросить

Нажмите на вопрос — и Kuest начнёт объяснять его шаг за шагом.

Поможет подготовиться к

  • AP Computer Science Principles
  • Вводные курсы по веб-разработке
  • Буткемпы по программированию
  • Собеседования по фронтенд-разработке

Месяц с Kuest стоит дешевле часа с репетитором

То же терпение, в любое время, по любому предмету. Или оставайтесь на бесплатном плане навсегда.

Репетитор

$40–80за один час

  • Запись за несколько дней
  • Один предмет за занятие
  • Занятие заканчивается через час

Kuest Plus

$10в месяц при оплате за год

  • Все предметы и экзамены на этом сайте
  • В любое время и столько, сколько нужно
  • Квизы, карточки, подкасты и пробные экзамены

Ответы на вопросы

Ваша следующая учебная сессия начинается здесь

Бесплатный план навсегда. Карта не нужна.

Начать бесплатно