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

5Premium

Научитесь владеть командной строкой и встроенными в нее редакторами Nano и Vim. Узнайте о многочисленных нюансах редактора кода VS Code и сделайте работу с кодом комфортной. Научитесь настраивать локальное окружение, пользоваться системой контроля версий Git и удаленным репозиторием GitHub. Сделайте работу безопасной через SSH. И научитесь собирать проекты и использовать локальный сервер для разработки с современными инструментами Gulp, Parcel и Webpack.

Начать обучение Регистрация

О курсе - Чему Вы научитесь?

В курсе вы познакомитесь и изучите самые необходимые и полезные инструменты для веб-разработчика - терминал, ssh, ftp, хостинг и домен, редактор кода, настройка окружения, контроль версий, репозиторий, сборщики проектов и др.
Часть инструментов вам понадобится на самых начальных путях становления веб-разработчика, какие-то инструменты будут полезными для уже более продвинутых веб-мастеров.

Чему вы научитесь

  • Командная строка, редакторы Nano и Vim
  • SSH, безопасность в работе
  • Система контроля версий Git, удаленный репозиторий GitHub
  • Настройка окружения NodeJS + NPM
  • Системы сборки проектов - Webpack, Gulp, Parcel
  • Возможности и настройка редактора VS Code
  • Домен, хостинг, размещение файлов сайта по FTP

Курс состоит из разных частей. Разделы построены таким образом, что вы можете переходить к тому разделу, который вам интересен именно сейчас. Прямой зависимости от предыдущих разделов нет (если технологии из предыдущих разделов вам уже знакомы).

  • Начинаем с самого простого: как купить домен и хостинг, виды хостингов.
  • Далее узнаете как работать с файлами по FTP, SSH (протоколы передачи данных). Как настроить свой сайт на хостинге. Размещение файлов сайта по FTP. Безопасность в работе.
  • Научитесь работать с командной строкой (терминалом), узнаете основные команды и продвинутые техники. Редакторы Nano и Vim.
  • Как работать в команде (командная разработка кода), для чего нужна система контроля версий Git (даже если разработкой занимаешься один). Как работать с распределённым сервером на GitHub и выгружать код.
  • Рассмотрим нюансы по работе с редактором кода VS Code. Как устроен Emmet для ускорения написания кода, как работает Prettier для красоты кода. Индивидуально настроим (кастомизируем) редактор кода под свои нужды для удобства работы. Как VS Code работает с Git, с удалёнными файлами.
  • Настроим окружение для эффективной frontend-разработки. Разберёмся что такое NodeJS, модули, рассмотрим два пакета менеджеров npm (установлен по умолчанию) и yarn. Как всё это использовать в разработке.
  • Изучим менеджеры задач и сборщики проектов, которые помогают организовать процесс разработки. У вас будет базовое понимание что это такое и как сборщики задач можно использовать в своей работе.
  • Самый простой в настройке Parcel JS — это упаковщик для веб-приложений для разработчиков с различным опытом.
  • Gulp JS - это инструмент для автоматизации рутинных задач, которые возникают при веб-разработке. Это может быть не только frontend разработка, это может быть и backend разработка.
  • Webpack - это статический модульный сборщик для приложений на JavaScript. Webpack является одним из самых мощных и гибких инструментов для сборки frontend.
  • В процессе курса затронем массу различных ньюансов и особенностей для ускорения веб-разработки и закрытия профессиональных пробелов в текущих навыках создания сайтов.

Для кого этот курс
  • Начинающие веб-разработчики
  • Junior-разработчики

Требования для прохождения курса
  • Базовые знания HTML/CSS, JavaScript

Рекомендуем изучить наши базовые курсы:
Верстка сайтов на HTML/CSS для начинающих
Основы HTML/CSS - верстка сайтов с нуля
ВЕБ-разработчик - с нуля до результата!
Верстальщик - HTML, CSS, Bootstrap, JavaScript
JavaScript - полный курс с нуля до результата!

Изучив инструменты Web-разработки вы откроете для себя новые возможности, сделаете работу над проектами комфортной и эффективной и повысите свой профессиональный уровень!

Начать обучение

План курса

Программа обучения включает видео уроки по изучению инструментов веб-разработки для начинающих и Junior-разработчиков. Пошагово освоите все инструменты в 9 разделах онлайн курса. Каждый раздел можно пройти отдельно/независимо для изучения выбранных вами конкретных веб-инструментов.

развернуть все

свернуть все

1. Основы Веб
2. Работа с Терминалом
  • 2.1 Варианты терминалов08:17
  • 2.2 Основные команды20:36
  • 2.3 Продвинутые техники09:56
  • 2.4 Терминал и редакторы кода07:13
  • 2.5 Поиск через терминал14:10
3. Редактор кода VS Code
  • 3.1 Интерфейс VS Code11:07
  • 3.2 Кастомизация14:10
  • 3.3 Ускорение работы15:29
  • 3.4 Файловая навигация06:30
  • 3.5 Навигация по документам13:04
  • 3.6 Удаленное редактирование06:57
  • 3.7 Синхронизация настроек04:56
4. SSH
  • 4.1 Что такое SSH07:48
  • 4.2 Создание ключей шифрования06:49
  • 4.3 Добавление ключа на GitHub05:00
  • 4.4 Добавление ключа на сервер08:25
