Мы используем cookie для стабильной работы сервиса. Подробнее

Инструменты разработчика

ФорматОнлайн
Длительность1 час в неделю
Объём11 занятий
По окончанииStepik
О курсе

Подробнее

Вы умеете писать код — но каждый раз спотыкаетесь не о код. Открылся терминал — и непонятно, что туда вводить. Git выдал конфликт — и проще скопировать папку и начать заново. Нужно выложить проект — и вы третий час читаете форум про SSH-ключи. Джуна берут на работу не за знание React, а за то, что он не парализует команду на таких вещах. Этот курс закрывает ровно тот слой, который все обходят стороной: рабочее окружение разработчика. После курса вы сможете работать в терминале без гугления каждой команды — навигация, поиск, права, продвинутые приёмы; вести историю проекта в Git: ветки, теги, релизы, разбор конфликтов, участие в open source; выложить портфолио на GitHub Pages и подключиться к серверу по SSH-ключу, а не по паролю; настроить VS Code так, чтобы он экономил вам часы: навигация, кастомизация, синхронизация настроек, удалённое редактирование; понимать, что делает npm, откуда берутся node_modules, что означают ^ и ~ в версиях и зачем нужен npx; прочитать и починить чужой конфиг сборщика, не разрушив проект. Что внутри Фундамент, который не устаревает Устройство сайта, хостинг, домены, FTP. Терминал — от первых команд до продвинутых техник. VS Code на уровне «редактор работает на меня». SSH: ключи шифрования, GitHub, сервер. То, за что платят в команде Git и GitHub: локальный и удалённый репозиторий, рабочий workflow, теги и релизы, конфликты, алиасы, GitHub Pages, open source. NodeJS и npm: модули, скрипты, semver, yarn, npx. Сборка проекта Parcel, Gulp, Webpack. Скажу честно: сегодня новые проекты чаще стартуют на Vite. Но, во-первых, принцип у всех сборщиков один — разобравшись здесь, любой новый вы освоите за вечер. Во-вторых, на работу вас, скорее всего, посадят на проект, который уже живёт несколько лет — а там Webpack и Gulp никуда не делись, и человек, способный в них разобраться, стоит дороже. «А зачем это, если теперь всё делает ИИ?» Затем, что ИИ-агент работает в вашем терминале и коммитит в ваш репозиторий. Когда он удалит нужную ветку, сломает сборку или запушит ключи в публичный репозиторий — разбираться будете вы. Разработчик, который не понимает, что происходит под агентом, не ускоряется, а просто теряет контроль. Этот курс даёт ровно ту базу, без которой ИИ из инструмента превращается в источник проблем. Кто автор Меня зовут Михаил. Я профессиональный веб-разработчик и инженерный менеджер, преподаю веб-разработку с 2016 года, автор более 10 курсов. Почти всеми инструментами из курса я пользуюсь каждый день. Я сам когда-то мучительно продирался через каждый из них — поэтому объясняю так, как хотел бы, чтобы объяснили мне. Что говорят студенты «Всё чётко по делу и в одном месте, этот курс полностью подошёл мне как новичку. Манера подачи информации "зашла" на ура — отлично усваивается. Отдельная благодарность за то, что курс не вычищен от ошибок, оказалось очень полезно». «Курс супер! Полностью отвечает на заявленные вопросы, даёт надёжную базу — фундаментальные принципы и понятия, которые с помощью документации можно бесконечно усложнять и дополнять. Курс буду использовать как настольную книгу, постоянно обращаясь к урокам, пока всё не запомню». Курс подойдёт, если вы верстальщик или начинающий frontend-разработчик и чувствуете, что за пределами кода у вас пробел; готовитесь к первой работе и не хотите выглядеть беспомощно на испытательном сроке; учились по видео «повторяй за мной» и до сих пор не понимаете, что именно происходит в терминале. Курс не подойдёт, если вы уже уверенно работаете с Git, SSH и npm — новых открытий здесь не будет; ищете курс по современным сборщикам (Vite, Turbopack) — здесь Parcel, Gulp и Webpack; хотите научиться программировать — это курс не про язык, а про окружение вокруг него.
Требования

Что нужно для старта

  • Желательно базовое владение HTML, CSS, JavaScript
Результат

Что вы получите

  • Основы веб
  • Терминал
  • Nano и Vim
  • VS Code
  • SSH
  • Git
  • GitHub
  • NodeJS
  • npm
  • yarn
  • Webpack
