Курсовичка

Frontend-разработчик с нуля: JavaScript, TypeScript, React и Vue до первого оффера

Это настоящий кусок курса, ровно как в полной версии — чтобы посмотреть, как устроены уроки, и понять, удобно ли вам так учиться.

Модуль 1 из 8

Модуль 1. JavaScript с нуля: язык программирования на практике

В этом модуле вы знакомитесь с JavaScript с самого начала: как устроены переменные и типы данных, как работают операторы сравнения и логики, как условия и циклы управляют потоком программы и как функции помогают не повторять один и тот же код. Каждая тема разбирается на примере одного сквозного проекта — трекера задач «Раскачка», который Аркадий строит для типографии на 14 сотрудников с бюджетом 180 000 ₽ в месяц. К концу модуля вы соберёте из этих кирпичиков первый работающий мини-скрипт: он считает бюджет на сотрудника, проверяет план расходов по неделям и выводит готовый отчёт в консоль. Эта база станет фундаментом для следующего модуля, где JavaScript выйдет из консоли в браузер.

Урок 1. Переменные, типы данных и операторы — синтаксис языка на живых примерах

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

Важная особенность языка — динамическая типизация. Это значит, что вы не обязаны заранее указывать, какого типа будет переменная: JavaScript определяет тип значения сам, в момент выполнения кода, и тип может меняться по ходу работы программы. С одной стороны, это удобно и ускоряет написание кода, с другой — требует аккуратности: легко случайно перепутать строку и число, если не следить за тем, что происходит в переменной на каждом шаге.

Переменные: let, const и немного истории про var

Переменная — это именованная ячейка, в которой хранится значение. В современном JavaScript для объявления переменных используют два ключевых слова: let — для значений, которые могут измениться, и const — для значений, которые остаются постоянными после объявления. Старое ключевое слово var всё ещё существует ради совместимости со старым кодом, но в новых проектах его избегают: у var своя, более рыхлая логика видимости, из-за которой легко получить неожиданное поведение.

Это отрывок первого урока. Всего в курсе 8 модулей, 34 урока и тест после каждого модуля.
✅ Вопрос из теста

Проверьте себя — такие тесты идут после каждого модуля. Нажмите на ответ, чтобы увидеть верный и пояснение.

Аркадий заметил, что значение переменной totalPlanned будет меняться на каждом шаге цикла при подсчёте недельных расходов. Каким ключевым словом лучше её объявить?

Понравилось, как устроено?

В полном курсе — 8 модулей, 34 урока, тесты после каждого модуля и финальный экзамен.

Читать в Telegram Читать в MAX