Вход в IT. План на 90 дней, какие инструменты учить
Плохая новость: именно потому что всего так много и всё бесплатно — новички тонут в выборе. Учить Python или JavaScript? React или Vue? MySQL или PostgreSQL? Docker сразу или потом? Каждый ответ порождает три новых вопроса, и человек месяцами изучает «что изучать» вместо того, чтобы изучать что-то конкретное.
Сегодня решаю эту проблему, что для этого нужно и почему именно так.
Принципы, на которых построен этот план
Принцип первый — минимальный жизнеспособный стек. Цель за 90 дней, не стать экспертом во всём, а лишь получить набор навыков, достаточный для первой оплачиваемой работы или фриланс-проекта.
Принцип второй — инструменты, а не концепции. Учим через практику. Каждый инструмент — для конкретного проекта. Никаких видеокурсов без практики на своём коде.
Принцип третий — только open source и бесплатное. Ни один из инструментов в этом плане не требует оплаты. Всё работает на бесплатных тарифах.
Принцип четвёртый — последовательность имеет значение. Каждый инструмент строится на предыдущем. Нельзя перепрыгнуть через этап — это замедляет.
Выбор направления: три пути и почему план заточен под веб
Веб-разработка (frontend/backend/fullstack) — самый широкий рынок вакансий, самое быстрое время до первого фриланса, самое большое сообщество и количество бесплатных ресурсов.
Data Science и аналитика — высокие зарплаты, но дольше до первого результата, нужна математическая база.
DevOps и системное администрирование — стабильный спрос, но менее подходит для быстрого старта без опыта с серверами.
Этот план заточен под веб-разработку, как наиболее доступный вход с нуля за 90 дней. Если ваша цель — Data Science или DevOps, структура плана сохраняется, меняются конкретные инструменты.
Фаза 1: фундамент
Первый месяц — самый важный. Здесь закладывается основа, на которой держится всё остальное. И здесь большинство новичков совершают главную ошибку: начинают с «интересного» вместо «необходимого».
Начинаем с редактора кода, потому что он нужен для всего остального. VS Code — бесплатный, open source, разработан Microsoft. Используется большинством веб-разработчиков в мире.
Что нужно настроить в первый день: установить расширения Prettier (автоформатирование кода), ESLint (проверка ошибок), GitLens (интеграция с Git). Это три минимально необходимых расширения, которые сразу поднимают качество работы.
Ресурс: code.visualstudio.com, бесплатно.
HTML и CSS: язык браузера
HTML и CSS — это не «настоящее программирование», и именно поэтому их часто недооценивают. Но без них нет веб-разработки.
HTML определяет структуру страницы. CSS её внешний вид. Вместе они дают возможность создать всё, что вы видите на любом сайте.
Что изучать в HTML: теги, структура документа, семантическая разметка (header, main, section, article, не просто div для всего), формы, таблицы, ссылки и медиа.
Что изучать в CSS: блочная модель, flexbox, grid, медиазапросы для адаптивности, переменные, базовые анимации. Flexbox и Grid обязательно, это то, что используется в каждом проекте.
Проект по итогам HTML+CSS: полностью статичный сайт-визитка. Главная страница, страница «О себе», страница «Контакты». Адаптивный — нормально выглядит и на телефоне, и на компьютере. Это первый проект в портфолио.
Ресурсы: MDN Web Docs (developer.mozilla.org) лучшая бесплатная документация по HTML и CSS. The Odin Project (theodinproject.com) — структурированный бесплатный курс с проектами.
Git: инструмент, без которого не берут на работу
Git — система контроля версий. Она сохраняет историю всех изменений в коде, позволяет работать в команде и возвращаться к любой предыдущей версии.
Без Git невозможно работать в реальной команде. На любом собеседовании в первую очередь спрашивают: «Покажи свой GitHub».
Что нужно знать в Git на старте: инициализация репозитория (git init), добавление изменений (git add), коммит (git commit), ветки (git branch, git checkout, git merge), работа с GitHub (git push, git pull, git clone).
GitHub — бесплатная платформа для хранения репозиториев. Это ваше публичное портфолио. Каждый учебный проект в отдельный репозиторий с нормальным README.
Ресурс: git-scm.com — официальная бесплатная документация. GitHub Skills (skills.github.com) — интерактивные уроки прямо в GitHub.
Terminal и Bash
Терминал это интерфейс командной строки. На первый взгляд пугающий, но быстрее и мощнее любого графического интерфейса.
Что нужно знать в терминале на старте: навигация по файловой системе (cd, ls, pwd), работа с файлами (mkdir, touch, cp, mv, rm), запуск программ, работа с Git через терминал.
На Windows — устанавливаете WSL2 (Windows Subsystem for Linux) и получаете полноценный Linux-терминал бесплатно. На macOS и Linux терминал встроен.
Большинство инструментов, которые вы будете использовать дальше — Node.js, Docker, Git управляются через терминал. Чем раньше привыкнете, тем лучше.
Фаза 2. Динамика и логика
Второй месяц JavaScript и первый бэкенд. Здесь происходит ключевой переход: от «рисую статичные страницы» к «делаю что-то работающее».
JavaScript
JavaScript — единственный язык, который нативно работает в браузере. Хотите, чтобы кнопка что-то делала при нажатии? JavaScript. Хотите загрузить данные с сервера без перезагрузки страницы? JavaScript. Хотите анимацию, форму с валидацией, интерактивную карту? JavaScript.
Что изучать в первую очередь: переменные и типы данных, функции, условия и циклы, массивы и объекты, DOM-манипуляции (изменение страницы через JS), события (click, input, submit), работа с fetch (получение данных из API), async/await (асинхронность).
Что пока не учить: фреймворки (React, Vue это фаза 3), TypeScript (придёт сам), сложные паттерны проектирования.
Проект по итогам JS: интерактивное приложение. Например: приложение для списка задач (To-Do) с хранением в localStorage, или приложение с погодой через открытый API OpenWeatherMap, или простой калькулятор с историей вычислений. Это второй проект в портфолио.
Ресурс: javascript.info лучший бесплатный учебник по JavaScript на русском языке.
Node.js: JavaScript на сервере
Node.js позволяет запускать JavaScript вне браузера на сервере. Это открывает мир бэкенда: обработка запросов, работа с базами данных, создание API.
Почему Node.js, а не Python или PHP: потому что вы уже знаете JavaScript. Учить второй язык на этом этапе, лишняя когнитивная нагрузка. Node.js позволяет строить и фронтенд, и бэкенд на одном языке.
Что изучать: npm (менеджер пакетов), создание простого HTTP-сервера, фреймворк Express.js (лёгкий, бесплатный, самый популярный для Node.js), маршрутизация, middleware, работа с JSON.
Проект: простое REST API. Например: API для хранения заметок — создать, прочитать, обновить, удалить (CRUD).
Ресурс: nodejs.org — официальная документация. Expressjs.com — документация Express. Оба бесплатные.
PostgreSQL: база данных.
База данных — это где хранятся данные вашего приложения. Пользователи, заказы, статьи, сообщения, всё это в базе.
PostgreSQL — лучшая бесплатная реляционная база данных. Open source, активно развивается, используется в крупнейших компаниях мира. Знание SQL с PostgreSQL открывает двери и в бэкенд-разработку, и в аналитику данных.
Что изучать: основы SQL (SELECT, INSERT, UPDATE, DELETE), создание таблиц и связей между ними, JOIN (объединение данных из разных таблиц), индексы для ускорения запросов, подключение PostgreSQL к Node.js через библиотеку pg.
Инструмент для работы с базой: DBeaver — бесплатный GUI-клиент для PostgreSQL. Позволяет видеть данные визуально, без терминала.
Проект: расширьте API из предыдущего шага, теперь заметки хранятся не в памяти сервера, а в PostgreSQL.
Ресурс: postgresql.org — официальная документация. SQLZoo.net — бесплатные интерактивные упражнения по SQL.
Postman / Insomnia: тестирование API
Когда вы создаёте API, то нужно его тестировать. Postman и Insomnia это инструменты для отправки HTTP-запросов и просмотра ответов.
Оба имеют бесплатные версии, которые полностью покрывают нужды разработчика. Insomnia — open source, более лёгкий. Postman — более функциональный, но тяжелее.
Что нужно уметь: отправлять GET, POST, PUT, DELETE запросы, добавлять заголовки и параметры, смотреть ответы сервера, сохранять коллекции запросов для повторного использования.
Ресурс: insomnia.rest (бесплатно, open source) или postman.com (бесплатный тариф).
Фаза 3. Продакшн
Цель: ваш проект работает в интернете, не только на вашем компьютере. Плюс React — самый востребованный фреймворк рынка.
React
React — библиотека для создания пользовательских интерфейсов. Открытый исходный код, бесплатный. Самый популярный frontend-фреймворк в мире по количеству вакансий.
Почему React, а не Vue или Angular: Vue — хороший выбор, но меньше вакансий. Angular — сложнее для старта.
Что изучать: компоненты и JSX, props и state, хуки (useState, useEffect это 80% работы с React), работа с формами, получение данных из API, React Router для навигации между страницами.
Проект: перепишите один из предыдущих проектов на React с нормальным интерфейсом. Или создайте новый, например, приложение для отслеживания личных финансов, которое берёт данные из вашего API.
Ресурс: react.dev — официальная документация, значительно улучшенная в последних версиях. Полностью бесплатно.
Docker
Docker — инструмент контейнеризации. Он упаковывает ваше приложение со всеми зависимостями так, что оно работает одинаково на любом компьютере и сервере.
Что нужно знать на уровне джуниора: что такое контейнер и образ, написать базовый Dockerfile, запустить контейнер с приложением, базовый docker-compose для запуска нескольких сервисов (приложение + база данных).
Это не нужно знать идеально на старте, но работодатели всё чаще включают базовый Docker в список желательных навыков даже для джуниоров.
Ресурс: docs.docker.com — официальная документация. Docker Desktop бесплатен для личного использования.
Vercel и Railway
Деплой это публикация приложения в интернете. Без деплоя ваш проект существует только на вашем компьютере. Для портфолио это катастрофа: «вот мой проект, но вы его не можете посмотреть».
Vercel — лучший бесплатный хостинг для React и других frontend-проектов. Подключаете GitHub-репозиторий, и каждый push автоматически деплоится. Бесплатный тариф покрывает любые учебные проекты.
Railway — бесплатный хостинг для бэкенда и баз данных. Node.js API + PostgreSQL — всё можно запустить на бесплатном тарифе Railway.
После этого шага у вас есть реальные URL, которые можно показать любому человеку.
Ресурс: vercel.com и railway.app оба имеют бесплатные тарифы.
Linux basics
Большинство серверов в мире работают на Linux. Даже если вы frontend-разработчик — базовые знания Linux делают вас значительно более ценным специалистом.
Что нужно знать: навигация (cd, ls, pwd), работа с файлами и правами доступа, управление процессами, базовые команды сети (curl, ping), работа с SSH для подключения к удалённому серверу.
На практике: если вы уже настроили WSL2 в первом месяце, то вы уже работаете с Linux. Остаётся только углубить знания в контексте серверов.
Ресурс: linuxcommand.org — бесплатный. OverTheWire (overthewire.org) — игровой формат изучения Linux-команд.
Три проекта портфолио, которые должны быть
К концу 90 дней у вас должно быть три проекта на GitHub, реальных, задеплоенных, с рабочими URL.
Проект первый — статичный сайт. Личное портфолио-визитка: главная страница с информацией о вас, раздел с навыками, раздел с проектами (заполните потом), форма контактов. Адаптивный дизайн, чистый HTML и CSS без фреймворков. Задеплоен на GitHub Pages (бесплатно). Этот проект показывает: вы умеете верстать и умеете работать с Git.
Проект второй — интерактивное приложение. Приложение на чистом JavaScript без фреймворков. Хорошие варианты: менеджер задач с фильтрами и хранением в localStorage, приложение с погодой через открытый API, квиз с вопросами и счётом. Задеплоен на Vercel или Netlify. Этот проект показывает: вы умеете JavaScript и можете сделать что-то работающее.
Проект третий — fullstack-приложение. Приложение с React на фронте, Node.js+Express на бэке, PostgreSQL в базе. Хорошие варианты: блог с авторизацией, система управления задачами с аккаунтами пользователей, приложение для отслеживания расходов. Фронт на Vercel, бэк и база на Railway. Этот проект показывает: вы можете сделать реальный продукт от начала до конца.
Что не нужно учить в первые на старте
TypeScript — подождёт. Это надстройка над JavaScript, которую вы поймёте значительно лучше, когда освоите чистый JS. Большинство джуниоров не знают TypeScript и это нормально.
Алгоритмы и структуры данных — базово достаточно. LeetCode-задачи уровня Easy полезны для собеседований. Но тратить первые 90 дней на алгоритмы вместо практических навыков это распространённая ошибка.
Несколько фреймворков одновременно. Либо React, либо Vue, либо Angular. Выбрали React — только React.
Next.js, Nuxt, Remix и другие мета-фреймворки. Это важные инструменты, но они строятся на React. Сначала React, потом Next.
Kubernetes и продвинутый DevOps это не для джуниора. Базовый Docker да. Kubernetes через год-два опыта.
Что дальше: следующие шаги
Первый путь — ищем первую работу. Обновляете LinkedIn и HH.ru, начинаете откликаться на вакансии джуниора. На этом этапе цель не идеальная компания, а первый реальный опыт. Даже скромный оффер.
Второй путь — фриланс. Регистрируетесь на FL.ru, Habr Freelance, Upwork. Берёте небольшой проект, лендинг, простой сайт, небольшой скрипт. Это и опыт, и деньги, и пополнение портфолио.
Третий путь — углубление стека. TypeScript, тестирование (Jest, Vitest), продвинутый React, Next.js, Docker и CI/CD. Это делает вас значительно более ценным кандидатом через полгода.
Четвёртый путь — специализация. После базы веба можно уйти в сторону Data Science (Python, Pandas), мобильной разработки (React Native), DevOps (Kubernetes, Terraform) или кибербезопасности.
Итог
Всё, что нужно доступно бесплатно. Единственный ресурс, который нужен это время и последовательность.