Аудитория

Для кого этот курс

  • Для тех, кто хочет повысить эффективность в веб-разработке
  • Для тех, кто хочет углубиться в веб-разработку и взять лучшее из современных практик
  • Для тех, кто застрял на первых шагах профессии и хочет добрать компетенций к резюме
  • Для тех, кто хочет получить актуальные навыки и стать более востребованным на рынке веб-разработки
Содержание

Программа курса

11 занятий
№ТемаЧто внутри
01Введение

- Введение

02Основы веб

- Составляющие сайта
- Хостинг
- Домен
- FTP
- SSH-соединение
- Проверка знаний

03Терминал

- Варианты терминалов
- Основные команды
- Продвинутые техники
- Терминал и редакторы кода
- Поиск через терминал

04VS Code

- Интерфейс VS Code
- Кастомизация
- Ускорение работы
- Файловая навигация
- Навигация по документам
- Удаленное редактирование
- Синхронизация настроек

05SSH

- Что такое SSH
- Создание ключей шифрования
- Добавление ключа на GitHub
- Добавление ключа на сервер
- Проверка знаний

06Git

- Системы версионирования
- Установка Git
- Локальный репозиторий
- Удаленный GitHub репозиторий
- Выгрузка локального репозитория онлайн
- Git: практический workflow
- Теги и релизы
- GitHub Pages
- Добавление алиасов
- Инструменты VS Code для Git
- Работа с конфликтами
- Работа с open source проектами
- Проверка знаний

07NodeJs + npm

- Что такое NodeJS
- Установка NodeJS
- Утилиты и модули NodeJS
- Пример создания модуля NodeJS
- Пакетный менеджер npm
- Стандарт версионирования Semver
- Пакетный менеджер yarn
- Создание скриптов
- Утилита npx
- Проверка знаний

08Parcel JS

- Обзор сборщика Parcel
- Использование стилей и препроцессоров
- Использование современного JavaScript
- Работа с pug
- Production сборка

09Gulp JS

- Что такое GulpJS. Установка
- Варианты синтаксиса для Gulp
- Обработка pug-шаблонов
- Отслеживание изменений
- Работа с локальными данными
- Работа со стилями
- Обработка изображений
- Локальный dev-сервер
- Сборка JavaScript-модулей

10Webpack 4

- Что такое Webpack. Установка
- Способы задания конфигурации
- Ключевые концепции Webpack
- Создание dev-сервера
- Транспиляция стилей
- JavaScript и Babel
- Конфигурация Webpack по условию

11Webpack 5

- Начало работы с Webpack 5
- Обработка JavaScript-файлов
- Настройка локального сервера
- Точки входа и выхода
- Генерация HTML-шаблона
- Настройка режимов сборки
- Обработка CSS-файлов
- Препроцессинг и постобработка стилей
- Обработка изображений
- Дополнительные сведения

01Введение

- Введение

02Основы веб

- Составляющие сайта
- Хостинг
- Домен
- FTP
- SSH-соединение
- Проверка знаний

03Терминал

- Варианты терминалов
- Основные команды
- Продвинутые техники
- Терминал и редакторы кода
- Поиск через терминал

04VS Code

- Интерфейс VS Code
- Кастомизация
- Ускорение работы
- Файловая навигация
- Навигация по документам
- Удаленное редактирование
- Синхронизация настроек

05SSH

- Что такое SSH
- Создание ключей шифрования
- Добавление ключа на GitHub
- Добавление ключа на сервер
- Проверка знаний

06Git

- Системы версионирования
- Установка Git
- Локальный репозиторий
- Удаленный GitHub репозиторий
- Выгрузка локального репозитория онлайн
- Git: практический workflow
- Теги и релизы
- GitHub Pages
- Добавление алиасов
- Инструменты VS Code для Git
- Работа с конфликтами
- Работа с open source проектами
- Проверка знаний

07NodeJs + npm

- Что такое NodeJS
- Установка NodeJS
- Утилиты и модули NodeJS
- Пример создания модуля NodeJS
- Пакетный менеджер npm
- Стандарт версионирования Semver
- Пакетный менеджер yarn
- Создание скриптов
- Утилита npx
- Проверка знаний

08Parcel JS

- Обзор сборщика Parcel
- Использование стилей и препроцессоров
- Использование современного JavaScript
- Работа с pug
- Production сборка

09Gulp JS

