Мини-курс

Основы JavaScript для начинающих

8 коротких уроков об основе языка, на котором работают все сайты: от переменных до массивов и объектов. Поймёте, хотите ли вы делать интерфейсы, ещё до оплаты большого курса.

8 уроков и итоговый тест
≈ 3 ч на весь курс
Бесплатно, без регистрации

Начать с урока 1 Кому подходит ↓

Коротко о JavaScript

JavaScript — язык, который делает сайты живыми: меню открываются, формы проверяют ввод, корзина пересчитывает сумму без перезагрузки страницы. Он работает в каждом браузере, а с Node.js — ещё и на сервере. Без JavaScript не обходится фронтенд-разработка, поэтому это один из самых востребованных языков.

Зарплаты сильно зависят от города и опыта — смотрите актуальные вакансии: вакансии JavaScript-разработчика на hh.ru.

Где работает JavaScript

Каждый раз, когда на сайте открывается выпадающее меню, появляется подсказка в форме или обновляется счётчик товаров в корзине, работает JavaScript. Браузер загружает его вместе со страницей и выполняет прямо на вашем компьютере.

Сегодня JavaScript вышел далеко за пределы браузера: на нём пишут серверы (Node.js), мобильные и даже настольные приложения. Но начинают почти все с одного — с основы языка, которая одинакова везде.

В курсе — короткие примеры кода с разбором, задания с готовыми решениями и мини-тесты. Всё можно попробовать в консоли браузера, ничего не устанавливая.

Кому подойдёт, а кому нет

Скорее подойдёт, если

Хотите делать сайты и интерфейсы и сразу видеть результат в браузере
Никогда не программировали или пробовали совсем немного
Нравится разбираться в логике: почему кнопка работает именно так
Присматриваетесь к фронтенду или к профессии веб-разработчика
Готовы выделять на практику хотя бы полчаса в день

Скорее не подойдёт, если

Интересны данные, аналитика или автоматизация — для старта удобнее Python
Ошибки в коде выводят из себя: в программировании они случаются каждый день
Рассчитываете освоить язык за выходные: на уверенную базу уходят месяцы практики

Программа: 8 уроков

Урок 1из 8 пройдензнаете

Как работает JavaScript: переменные и типы данных

Где выполняется JavaScript, как запустить первый код в консоли браузера, чем let отличается от const и какие бывают типы данных.
15 мин · Дальше: Операторы и условия
Открыть
Урок 2из 8 пройдензнаете

Операторы и условия

Арифметика и её ловушки, строгое сравнение ===, логические операторы и условные конструкции if, else if и else.
20 мин · Дальше: Циклы: for, while и for...of
Открыть
Урок 3из 8 пройдензнаете

Циклы: for, while и for...of

Как повторять действия: устройство цикла for, цикл while, удобный перебор через for...of, накопление суммы, break и continue.
20 мин · Дальше: Строки и их методы
Открыть
Урок 4из 8 пройдензнаете

Строки и их методы

Три вида кавычек и шаблонные строки, обращение к символам, длина строки и самые нужные методы: trim, toLowerCase, includes, slice, replace и split.
20 мин · Дальше: Функции и области видимости
Открыть
Урок 5из 8 пройдензнаете

Функции и области видимости

Как объявлять функции и стрелочные функции, передавать параметры и возвращать результат, и где «видна» переменная, объявленная внутри блока.
20 мин · Дальше: Массивы и мутирующие методы
Открыть
Урок 6из 8 пройдензнаете

Массивы и мутирующие методы

Что такое массив, как обращаться к элементам и перебирать их, и какие методы меняют исходный массив: push, pop, shift, unshift, splice, sort и reverse.
25 мин · Дальше: Неизменяемые методы массивов и callback
Открыть
Урок 7из 8 пройдензнаете

Неизменяемые методы массивов и callback

Что такое callback и как с его помощью работают методы map, filter, find и reduce, которые не меняют исходный массив. И как правильно сортировать числа.
25 мин · Дальше: Объекты и их методы. Что учить дальше
Открыть
Урок 8из 8 пройдензнаете

Объекты и их методы. Что учить дальше

Как описать сущность объектом со свойствами и методами, перебрать его через Object.keys, values и entries, работать с массивом объектов и куда двигаться после основ JavaScript.
25 мин
Открыть

Итоговый тест

16 вопросов по всем урокам, около 12 минут. В конце — разбор, какие темы повторить, и вывод по вашим ответам: стоит ли продолжать учить JavaScript.

Пройти тест

Что дальше

Если тема зацепила, продолжить можно так.

Бесплатно, своими силами

Решайте по 2–3 задачи в день — например, на Codewars или в разделе задач на learn.javascript.ru.
Прочитайте первые части учебника learn.javascript.ru — подробный и бесплатный, на русском.
Сверстайте простую страницу и оживите её: кнопка, которая меняет текст, или список дел.
Заведите аккаунт на GitHub и выкладывайте туда свой код — так появится портфолио.
Познакомьтесь с инструментами разработчика в браузере: консоль и вкладка Network пригодятся каждый день.

С курсом и наставником

Готовим подборку курсов: цена, срок, формат и есть ли помощь с работой. Сравним несколько школ, а не одну «лучшую».

Частые вопросы

Нужно ли что-то устанавливать?

Нет. Код можно запускать прямо в браузере — в консоли инструментов разработчика, которая открывается клавишей F12. Как это сделать, рассказываем в первом уроке.

Нужно ли знать HTML и CSS?

Для этого курса — нет: он про сам язык. Но для работы фронтенд-разработчиком HTML и CSS понадобятся, их обычно учат параллельно с JavaScript.

JavaScript и Java — это одно и то же?

Нет, это разные языки с похожими названиями. Java используют в основном для серверных и мобильных приложений, а JavaScript — для сайтов.

Сколько времени займёт курс?

Около трёх часов: 8 уроков по 15–25 минут и итоговый тест. Удобный темп — урок в день, плюс время на задания.

Это бесплатно?

Да, и без регистрации. Сайт зарабатывает на партнёрских программах онлайн-школ — как это устроено, рассказываем на странице «О проекте».

Хватит ли этого курса, чтобы найти работу?

Для первой работы его мало: курс даёт основу языка и показывает, ваше ли это. Дальше нужны работа со страницей, запросы к серверу, фреймворк и свои проекты — что учить, рассказываем в уроке 8.