5. Контроль версий Git и работа с GitHub
  • 5.1 Системы версионирования04:45
  • 5.2 Установка Git05:43
  • 5.3 Локальный репозиторий12:09
  • 5.4 Удаленный GitHub репозиторий13:50
  • 5.5 Выгрузка локального репозитория на GitHub07:30
  • 5.6 Git: практический workflow18:31
  • 5.7 Теги и релизы07:15
  • 5.8 GitHub Pages03:34
  • 5.9 Добавление алиасов03:50
  • 5.10 Инструменты VS Code для Git10:26
  • 5.11 Работа с конфликтами05:56
  • 5.12 Работа с open source проектами05:47
6. NodeJS + NPM
  • 6.1 Что такое NodeJS04:23
  • 6.2 Установка NodeJS06:59
  • 6.3 Утилиты и модули NodeJS06:44
  • 6.4 Пример создания модуля NodeJS04:19
  • 6.5 Пакетный менеджер npm12:49
  • 6.6 Стандарт версионирования Semver08:11
  • 6.7 Пакетный менеджер yarn04:12
  • 6.8 Создание скриптов09:09
  • 6.9 Утилита npx06:21
7. ParcelJS
  • 7.1 Обзор сборщика ParcelJS19:36
  • 7.2 Использование стилей и препроцессоров11:26
  • 7.3 Использование современного JavaScript06:46
  • 7.4 Работа с pug-шаблонизатором06:25
  • 7.5 Production-сборка06:20
8. GulpJS
  • 8.1 Что такое GulpJS. Установка09:47
  • 8.2 Варианты синтаксиса для Gulp14:47
  • 8.3 Обработка pug-шаблонов12:22
  • 8.4 Отслеживание изменений09:33
  • 8.5 Работа с локальными данными07:31
  • 8.6 Работа со стилями15:05
  • 8.7 Обработка изображений08:08
  • 8.8 Локальный dev-сервер13:12
  • 8.9 Сборка JavaScript-модулей09:10
9. Webpack
  • 9.1 Что такое Webpack. Установка10:09
  • 9.2 Способы задания конфигурации10:43
  • 9.3 Ключевые концепции Webpack10:42
  • 9.4 Создание dev-сервера07:41
  • 9.5 Транспиляция стилей11:32
  • 9.6 JavaScript и Babel10:56
  • 9.7 Конфигурация Webpack по условию12:11
Завершение курса - Получение Сертификата

Начать обучение

Студенты также изучают

online_course
4.8
  • 11 видео
  • 15 заданий
  • 1 час
online_course
new
5
  • 48 видео
  • 19 часов
online_course
new
online_course
new
5
  • 97 видео
  • 34 часа
online_course
new
5
  • 84 видео
  • 27 часов
online_course
new
5
  • 65 видео
  • 24 часа

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

Мы собрали отзывы учеников, прошедших онлайн курс. Оставьте свой отзыв после прохождения Курса Инструменты Веб-разработчика.

Анна Каплина

Михаилу огромная благодарность! Очень мне нравится как он подаёт материал. Всё понятно и доходчиво. Всех благ!!!

Дмитрий Жемчужнов

Курс довольно объёмный и разносторонний. Михаил Непомнящий - отличный преподаватель. Уже не первый курс, записанный им смотрю. Все темы разобраны достаточно подробно и профессионально.

Жих Юлия Александров...

Отличный подробный курс!

Артем Вершинин

Хороший курс!

Владимир Петиков

Курс мне понравился, информативен и на доступном языке.

Евгений Зембра

Очень полезный курс. Спасибо

Тарас Дмитрик

Хороший курс!

Геннадий Холкин

Отличный курс! Спасибо автору за подробное и понятное изложение материала.

Alex Vyzhimov

Михаил отличный преподаватель. Все ясно, доступно донесено, а главное понятно. Для меня данный курс был очень полезен!

Антон Сидько

Хорошо поданная информация, без воды. После прохождения курса можно получить общее представление об основных инструментах.

Виктория Михайлова

Курс очень полезный. Рекомендую к изучению. Доступное объяснение материала. Большое спасибо Михаилу.

Насиба Машарипова

отлично. все очень продуманно и понятно.

Чынгыз Акматов

Михаил один из моих любимых преподавателей. Огромное спасибо ему за отличный курс.

Артём Бахматов

Преподаватель очень хорошо доносит информацию, курс большой, очень много полезной инфы, Спасибо большое))))

Дима Смирнов

Шикарно, все доступно и без лишних слов

Евгений Катасонов

Было очень интересно: в этом курсе было уделено время на рассмотрение важных деталей, составляющих те или иные концепции разработки и настройки различных сборщиков, а также были вполне подробно объяснены темы, связанные с web-технологиями. В рамках прохождения данного курса было получено много новых знаний, которые хотелось бы иметь. Благодарю за курс!

Влад Полищук

Достаточно неплохо) Действительно полезный курс, подходящий к самым разным людям

Константин Мирошин

Было необходимо посмотреть для закрепления знаний полученных на курсах...., очень хорошо смотреть после всех курсов, для повторения и краткого обзора...)))

student_r7FuXtJ2

Спасибо за курс!

Начать обучение

Преподаватель

Course Author
Михаил Непомнящий

О преподавателе курса

  • Профессиональный практик-преподаватель
  • По образованию - прикладной информатик
  • Работал и сотрудничал с крупными международными и российскими образовательными проектами

"Преподаю людям разных возрастов - от 8-ми лет до 60-ти. Любимая дисциплина - создание web-сайтов.

При создании обучающих видео стараюсь дать максимум полезной информации, при этом руководствуюсь принципом эффективности - без "воды" и "растеканию по дереву". Каждая минута видео уроков пройдет для Вас с пользой!"