- Что такое GulpJS. Установка
- Варианты синтаксиса для Gulp
- Обработка pug-шаблонов
- Отслеживание изменений
- Работа с локальными данными
- Работа со стилями
- Обработка изображений
- Локальный dev-сервер
- Сборка JavaScript-модулей

10Webpack 4

- Что такое Webpack. Установка
- Способы задания конфигурации
- Ключевые концепции Webpack
- Создание dev-сервера
- Транспиляция стилей
- JavaScript и Babel
- Конфигурация Webpack по условию

11Webpack 5

- Начало работы с Webpack 5
- Обработка JavaScript-файлов
- Настройка локального сервера
- Точки входа и выхода
- Генерация HTML-шаблона
- Настройка режимов сборки
- Обработка CSS-файлов
- Препроцессинг и постобработка стилей
- Обработка изображений
- Дополнительные сведения

Документ после выпуска

Stepik

Организатор

Автор курса

StepikStepik
Stepik — образовательная платформа и конструктор онлайн-курсов. Мы разрабатываем алгоритмы адаптивного обучения, сотрудничаем с авторами MOOC, помогаем в проведении олимпиад и программ переподготовки. Наша цель — сделать образование открытым и удобным. Stepik — широко известная российская образовательная платформа, основанная в 2013 году. На Stepik зарегистрировано более миллиона пользователей из России и стран СНГ. В настоящее время на Stepik представлены несколько тысяч учебных курсов на самые разные темы.
Подробнее об авторе
Мнения учеников

Отзывы о курсе

Оставьте отзыв

Расскажите о качестве обучения, поддержке и результате. Это поможет другим выбрать организацию осознанно.

Напишите ваш коментарий, не менее 30 символов

Нажимая кнопку, вы даете согласие на обработку персональных данных

Оставьте заявку

Консультант ответит на вопросы о курсе «Инструменты разработчика» и поможет разобраться в деталях обучения.

Комментарий ...

Нажимая кнопку, вы даете согласие на обработку персональных данных

Информация обновлена 21 сентября 2026 г.

Продолжить выбор

Похожие курсы

Программа: Твой JavaScript
Программа: Твой JavaScript

Цель курса - дать вам исчерпывающее понимание JavaScript. Мы не обещаем сделать из вас сеньора за две недели, это сказки. Наша задача - предоставить самую подробную и глубокую баз…

Онлайн21 занятий
4 250 ₽
Основы C#
Основы C#

Курс несомненно подойдёт начинающим разработчикам, который хотят освоить современный и востребованный язык программирования. Курс мы начнём с изучения основ - встроенных в язык ти…

Онлайн10 занятий
3 999 ₽
Профессиональная переподготовка «Инженер-программист станков ЧПУ»
−8%256 часов
Профессиональная переподготовка «Инженер-программист станков ЧПУ»

▶️ Профессиональная переподготовка «Инженер-программист станков ЧПУ» с выдачей диплома. Дистанционное (онлайн) обучение в учебном центре «НЦПО». 🔥Обучение в рассрочку от 1320 руб.…

Онлайн3 занятий
Домашние заданияИнтерактивные тренажёры+3
17 250 ₽−8%
15 850 ₽от 1 320 ₽/мес на 12 мес.
AI-first разработка на Python
−25%1 час
AI-first разработка на Python

Соберете и настроите свою профессиональную среду для разработки с агентами: от написания кода до ревью, автотестов и проверки безопасности.

Онлайн12 занятий
Домашние заданияИнтерактивные тренажёры+3
16 900 ₽−25%
12 600 ₽от 738 ₽/мес на 24 мес.
Начать без затрат

Бесплатные курсы

Python для решения практических задач
Бесплатно
Python для решения практических задач

Научились решать простые задачи на питоне, но не можете понять, как сделать что-то полезное? Наш курс научит вас правильно гуглить! На примерах задач сбора данных (Data Scraping)…

Онлайн5 занятий
Бесплатно
Python для геймеров: базовый курс на игровых примерах
Бесплатно4 часа в неделю
Python для геймеров: базовый курс на игровых примерах

Здесь не будет сложных задач «про шахматы»! Здесь не будет абстрактных задач и сложных математических вычислений. Зато есть: теория простым и понятным языком игровые механики логи…

Онлайн12 занятий
Бесплатно
Claude Code с нуля до реальных задач
Бесплатно1 месяц
Claude Code с нуля до реальных задач

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

Онлайн
Бесплатноот 11 647 ₽/мес