💡 Оффтоп: Как правильно вкатиться в JavaScript и без боли перейти на TypeScript

Сделаем небольшую паузу в нашем основном Fullstack Roadmap. Вы задали отличный вопрос, я делал об этом видео и это заслуживает отдельного поста. Для условного понимания, 50% приложения Food Bot - это TS.

TypeScript — это не отдельный язык. Это надстройка (superset) над JavaScript. Если вы не понимаете замыкания, Event Loop или контекст this в JS, типы вас не спасут, а только запутают. Это к тому, что не следует сразу бросаться в TS - literally выстрел себе в колено.

Вот оптимальный, проверенный опытом (моим и не только) маршрут от Vanilla JS до уверенного TypeScript, с лучшими бесплатными ресурсами.

🟨 Этап 1: Фундамент JavaScript (без фреймворков и типов)

Ваша цель — понять, как язык работает под капотом и выучить современные стандарты (ES6+).

📌 Что нужно знать железобетонно:

• Разница между var, let, const (и почему var нужно забыть).
• Reference vs Value types (почему {} === {} возвращает false).
• Методы массивов: map, filter, reduce (вы будете использовать их каждый день).
• Асинхронность: Promises, async/await и как работает Event Loop (это спросят на 100% собеседований).

📚 Где учить:

1. Learn.javascript.ru
Библия. Никакие видеокурсы не заменят этот учебник.
Пройдите разделы 1 (Язык) и 2 (Браузер).
2. Roadmap.sh / JavaScript
Лучший визуальный Roadmap.
Идите по желтым блокам сверху вниз.
3. JavaScript30
Бесплатный курс от Wes Bos.
30 дней — 30 маленьких проектов на чистом JS без библиотек. Идеально для набивания руки.

🟦 Этап 2: Переход на TypeScript

Когда вы можете написать простую логику на JS и отправить fetch-запрос без гугла — пора добавлять типизацию. TypeScript решает одну главную задачу: он ловит ошибки до того, как вы запустите код. Вы перестанете получать "Cannot read property 'x' of undefined" в продакшене.

📌 Что учить в TS:

• Базовые типы (string, number, boolean, массивы).
• Interfaces и Types (и в чем между ними разница).
• Union-типы (string | number) и Literal-типы.
• Generics (Дженерики): <T>.
Самая сложная, но самая важная часть TS для переиспользуемого кода.
• Utility Types: Partial, Omit, Pick, Record.

📚 Где учить:

1. Официальный Handbook
Документация TS написана невероятно круто и понятно. Начинайте с раздела "The Basics".
2. Total TypeScript
Мэтт Покок (Matt Pocock) считается одним из лучших преподавателей по TS. Его бесплатный базовый курс обязателен к прохождению.
3. Type Challenges
Когда освоите базу — идите сюда. Это LeetCode, но только для для TypeScript. Решайте задачи уровня Warm-up и Easy. Классный тренажер, сам такое делал.

⚙️ Практический мост: как объединить знания?

Лучший способ перейти на TS — взять свой старый проект на чистом JS и переписать его на TypeScript.

Пошагово:

1. Добавьте в проект файл tsconfig.json.
2. Включите "strict": true (обязательно!).
TS без строгого режима — это деньги на ветер.
3. Измените расширения файлов с .js на .ts.
4. Весь ваш редактор (VS Code) загорится красным.
5. Начинайте методично описывать интерфейсы для ваших данных, пропсов и ответов от API, пока краснота не исчезнет.

‼️ Важно:

Не используйте тип any! Написание any — это фактически отключение TypeScript. Если вы пишете any, значит, вы просто сдались. Когда чуть пробежите JS, а потом зацените TS - поймете, че я тут несу. Используйте unknown, если действительно не знаете, что придет,
и сужайте тип дальше через проверки.

#js #ts #JavaScript #TypeScript