Omnex.Study
Курсы / Программирование
🟨

JavaScript с нуля

От первого console.log до интерактивных приложений с реальными данными — 40 часов практики без воды.

С нуля40 часов модулей уроковДоступ навсегда
6 99010 990
Начать бесплатно — первый модуль в подарок

Разовая оплата, без подписки. Школьнику курс покупает родитель из кабинета parents.omnex.study.

О КУРСЕ

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

Этот курс проведёт тебя от самой первой строчки `console.log('Привет!')` до полноценных интерактивных приложений, которые берут данные из настоящих API в интернете. Никакой воды и заучивания — только то, что реально используют в работе: современный синтаксис ES6+, работа с DOM, события, асинхронность и fetch. Каждый урок — маленький шаг с быстрой победой, живыми примерами и разбором ошибок, на которых спотыкаются все новички.

Ты не будешь смотреть, как кто-то печатает код. Ты будешь писать его сам с первого урока: три практикума и пять проектов соберутся в портфолио, которое не стыдно показать на собеседовании — калькулятор, библиотека функций-помощников, мини-дашборд, to-do лист и приложение, работающее с реальными данными из сети.

К концу курса ты будешь уверенно читать чужой JavaScript, гуглить по делу, отлаживать код в DevTools и понимать, что происходит под капотом у сайтов, которыми пользуешься каждый день. Это фундамент, на котором дальше вырастают React, Vue и вся современная веб-разработка.

РЕЗУЛЬТАТ

Чему научишься.

ПРОГРАММА

модулей, уроков.

01

Первые шаги в JavaScript

Бесплатный модуль

Что такое JS, где он выполняется, как открыть консоль, вывести первый результат и подключить скрипт к странице.

  • Что такое JavaScript и почему он повсюдуТеория · 20 мин
  • Где живёт код: консоль браузераТеория · 20 мин
  • console.log: твой главный инструментТеория · 22 мин
  • Подключаем JavaScript к страницеТеория · 24 мин
  • Комментарии, точки с запятой и чистый кодТеория · 20 мин
  • Практикум: оживляем страницуПрактика · 30 мин
  • Квиз по модулю 1Тест · 15 мин
02

Переменные и типы данных

let и const, числа и математика, строки и шаблонные литералы, булевы значения, null, undefined, typeof и преобразование типов.

  • Переменные: let и constТеория · 22 мин
  • Числа и математикаТеория · 24 мин
  • Строки и шаблонные литералыТеория · 24 мин
  • Булевы значения, null и undefinedТеория · 22 мин
  • Преобразование типовТеория · 24 мин
  • Практикум: мини-конвертер величинПрактика · 30 мин
  • Квиз по модулю 2Тест · 15 мин
03

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

Сравнение == и ===, логические операторы, ветвления if/else if/else, тернарный оператор и switch — вся логика принятия решений в коде.

  • Сравнение: == против ===Теория · 24 мин
  • Логические операторы: И, ИЛИ, НЕТеория · 22 мин
  • Ветвления: if, else if, elseТеория · 24 мин
  • Тернарный операторТеория · 20 мин
  • Множественный выбор: switchТеория · 22 мин
  • Проект: калькулятор чаевыхПроект · 40 мин
  • Квиз по модулю 3Тест · 15 мин
04

Циклы: повторяем без копипасты

Цикл while, цикл for, управление циклом через break и continue, перебор строк и списков через for...of.

  • Цикл while: пока условие верноТеория · 22 мин
  • Цикл for: всё в одной строкеТеория · 22 мин
  • Управление циклом: break и continueТеория · 20 мин
  • Перебор по элементам: for...ofТеория · 22 мин
  • Практикум: генератор таблицы умноженияПрактика · 30 мин
  • Квиз по модулю 4Тест · 15 мин
05

Функции: код, который можно переиспользовать

Объявление функций, параметры, return и значения по умолчанию, функциональные выражения, стрелочные функции и область видимости переменных.

  • Зачем нужны функцииТеория · 22 мин
  • Параметры, return и значения по умолчаниюТеория · 24 мин
  • Функциональные выраженияТеория · 20 мин
  • Стрелочные функцииТеория · 22 мин
  • Область видимости переменныхТеория · 22 мин
  • Проект: библиотека функций-помощниковПроект · 45 мин
  • Квиз по модулю 5Тест · 15 мин
06

Массивы и объекты: работа с данными

Массивы и индексы, методы добавления и поиска, перебор через forEach/map/filter/reduce/find, объекты, доступ к свойствам, перебор объектов и массивы объектов.

  • Массивы: списки значенийТеория · 22 мин
  • Методы массивов: добавить, удалить, найтиТеория · 24 мин
  • Перебор и преобразование: forEach, map, filter, reduceТеория · 26 мин
  • Объекты: ключи и значенияТеория · 24 мин
  • Массивы объектов и переборТеория · 24 мин
  • Проект: мини-дашборд статистикиПроект · 45 мин
  • Квиз по модулю 6Тест · 15 мин
07

DOM и события: оживляем страницу

Что такое DOM, поиск элементов через querySelector, изменение текста и стилей, обработка кликов и ввода, создание и удаление элементов.

  • Что такое DOMТеория · 22 мин
  • Находим элементы: querySelectorТеория · 24 мин
  • Меняем текст, содержимое и стилиТеория · 24 мин
  • События: реагируем на пользователяТеория · 26 мин
  • Создаём и удаляем элементыТеория · 24 мин
  • Проект: To-Do листПроект · 50 мин
  • Квиз по модулю 7Тест · 15 мин
08

Асинхронность и данные из сети

setTimeout и setInterval, колбэки и асинхронность, промисы, async/await, загрузка данных через fetch и обработка ошибок.

  • Отложенный код: setTimeout и setIntervalТеория · 22 мин
  • Колбэки и асинхронностьТеория · 22 мин
  • Промисы: обещание результатаТеория · 24 мин
  • async и await: асинхронность как обычный кодТеория · 24 мин
  • fetch: данные из настоящего APIТеория · 26 мин
  • Финальный проект: поиск профиля GitHubПроект · 60 мин
  • Квиз по модулю 8Тест · 15 мин
ИНСТРУМЕНТЫ

С чем будешь работать.

Браузер Chrome (или Firefox) и его DevToolsКонсоль JavaScriptVS CodeРасширение Live ServerNode.jsPrettierESLintGit и GitHubMDN Web DocsCodePen

JavaScript с нуля: первый модуль — бесплатно.

Начать бесплатно — первый модуль в подарок
JavaScript с нуля | Omnex.Study