Курсы
Уроки
Шаг 6 из 11 на пути «Веб-разработка»
JavaScript
JavaScript делает веб-страницы интерактивными. Если вам нужно веб-приложение, без JavaScript не обойтись.
Уроки
Уроки
JavaScript делает веб-страницы интерактивными. Если вам нужно веб-приложение, без JavaScript не обойтись.
Уроки
Урок 1
Напишите первую программу: выводите текст через console.log(), считайте, используйте let и const.
За урок вы получите 190 XP
Урок 2
Научите программу принимать решения: if, else if, else и условия с ===, && и ||.
За урок вы получите 130 XP
Мини-проект
Посчитайте счёт за уровень игры, выдайте звёзды и выясните, откроется ли секретный уровень.
За урок вы получите 25 XP
Вывод
Монеты: 370Враги: 300Бонус за время: 150Счёт: 820Звёзды: 2 из 3Рекорд: 900Секретный уровень: закрыт
Урок 4
Храните значения в массиве, читайте их по индексу, добавляйте и удаляйте с помощью push() и pop().
За урок вы получите 135 XP
Урок 5
Повторяйте код с while и for, перебирайте массивы через for...of, суммируйте и считайте значения.
За урок вы получите 140 XP
Мини-проект
Откройте угаданные буквы слова в «Виселице», выведите ошибочные буквы и определите итог игры.
За урок вы получите 25 XP
Вывод
П _ О _ _ А М М А Скрыто букв: 3Неверные буквы: ["Е", "Ы"]Ошибок: 2Осталось жизней: 4
Урок 7
Пишем свои функции с параметрами и возвращаемыми значениями, а также короткие функции со стрелкой =>.
За урок вы получите 105 XP
Урок 8
Объединяем значения в объекты, читаем и меняем их свойства и обходим циклом массивы объектов.
За урок вы получите 100 XP
Урок 9
Замените циклы на filter(), map() и find() и сортируйте массивы с помощью sort().
За урок вы получите 120 XP
Мини-проект
Ведите таблицу футбольной лиги: считайте очки, находите лидера и обновляйте таблицу после матча.
За урок вы получите 25 XP
Вывод
Львы: 10Орлы: 8Акулы: 4Волки: 0Лидер: ЛьвыБез поражений: ["Львы", "Орлы"]Орлы 2:1 ЛьвыЛьвы: 10Орлы: 11Акулы: 4Волки: 0Лидер: ОрлыБез поражений: ["Орлы"]
Урок 11
Находите элементы с помощью querySelector(), заставляйте кнопки реагировать на нажатия и создайте список дел.
За урок вы получите 110 XP
Урок 12
Ищите по списку, пока человек печатает, реагируйте на клавиши вроде Enter и проверяйте форму при отправке.
За урок вы получите 110 XP
Мини-проект
Научите форму регистрации проверять имя, почту, пароль и возраст и приветствовать нового пользователя.
За урок вы получите 30 XP
Урок 14
Запускайте код позже через setTimeout() и setInterval() и дожидайтесь результата с помощью async и await.
За урок вы получите 110 XP
Урок 15
Загрузите JSON с сервера через fetch(), нарисуйте по нему страницу и сохраните данные в localStorage.
За урок вы получите 105 XP
Мини-проект
Создайте приложение для киновечера: загрузите фильмы, отфильтруйте их по жанру и названию и сохраните избранные.
За урок вы получите 35 XP
Урок 17
Создайте список покупок, который складывает цены, вычёркивает купленное и запоминает товары.
За урок вы получите 95 XP
JavaScript делает веб-страницы интерактивными, и это единственный язык программирования, который понимает любой браузер. Курс начинается с основ — переменных, вычислений и условий, затем рассказывает о массивах, циклах, функциях, объектах и методах массивов, и наконец о JavaScript на веб-странице: событиях и формах, таймерах и данных, которые страница загружает с сервера и сохраняет.
По ходу курса вы самостоятельно пишете программы и страницы, такие как «Счёт в игре», «Виселица», «Футбольная лига», «Форма регистрации» и «Киновечер», а в итоговом проекте создаёте небольшое приложение: список покупок, который складывает цены, проверяет то, что вы вводите, позволяет вычёркивать товары и запоминает их до следующего раза.