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

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

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

Подробнее

Современную веб-разработку сопровождают тонны инструментов. У каждого свои особенности, каждому необходимо уделить время на изучение. Курс "Инструменты веб-разработчика" собрал в себе большой набор доступных инструкций: как начать использовать работу с самым необходимым и как перейти к более сложным темам.   *** ЧТО ВКЛЮЧЕНО В КУРС? *** Основы веб - мы разберем составляющие части любого сайта. Научимся работать с хостингом, доменами и FTP. Терминал - страшный черный (либо синий) экран с буквами больше не будет пугать, а станет надежным помощником в делах. Nano и Vim - если раньше вы могли случайно попасть в один из этих редакторов и не могли из них даже выйти, то теперь базовое их использование станет более очевидным. VS Code - редактор кода может быть супер-продуктивным, зная его возможности и секреты. Копнем поглубже! SSH - научимся создавать ключи шифрования и использовать их на сервере и в GitHub. Git - разберемся с самой актуальной технологией любого разработчика. Научимся работать с версиями и больше никогда не будем терять работающий код. GitHub - научимся хранить проекты в онлайн-репозитории и создавать портфолио на GitHub Pages. NodeJS - узнаем что же это такое и как он пригодится верстальщикам и frontend-специалистам. NPM и Yarn - познакомимся с двумя пакетными менеджерами и особенностями их использования. ParcelJS 2 - научимся разделять проект на компоненты, используя сборку. И Parcel станет отправной точкой, после которой проще будет изучить два последующих инструмента. Gulp - второй инструмент для сборки, который часто требуют от верстальщиков. Научимся создавать конфигурацию для сборки и прочих "магических" штучек. Webpack 4 и 5 - самый навороченный инструмент для сборки во frontend-проектах. В рамках курса мы познакомимся с его азами и с базовым использованием.   Почему это именно тот курс, который даст результат? Меня зовут Михаил, и я профессиональный веб-разработчик. Почти со всеми инструментами из этого курса я работаю каждый день, а с другими - имел опыт работы в прошлом или на сайд-проектах. При этом я также профессиональный преподаватель и обучаю людей веб-разработке с 2016 года. В своих курсах я стараюсь подавать материал максимально доступно, так как сам испытывал немалые трудности, изучая те инструменты, которыми теперь пользуюсь ежедневно. Работая с людьми вживую, я научился подавать любую тему так, чтобы каждому было понятно. А видео курсы - результат этого опыта.
Требования

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

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

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

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

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

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

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

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-файлов
- Препроцессинг и постобработка стилей
- Обработка изображений
- Дополнительные сведения

Организатор

Автор курса

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

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

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

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

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

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

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

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

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

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

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

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

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

C++ для разработки игр
5 сентября
C++ для разработки игр

Освой С++ на базовом уровне, создай свою первую игру уже через 2 месяца обучения, в дальнейшем сможешь применить эти знания для работы в Unreal Engine.

Онлайн4 занятий
Домашние заданияВидеоуроки+2
90 300 ₽Рассрочка на 12 мес.
Основы разработки на C++: белый пояс
Основы разработки на C++: белый пояс

Этот курс посвящён знакомству с языком программирования С++. Вы научитесь использовать его основные конструкции, создавать свои типы данных, разбивать программу на классы и функци…

Онлайн5 занятий
20 000 ₽
Основы C#
Основы C#

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

Онлайн10 занятий
3 999 ₽
Технология разработки программного обеспечения - переподготовка
−40%2 месяца
Технология разработки программного обеспечения - переподготовка

Курс профессиональной переподготовки «Технология разработки программного обеспечения» по всей России. ✓ Дистанционное обучение ✓ Получение диплома с бесплатной доставкой ✓ Цена 32…

Онлайн5 занятий
Текстовые уроки
54 980 ₽−40%
32 980 ₽
Python разработчик
6,5 месяца
Python разработчик

Веб-разработка на Python: Django, Django REST Framework, Flask. Работа с базами данных, ORM, создание API. Асинхронное программирование, FastAPI. Основы DevOps, контейнеризация, р…

ОнлайнНачальный
110 000 ₽от 6 111 ₽/мес на 18 мес.
Профессиональная переподготовка «Инженер-программист станков ЧПУ»
−8%256 часов
Профессиональная переподготовка «Инженер-программист станков ЧПУ»

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

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

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

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

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

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