Постойте!
Для вас — дополнительная скидка 10% на любой курс.
О нас
Английский язык
Все курсы
Корпоративное обучение
Подобрать профессию
Партнерам
Отзывы
Медиа
Скидки друзьям
Написать выпускникам
Подобрать профессию
Вход в Skypro
Английский язык
Корпоративное обучение
О нас
Курсы по маркетингу
Курсы по дизайну
Курсы по управлению
Курсы по аналитике
Курсы по программированию
Все курсы
+7 499 704 21 32
skypro-support@skyeng.ru
Закрыть
1 год английского от
в подарок
Учитесь уже сейчас — а платите через 30 дней
Сегодня 0 ₽
Через 30 дней остальное
Точно знаем требования рынка, государства и времени. Готовим к тестам, помогаем получить сертификат.
Готовим к официальной аттестации от Минцифры
Лицензия Л035-01298-77/00181469
Получите диплом
о профпереподготовке
Бесплатный курс по нейросетям при покупке

Курс «Веб-разработчик» с нуля

Обучим на курсе с нуля за 15 месяцев и поможем применить прошлый опыт в новой сфере.
Получите бесплатный доступ к первым урокам по каждой теме курса «Веб-разработчик»
Освоите самые базовые понятия разработки и поймете, подходит ли вам такой формат.
Получите диплом
о профперепод-
готовке
Курс по дизайну в подарок
Сайты будут работать, а вы — зарабатывать
Веб-разработчик делает страницы, где всё красиво, понятно и на своем месте.
и кайфуйте
Освойте веб-разработку
Он знает, чего хочет пользователь, и прокладывает для него идеальный маршрут — без нервов, квестов и писем в техподдержку.
Создает привлекательные и интуитивно понятные элементы
Подключает внешние сервисы и данные к сайтам
Настраивает адаптивные макеты для любых типов устройств
Веб-разработчик
Делает так, чтобы сайт грузился на телефоне, ноуте и даже старом компе
Разбирается в чужой верстке и дорабатывает ее до идеала
Подключает к сайту карту, оплату или прогноз погоды
Добавляет кнопки и картинки, на которые хочется нажать
Знает, как улучшить сайт другого разработчика
Прогнозирует
показатели бизнеса
Ищет баги, исправляет их и тестирует функционал
Чинит всё, что тормозит и бесит пользователей
Блок с кастомной кнопкой ⬇️

На бесплатной диагностике составите пошаговый карьерный план и найдете себя в новой сфере веб-разработки

Что у веб-разработчика по зарплате и перспективам?

300 000+ ₽
1 год
3 года
5+ лет
170 000 ₽
78 000 ₽
86 000 ₽
средняя зарплата у выпускников Skypro по веб-разработке
>200
студентов защитили диплом по веб-разработке
17–64
такого возраста студенты проходят у нас курс
>6000
вакансий на hh.ru
Это джун — начинающий специалист. Это вы после курса «Веб-разработчик»
Это мидл — уверенный специалист. Работает самостоятельно, помогает джунам-разработчикам
Студенты курса «Веб-разработчик» до учебы получали в среднем 71 000 ₽, а после —
86 000 ₽*

*данные на июль 2024 года
Такое количество выпадает по запросу «Веб-разработчик» в поиске по России на июль 2024 года
Это сеньор — опытный специалист. Знает ответы на все вопросы: настоящий профи в веб-разработке
Нашли работу 1032 выпускникам: все они прошли испытательный срок. Данные до июля 2024 года
Самая младшая — Анна Сердюк, ей 17 лет. А самая старшая — Наталья Николаева, ей 64 года. Обе из Ростова-на-Дону
Вы Веб-разработчик на 78%
Отличный результат! Вам точно стоит попробовать себя в IT
Заполните форму, чтобы узнать результат теста и получить подарки
По результатам теста, вам также подойдут профессии
99%
Инженер по тестированию
подходит вам на 50%
Инженер по тестированию
Инженер по тестированию
подходит вам на 50%
подходит вам на 50%
Инженер по тестированию
подходит вам на 50%
Вы Веб-разработчик на 78%
Отличный результат! Вам точно стоит попробовать себя в IT
По результатам теста, вам также подойдут профессии
99%
Инженер по тестированию
подходит вам на 50%
Инженер по тестированию
подходит вам на 50%
Инженер по тестированию
подходит вам на 50%
Инженер по тестированию
подходит вам на 50%

А я точно смогу стать веб-разработчиком?

Поймете, когда пройдете быстрый профтест — он с высокой точностью определит сферу, которая вам подойдет.

05:00
8%

Я предпочитаю:

Работать самостоятельно и не зависеть от других
Работать самостоятельно и не зависеть от других
Работать самостоятельно и не зависеть от других

Программа курса «Веб-разработчик»

Это база. Base! 😉
Введение в профессию

2. Основы HTML

  • Рассмотрите атрибуты тегов
  • Узнаете, что такое семантические элементы
  • Научитесь добавлять изображения, ссылки, списки и формы на HTML-страницу
  • Начнете применять семантические теги

3. Основы CSS

  • Узнаете, что такое CSS
  • Рассмотрите грамматику CSS
  • Разберете варианты подключения стилей
  • Изучите селекторы в CSS и основные свойства стилей
  • Поймете, почему таблица стилей называется «каскадной»
  • Научитесь оставлять комментарии в CSS

6. Методология БЭМ

  • Разберете методологию БЭМ
  • Рассмотрите переходы и трансформации элементов
  • Поймете принципы компонентного подхода к веб-разработке
  • Научитесь применять методологию БЭМ (блок, элемент, модификатор) для структурирования и организации кода
  • Узнаете, как создавать и использовать независимые блоки, элементы и модификаторы в своих проектах
  • Поймете, как улучшать производительность и масштабируемость веб-приложений с помощью методологии БЭМ

4. Строчные и блочные элементы

  • Рассмотрите эффекты наведения и другие псевдоклассы
  • Разберете особенности блочных элементов
  • Познакомитесь с особенностями строчных элементов
  • Научитесь добавлять контент в HTML с помощью CSS

5. Мастер-класс. Семантические теги, их назначение и применение

  • Научитесь применять семантические теги

  1. Введение в веб-разработку и задачи frontend-разработчика

  • Разберетесь, что такое интернет
  • Поймете, для чего нужны HTML, CSS и JavaScript
  • Рассмотрите задачи веб-разработчика
  • Узнаете, какие виды сайтов бывают
  • Освоите принцип работы HTTP-запроса
  • Познакомитесь с проектом в Figma
  • Создадите первую HTML-страницу
  • Научитесь применять основные HTML-теги

7. Мастер-класс. БЭМ

  • Научитесь работать с методологией БЭМ
  • Начнете задавать переиспользуемые названия классов
  • Узнаете, как работать с препроцессорами

11. Позиционирование элементов. Grid Layout

  • Разберетесь, для чего изучать Grid, если есть Flexbox
  • Узнаете, какие основные задачи решает Grid
  • Рассмотрите горизонтальное и вертикальное позиционирование
  • Узнаете про внутренние отступы
  • Поймете, как происходит объединение ячеек сетки
  • Научитесь разбивать сайт на колонки и на строчки
  • Начнете делать внутренние отступы
  • Разберетесь, как объединять ячейки сетки

12. Мастер-класс. Grid

  • Научитесь работать с grid-раскладкой
  • Поймете, как корректно применять grid-свойства
  • Начнете позиционировать элементы с помощью grid в соответствии с макетом
Курсовой проект
Верстка сайта интернет-магазина мебели

13. Препроцессоры CSS

  • Узнаете, что такое препроцессоры
  • Рассмотрите переменные, вложенность и математические операции
  • Разберетесь во фрагментировании и импортировании
  • Изучите примеси и наследование
  • Установите и запустите препроцессор SCSS
  • Начнете совершать операции фрагментирования и импортирования

14. Декоративные элементы и анимация для сайта

  • Познакомитесь с псевдоклассами и псевдоэлементами
  • Разберетесь, как различать псевдоклассы и псевдоэлементы
  • Узнаете про относительное, абсолютное позиционирование
  • Научитесь добавлять теги формы на страницу

15. Работа с формами

  • Узнаете, какие элементы формы существуют
  • Познакомитесь с тегами для реализации формы
  • Поймете, как стилизовать элементы формы
  • Научитесь добавлять теги формы на страницу
  • Начнете задавать кастомную стилизацию тегам

16. Введение в адаптивный дизайн

  • Узнаете, что такое адаптивный сайт и адаптивный макет
  • Рассмотрите работу отладчика при создании адаптивного сайта
  • Познакомитесь с meta viewport и узнаете, когда его необходимо использовать
  • Разберете и min, и max значения
  • Рассмотрите медиазапросы (media queries)
  • Узнаете о процентах для отступов и для блоков
  • Изучите адаптивные возможности Flexbox
  • Создадите планшетную версию проекта

8. Знакомство с графическими редакторами

  • Изучите, что такое градиенты
  • Разберетесь, как работать с фоном блоков
  • Узнаете, как создать тени для блоков и текста
  • Ближе познакомитесь с графическим редактором Figma
  • Научитесь определять размеры и отступы у блоков
  • Разберете, какие форматы изображений бывают
  • Поймете, как превращать дизайн-макет из Figma в готовую верстку и стили для браузера
  • Научитесь пользоваться отладчиком браузера для верстки страниц

9. Позиционирование элементов. Flexbox

  • Научитесь делать блочные элементы строчными
  • Поймете, как скрывать элементы со страницы
  • Разберетесь, как делать дочерние элементы

10. Мастер-класс. Flex

  • Научитесь работать с flex-раскладкой
  • Поймете, как корректно применять flex-свойства
  • Узнаете, как позиционировать элементы с помощью flex в соответствии с макетом

17. Практика создания адаптивного дизайна

  • Узнаете, как создаются адаптивные изображения
  • Разберете единицы измерения адаптивных блоков vh, vw
  • Рассмотрите единицу измерения адаптивного текста и отступов rem
  • Изучите адаптивные возможности Grid Layout
  • Начнете создавать мобильную версию сайта

18. Финальная проверка сайта

  • Рассмотрите фреймворк Bootstrap и научитесь с ним работать
  • Разберетесь, как работать с SVG-графикой
  • Узнаете про валидный код, оптимизацию изображений и кросс-браузерность
  • Изучите, как проверить сайт на ошибки
  • Разберетесь, как проводить код-ревью верстки
  • Разместите сайт в сети интернет

19. Мастер-класс по курсовой работе

Основы JavaScript

2. Основы Git и командной строки

  • Познакомитесь с Git и GitHub и разберете основы работы в них
  • Узнаете, что такое репозиторий: удаленный и локальный
  • Узнаете, как создать свой проект и залить его на удаленный репозиторий
  • Научитесь использовать командную строку unix
  • Начнете работать с инструментами разработчика в браузере: консоль, инспектор элементов

3. Мастер-класс. Практика работы с Git + сессия «вопрос — ответ»

  • Узнаете, как корректно сдавать проекты с помощью Git
  • Научитесь работать с pull request
  • Поймете, как работать с ветками
  • Научитесь создавать коммиты
  • Узнаете, как стягивать изменения из удаленного репозитория

8. Массивы

  • Узнаете, что такое массив и какие задачи он решает
  • Разберете метод перебора элементов массива (forEach) и научитесь его применять
  • Рассмотрите методы массива
  • Поймете, что такое многомерный массив, и научитесь его создавать
  • Поймете, что такое spread и rest, и научитесь их использовать
  • Научитесь создавать массивы и работать с ними: добавлять/удалять элементы массива, проводить манипуляции (сортировка, фильтрация и т. п.)

7. Функции

  • Узнаете, что такое функция
  • Разберете параметры функции
  • Поймете, что такое function declaration/expression и в чём их отличие
  • Узнаете, что такое всплытие
  • Научитесь создавать/объявлять функции
  • Научитесь передавать параметры в функции
  • Научитесь возвращать значение из функций

4. Переменные. Типы данных

  • Узнаете, что такое переменные в JS
  • Поймете отличие между var, let и const
  • Узнаете, какие типы данных есть в JS
  • Разберете отличие ссылочных переменных от примитивных
  • Узнаете, какие есть операторы в JS
  • Поймете, что такое преобразование типов
  • Рассмотрите простое взаимодействие с пользователем
  • Узнаете про арифметические операторы и преобразование при арифметических операциях
  • Поймете, как подключить JS к HTML
  • Научитесь создавать и подключать JS-файлы
  • Узнаете, как писать простой код и выводить сообщения на страницу
  • Научитесь создавать примитивные и ссылочные переменные
  • Научитесь писать корректные названия переменных

9. Встроенные объекты

  • Узнаете, какие встроенные объекты существуют и где их искать
  • Разберете методы работы с String
  • Рассмотрите методы работы с Number
  • Узнаете, как работать с Math
  • Разберете методы работы с Date
  • Поймете, как работать с RegExp
  • Узнаете, что такое компилятор и интерпретатор
  • Узнаете про структуру кода JS
  • Разберете, что такое самодокументируемый код
  • Научитесь использовать встроенные методы и свойства String
  • Узнаете, как использовать встроенные методы и свойства Number
  • Начнете использовать встроенные методы и свойства Math
  • Поймете, как использовать встроенные методы и свойства Date
  • Научитесь использовать встроенные методы и свойства RegExp

5. Условное ветвление

  • Узнаете, какие бывают операторы сравнения
  • Поймете, что такое логические операторы
  • Узнаете, что такое условное ветвление, и начнете его применять
  • Познакомитесь с понятием «тернарный оператор» и научитесь его применять
  • Узнаете про оператор switch и научитесь его применять

10. Callback, setTimeout, setInterval

  • Узнаете, что такое callback, для чего он нужен, научитесь его использовать и находить callback в программе
  • Узнаете, как запустить таймер
  • Поймете, в чём разница между таймером и интервалом
  • Научитесь использовать setTimeout, setInterval

6. Циклы

  • Узнаете, что такое циклы
  • Поймете, что такое циклы while и do-while
  • Изучите цикл for
  • Разберете зацикливание и узнаете, чем оно опасно
  • Научитесь создавать логические выражения

11. Основы работы с DOM

  • Узнаете про принципы работы с DOM в JavaScript
  • Узнаете про возможные манипуляции с элементами страницы
  • Получите навык обработки событий в JS
  • Научитесь манипулировать DOM из JavaScript
  • Научитесь создавать интерактивные элементы
  • Научитесь реализовывать обработку событий

  1. Знакомство с JavaScript

  • Узнаете, что такое JavaScript
  • Поймете, какие задачи решает JavaScript
Курсовой проект
Разработка сайта c библиотекой игр на JS
Разработка сайта на Tilda

2. Знакомство с Tilda

  • Узнаете про принципы работы конструктора Tilda
Курсовой проект
Сайт на Tilda

4. Мастер-класс

  • Решите практическую задачу на Tilda

3. Tilda. Работа с блоками

  • Погрузитесь в инструмент Tilda

5. Продвинутая работа с Tilda

  • Соберете сайт на Tilda

  1. Введение в CMS-системы

  • Познакомитесь с существующими CMS-системами
  • Поймете особенности взаимодействия с разными CMS-системами
  • Узнаете про востребованность CMS на рынке
С места — в карьеру 🏔️️
Центр карьеры по работе с фриланс-проектами

3. Работа с заказчиком

  • Научитесь работать с заказчиками

2. Поиск заказов. Биржа фриланса

  • Узнаете, какие есть биржи и как искать заказы

  1. Создание и оформление портфолио

  • Создадите свое портфолио

4. Мастер-класс. Установочная встреча центра карьеры

Код в мешке 🐈
Продвинутый JavaScript

2. Продвинутая работа с массивами и объектами

  • Вспомните основные принципы работы массивов и объектов
  • Познакомитесь с более сложными примерами
  • Научитесь работать с многомерными массивами (массив с объектами)

3. DOM 2. События на динамических элементах

  • Поймете, что такое динамические элементы и как они работают
  • Углубите понимание работы с событиями
  • Научитесь работать с динамическими элементами DOM
  • Научитесь перерисовывать элементы относительно действия пользователя

6. Разбор по урокам DOM

  • Научитесь работать с DOM-элементами
  • Научитесь выполнять задачи при работе с DOM

4. DOM 3. Всплытие событий. Ограничения innerHTML

  • Поймете, что такое ограничения innerHTML
  • Узнаете про безопасные методы работы с innerHTML
  • Поймете, что такое всплытие событий
  • Научитесь работать с replaceAll ()
  • Начнете работать с e. stopPropagation ()

5. Отладка кода

  • Научитесь проводить рефакторинг кода

  1. DOM 1. Управление шаблоном из JS, события

  • Вспомните, что было в первом уроке
  • Получите больше практики
  • Научитесь манипулировать DOM из JavaScript
  • Начнете создавать интерактивные элементы
  • Научитесь реализовывать обработку событий

7. Асинхронность в JS

  • Узнаете, что такое асинхронные операции
  • Поймете, что такое Promises и Async/Await
  • Разберетесь, как обработать ошибки в асинхронном коде
  • Узнаете, что такое Event Loop и Call Stack
  • Разберетесь в распространенных проблемах и паттернах
  • Научитесь реализовывать асинхронные операции
  • Поймете, как управлять потоком асинхронных задач
  • Научитесь обрабатывать ошибки в асинхронном коде
  • Начнете использовать Event Loop и Call Stack для оптимизации асинхронного кода
  • Научитесь работать с Promises и Async/Await

9. API 2. Цепочки промисов

  • Узнаете про концепции промисов (Promises) в JavaScript и их роли в асинхронном программировании
  • Поймете, как использовать промисы для взаимодействия с API
  • Узнаете, как использовать цепочки промисов для демонстрации загрузки данных
  • Разберетесь, как создавать цепочки промисов для последовательной обработки асинхронных задач
  • Научитесь строить эффективные цепочки промисов для управления последовательными асинхронными операциями
  • Узнаете, как выводить пользователю статус загрузки данных приложения

10. API 3. Обработка ошибок

  • Узнаете про методы обработки ошибок при работе с API и их важность
  • Изучите различные типы ошибок, которые могут возникать при запросах к API (например, ошибки сервера)
  • Узнаете о статус-кодах HTTP и их значении в контексте ошибок API
  • Изучите принципы применения catch-блоков и обработки ошибок в асинхронном коде
  • Научитесь использовать статус-коды для определения типа ошибки и принятия соответствующих мер
  • Научитесь выбрасывать ошибки с помощью throw new Error
  • Научитесь обрабатывать ошибки в catch-блоке
Курсовой проект
  • Разработка сайта «Лента комментариев»
  • Дополнительный проект — разработка сайта «Инстапро»

11. Разбор по урокам API

  • Научитесь работать с API
  • Узнаете, как форматировать HTTP-запросы
  • Научитесь обрабатывать ошибки
  • Поймете, как использовать цепочки промисов
  • Научитесь выводить loader

12. Модульный JS

  • Разберете принципы модульности в JavaScript и ее преимущества
  • Изучите синтаксис ES6-модулей, включая export и import
  • Узнаете про правила разбиения приложения на модули
  • Научитесь разрабатывать масштабируемый и поддерживаемый код, используя модули
  • Начнете структурировать приложения с помощью модулей для улучшения читаемости и повторного использования кода
  • Поймете, как использовать import и export
  • Научитесь разбивать готовый код на модули

13. API 4. Авторизация

  • Изучите механизмы авторизации и аутентификации в контексте API
  • Узнаете, что такое Bearer token
  • Поймете, как работать с заголовками в запросах
  • Узнаете про важность безопасного хранения и передачи токенов
  • Научитесь использовать токены для управления доступом к API
  • Начнете корректно использовать заголовки HTTP для передачи данных авторизации

14. Библиотеки и npm

  • Изучите роли и правила использования библиотек
  • Узнаете, что такое npm
  • Познакомитесь с популярными JavaScript-библиотеками
  • Поймете принцип использования библиотек в проекте
  • Узнаете про правила работы с Webpack
  • Изучите линтеры и начнете с ними работать
  • Научитесь интегрировать библиотеки в проекты
  • Начнете работать с npm
  • Научитесь использовать библиотеки в соответствии с поставленной задачей
  • Начнете работать с Webpack

8. API 1. GET, POST, DELETE

  • Узнаете про основные HTTP-методы
  • Поймете, как использовать GET для получения данных
  • Узнаете, как использовать POST для отправки данных
  • Разберетесь в правилах применения DELETE для удаления данных
  • Поймете принципы работы с Fetch API
  • Научитесь правильно формировать HTTP-запросы
  • Поймете, как анализировать и интерпретировать ответы сервера
  • Научитесь использовать GET для запроса данных с сервера
  • Начнете применять POST для создания или обновления данных на сервере
  • Узнаете, как интегрировать запросы в веб-приложения для управления данными

15. Разбор по урокам «Модульный JS» и «Авторизация»

  • Научитесь добавлять логику авторизации в приложение
  • Начнете выполнять отрисовку разных страниц с помощью JS
  • Узнаете, как разбивать приложение на модули
  • Научитесь создавать новые модули
Базовый React или Vue

2. React Hooks

  • Поймете, что такое хуки и зачем они нужны
  • Узнаете, как создавать кастомные хуки и работать с ними
  • Изучите цели и принципы работы хуков в React
  • Разберете, что такое side effects и почему для их контроля используется useEffect
  • Поймете, какие еще встроенные хуки предоставляет React
  • Научитесь использовать useState и useEffect: состояние и побочные эффекты
  • Поймете, когда и как использовать локальное состояние
  • Изучите поднятие состояния для общего использования между компонентами
  • Начнете применять хуки в реальных задачах

4. Styled Components

  • Узнаете, что такое CSS-in-JS и в чём его преимущества
  • Поймете, что такое библиотека Styled Components
  • Узнаете об установке и синтаксисе
  • Поймете, что такое глобальные стили
  • Освоите установку и базовое использование Styled Components
  • Научитесь создавать и стилизовать компоненты
  • Освоите тематическое оформление и глобальные стили

3. Маршрутизация, роутинг

  • Узнаете про назначение библиотеки React Router
  • Разберете основные принципы роутинга React
  • Узнаете про основные компоненты в настройке роутеров
  • Изучите React Router: установка и базовое использование
  • Освоите создание навигационной структуры
  • Изучите переходы между страницами и передачу параметров

  1. Знакомство с React

  • Узнаете, что такое React и для чего он используется
  • Поймете, как и зачем создавать проект с помощью Vite
  • Разберете основы JSX: синтаксис, выражения, условия
  • Изучите функциональные компоненты
  • Рассмотрите props: передача данных и методов между компонентами
  • Научитесь с нуля устанавливать и настраивать проект React через Vite
  • Начнете работать с props в JSX и передавать данные между компонентами
  • Научитесь создавать React-компоненты на JSX
  • Узнаете, как добавлять дочерние компоненты в JSX-стиле

5. Работа с API

  • Освоите принципы использования Fetch API в контексте React
  • Разберете Fetch API: запросы к серверу
  • Рассмотрите обработку ошибок и отображение состояния загрузки
  • Научитесь работать со Swagger

6. Формы в React

  • Узнаете, что такое управляемые компоненты (controlled components) и неуправляемые (uncontrolled)
  • Поймете принципы обработки и валидации ввода пользователя
  • Узнаете, как работать с множественными полями ввода
  • Научитесь использовать библиотеку React Hook Form для упрощения работы с формами
  • Освоите работу с состоянием формы, включая валидацию и обработку ошибок
Курсовой проект
Разработка доски задач

7. Context

  • Узнаете, что такое Context
  • Поймете, когда использовать Context
  • Узнаете, какие проблемы решает React Context
  • Научитесь создавать Context
  • Научитесь сквозной передаче данных между компонентами
React

2. Методы работы с данными

  • Научитесь работать с шаблонами и выражениями
  • Углубитесь в реактивность: ref и reactive
  • Освоите условные операторы и циклы в шаблонах Vue

3. Components Vue 3

  • Научитесь создавать и использовать компоненты
  • Освоите передачу данных через props
  • Начнете использовать события для взаимодействия компонентов

4. Основы Composables и Composition API

  • Изучите Composition API
  • Освоите создание и использование composables
  • Научитесь переходу с Options API на Composition API

  1. Знакомство с Vue 3

  • Узнаете, что такое Vue.js, и изучите его основные преимущества
  • Освоите установку и настройку среды разработки
  • Создадите первое приложение на Vue 3

5. Маршрутизация и Vue Router

  • Освоите установку и настройку Vue Router
  • Научитесь настраивать динамические маршруты
  • Узнаете про защиту маршрутов с использованием Navigation Guards

6. Управление состоянием с Vuex

  • Изучите основы состояния приложения и Vuex
  • Освоите создание хранилища и управление состоянием
  • Узнаете про модули в Vuex для организации кода
Курсовой проект
Разработка доски задач

7. Управление данными в приложении

Vue
Практика реальной разработки

  1. Вводный урок

  • Узнаете, как работать с чужим кодом
  • Поймете, что в разных проектах установлены свои правила
  • Узнаете про хорошие практики при работе с кодом
  • Научитесь работать с чужим кодом
  • Начнете использовать практики, принятые в проекте

2. Внедрение лидерборда

  • Поймете роли разработчика в достижении целей бизнеса
  • Узнаете, как выстраивать коммуникацию с заказчиком
  • Поймете, как работать с требованиями
  • Узнаете, почему важно уточнять требования у заказчика и правильно их интерпретировать

3. Мастер-класс по теме «Требования»

  • Научитесь правильно интерпретировать требования
  • Узнаете, как работать с неполными требованиями
  • Научитесь корректно уточнять требования у заказчика
Курсовая работа
Разработка карточной игры Memo
Продвинутый React или Vue

2. TypeScript

  • Узнаете, что такое TypeScript и в чём его преимущества перед JavaScript
  • Изучите основы статической типизации и поймете, как это помогает в разработке
  • Узнаете про базовые типы
в TypeScript (string, number, array, any, unknown, void и др.)
  • Поймете, как объявлять и использовать интерфейсы
и типы
  • Научитесь использовать TypeScript в контексте React
  • Освоите настройку и интеграцию TypeScript в проекты на React
  • Изучите объявление и использование типов, интерфейсов и перечислений (enums)
  • Начнете использовать дженерики для создания универсальных функций и компонентов

2. Глубокое погружение в Nuxt.js

  • Освоите динамические маршруты и страницы в Nuxt
  • Изучите автоматическую генерацию маршрутов
  • Узнаете про модули и плагины в Nuxt

3. Переход на TypeScript

  • Освоите настройку TypeScript для проекта на Vue
  • Изучите основы использования TypeScript в компонентах Vue
  • Узнаете про переход с JavaScript на TypeScript в существующем проекте и научитесь его выполнять

4. Продвинутое использование Composition API

  • Научитесь переиспользовать логику с помощью Composition API
  • Освоите работу с асинхронными операциями
  • Научитесь управлять состоянием приложения с помощью Composition API

  1. Введение в Nuxt.js

  • Изучите Nuxt.js и его основные преимущества
  • Освоите установку и создание первого Nuxt-приложения
  • Поймете структуру проекта Nuxt и SSR (Server-Side Rendering)

5. Оптимизация и производительность

  • Изучите анализ и оптимизацию производительности приложения Vue
  • Научитесь использовать Vue Devtools для отладки приложения
  • Узнаете про «ленивую» загрузку компонентов и маршрутов

6. Развертывание и масштабирование

  • Научитесь собирать и развертывать приложения Vue с Nuxt
  • Начнете использовать переменные окружения для различных сред
  • Изучите стратегии масштабирования и обеспечения доступности приложения
Курсовой проект
Разработка музыкального сервиса Skypro music
Vue

4. Redux Toolkit

  • Изучите архитектуру Redux и ее трех принципов
  • Узнаете про основные компоненты Redux: actions, reducers, store
  • Изучите поток данных в Redux и его однонаправленную архитектуру
  • Начнете работать с middleware в Redux
  • Освоите установку и настройку Redux в React-приложении
  • Научитесь создавать
и объединять редюсеры, действия и хранилища
  • Освоите интеграцию Redux с React при помощи react-redux

3. React Refs

  • Узнаете про концепцию Refs в React
  • Изучите способы создания Refs
  • Узнаете про правила интеграции Refs с функциональными компонентами
  • Поймете, когда и почему использовать Refs
  • Научитесь создавать и использовать Refs
  • Начнете управлять фокусом, анимациями и взаимодействием с DOM
  • Научитесь интегрировать Refs с функциональными компонентами

  1. Next.js

  • Поймете, что такое Next.js, и узнаете его преимущества для разработки React-приложений
  • Изучите Server Side Rendering (SSR) и Static Site Generation (SSG) в Next.js
  • Освоите работу с маршрутизацией и API-роутами в Next.js
  • Изучите оптимизацию производительности и SEO с помощью Next.js
  • Освоите создание и развертывание приложений на Next.js
  • Научитесь реализации SSR и SSG для оптимальной производительности и SEO
  • Освоите создание динамических маршрутов и API-роутов в Next.js
  • Изучите оптимизацию загрузки ресурсов и импорта модулей в Next.js

5. Оптимизация производительности

  • Поймете причины, ведущие к ненужным ререндерам в React, и их влияние на производительность
  • Изучите принципы работы хука useCallback и как с его помощью предотвращать создание новых ссылок на функции при каждом ререндере
  • Узнаете про хук useMemo и как его использовать для мемоизации сложных вычислений и объектов
  • Поймете принцип работы хука memo для предотвращения ненужных ререндеров функциональных компонентов
  • Научитесь применять useCallback для оптимизации функций-обработчиков и предотвращения ненужных ререндеров
  • Начнете использовать useMemo для мемоизации сложных вычислений, создания стабильных ссылок на объекты и массивы, чтобы предотвратить ненужные ререндеры
  • Научитесь обертывать функциональные компоненты в memo для предотвращения их повторного рендеринга при получении одинаковых пропсов
  • Поймете, как анализировать и профилировать производительность компонентов с помощью React DevTools, чтобы определить моменты, где мемоизация будет наиболее полезной
  • Узнаете, когда использовать мемоизацию, а когда не стоит

6. Тестирование

  • Поймете важность тестирования в разработке программного обеспечения
  • Изучите основные виды тестов: юнит-тестирование, интеграционное тестирование, E2E
  • Научитесь работать с библиотеками для тестирования: Jest и React Testing Library
  • Узнаете про mock-функции и мокинг зависимостей и внешних вызовов
  • Научитесь писать различные типы тестов: юнит-, интеграционные и E2E
  • Научитесь настраивать и использовать Jest и React Testing Library для тестирования компонентов
Курсовой проект
Разработка музыкального сервиса Skypro music
React
Знакомство с backend-разработкой

  1. Основы работы бэкенда

  • Поймете, как устроен интернет
  • Узнаете, какие бывают виды протоколов
  • Изучите основные HTTP-методы
  • Узнаете, какие бывают коды ответа сервера и что они означают
  • Научитесь смотреть, что происходит с запросом на сервер и ответом на него, через консоль разработчика

2. Node.js

  • Поймете, что такое Node.js
  • Поймете, чем серверный JavaScript отличается от исполняемого в браузере
  • Узнаете, как работать с модулем HTTP
  • Научитесь работать с файловой системой
  • Узнаете, как настроить отладку Node.js-приложения
  • Поймете, как настроить Hot Reload
  • Научитесь создавать простой сервер на Node.js с помощью модуля HTTP

3. REST API

  • Узнаете, какие бывают API
  • Поймете, что такое REST API
  • Изучите CRUD-операции
  • Научитесь пользоваться программой Postman для тестирования API
The end и титры 🎞️
Дипломный проект

  1. Финальный проект с использованием всех навыков

  • Разработка веб-приложения для онлайн-тренировок

Получите полную программу курса на личной консультации

Коды для сбора аккардеона ⬇️
Рекрутер
от вашего
резюме
заорет

Рекрутер заорет от вашего резюме

от 70 000 ₽
Веб-разработчик
Владею программами:
Мои навыки:
  • Работаю с HTML и CSS и создаю удобные и красивые веб-страницы
  • Пишу код на JavaScript и добавляю на сайты интерактивные элементы
  • Знаю, как собирать сайты на Tilda под ключ — от идеи до запуска
  • Понимаю принципы работы с фреймворками
  • Использую системы контроля и отслеживаю изменения в коде
  • Знаю, как организовать серверную часть и работать с внешними системами
Мои проекты
Создание платформы для проведения онлайн-тренировок. Интеграция видео, разработка системы регистрации и плана тренировок
Верстка сайта для кафе
Интеграция базы данных треков, создание плеера, системы рекомендаций и личных плейлистов
Курс «Веб-разработчик» — это база
Потом сможете уйти в любую специализацию или получить повышение на нынешнем месте.
Верстальщик
React-разработчик
JavaScript-разработчик
Разработчик сайтов на Tilda
Frontend-разработчик
Это HTML. Здесь создается каркас сайта — то, из чего состоит каждая страница.
Это React. Здесь создают сайты из компонентов — удобных и многократно используемых блоков.
Это Node.js. Здесь связывают сайт с сервером и базами данных.
Это JavaScript. Он добавляет интерактивность, кнопки и анимации.
Это TypeScript. Здесь код становится надежнее и проще в поддержке, особенно в больших проектах.
Это Vue. Здесь делают понятные и простые интерфейсы для веб-приложений.
Это Git. Здесь сохраняют, отслеживают и возвращают изменения в коде.
Мы знаем, что нужно
работодателю
В мозг конкретного начальника
не залезем, но общие тренды выявим.
Мы анализируем, какие навыки сейчас востребованы и обновляем программы. Так мы учим только актуальному.
Центр карьеры Skypro проводит исследование вакансий. Например, насколько много их сейчас на рынке. Затем делаем выводы и изучаем, какие стратегии помогут найти работу быстрее.
1 раз в квартал →
отдел продукта Skypro проводит исследование рынка труда. Мы анализируем, какие навыки сейчас востребованы, и меняем программы, чтобы учить только актуальному.
100+ работодателей
опыта в консультировании у карьерных экспертов Skypro. Они знают, как действовать на собеседовании, чтобы вас взяли.
От 3 лет
Супергерои,
которые
вас научат

Супергерои, которые вас научат

Преподаватели
Карьерные консультанты
Наставники
Кураторы
Работал над интерфейсами для крупных
ecommerce-платформ и образовательных сервисов. Любит, когда красиво и удобно.
Суперспособность Жени — находить простые интерфейсные решения для технически сложных задач.
Преподаватель
Женя Некипелов
Работал в VK, Wizard-C, GeekBrains, Skillbox и Tutortop. В веб-разработке больше 10 лет, 7 из них — в преподавании.
Суперспособность Лёши — раскрывать потенциал каждого ученика.
Преподаватель
Лёша Кадочников
Работал в финтех-проектах для крупного банка, жил в Испании и участвовал в медтех-стартапе. Сейчас занимается разработкой в VK. В профессии уже 8 лет.
Суперспособность Влада — превращать новичков в профи.
Влад Чечулин
Преподаватель
Лекторы, которые ведут занятия. Мудрые, как Профессор Икс, умелые, как Росомаха.
Работала над проектами: от небольших стартапов до крупных систем. Сейчас — практикующий разработчик и технический руководитель образовательной программы. В веб-разработке уже больше 5 лет.
Суперспособность Даши — переводить с компьютерного на человеческий. Поможет решить задачу любого уровня сложности.
Преподавательница
Даша Магомедова
Работал в аутсорсинге и продуктовых компаниях, сейчас развивает VK Mini Apps. Преподавал в колледже и давал частные уроки. Коммерческий опыт — больше 5 лет.
Суперспособность Лёши — внедрять практический опыт в учебные процессы.
Преподаватель
Лёша Чудинов
Проводники в мир карьеры. Подскажут, как не растерять силу перед работодателями, — как Супермену от криптонита.
Вика Врэнеску
Карьерный консультант
Лена Казачковская
Карьерный консультант
Полина Канева
Карьерный консультант
Наташа Кузнецова
Карьерный консультант
Ника Крамская
Карьерный консультант
Соня Малиева
Карьерный консультант
Тоня Романенко
Карьерный консультант
Ксеня Чачина
Карьерный консультант
Опытные эксперты в профессии, как Доктор Стрэндж в магии. Помогут справиться со всеми домашками и ответят на вопросы.
Женя Некипелов
Наставник
Дима Беликов
Наставник
Саша Сопин
Наставник
Влад Чечулин
Наставник
Лёша Чудинов
Наставник
Надежные мотиваторы — прямо как Робин у Бэтмена. Напомнят о сроках и не дадут сойти с пути.
Ира Етеревскова
Куратор
Снежана Харченко
Куратор
С вами случится
магия вне Хогвартса
Показывать трюк с монеткой и доставать кролика из шляпы не будем. Зато поможем освоить навыки и получить знания для крутой магловской работы после курса «Веб-разработчик».
Света Шиманская
Руководительница продукта
настоящая

С вами случится настоящая магия вне Хогвартса

Поиск работы —
как спорт
Стать чемпионом поможет тренер — консультант центра карьеры. Поможем проложить путь к работе прямо во время учебы.
Алина Кенжаева
Руководительница центра карьеры

Поиск работы — как спорт

Откликнемся по вакансиям
Продумаете все шахматные ходы
Выбирать компании — как играть в шахматы. Научитесь отличать хорошие вакансии от слабых пешек. Расскажем, какие предложения о работе не стоят ферзя и сколько раз откликнуться.
Напишем сопроводительные письма
Забьете гол рекрутеру
Сопроводительные письма — как футбол. Пара точных фраз — и выиграли матч. Отправляете одинаковые сопроводительные всем компаниям — выпишем штрафной. И обязательно научим привлекать рекрутеров классных компаний без аута.
Оформим портфолио
Обкатаете всё по красоте
Портфолио — как фигурное катание. Одно неловкое движение — и минус 10 очков от жюри (или рекрутера). Покажем, как удивить тройным тулупом из учебных работ. Сможете доказать свои навыки веб-разработки.
Потестируем собеседования
Отработаете удары по вопросам
Собеседование — как бокс, но грушу бить не придется. Зато расправитесь со страхом отказов и выработаете стратегию поведения. Научим уворачиваться от неудобных вопросов рекрутеров.
Составим резюме
Прыгнете с трамплина без страха
Работа с резюме — как прыжки в ледяную воду сомнений и самокритики. Мы подогреем ее для комфорта. Сможете окунуться с головой в свои навыки и компетенции в веб-разработке и не только.
Карьерные консультанты, которые вам помогут

На бесплатной диагностике с консультантом обкатаете свои карьерные перспективы:

составите пошаговый карьерный план
поймете, как применить прошлый опыт
подберете профессию под навыки и склонности
Выпускники,
всё просто ваааау
у которых
Вот они слева направо

Выпускники, у которых всё просто ваааау

Кристина, инженер по тестированию
Решила изменить профессию — предыдущая была редкой
Артём, аналитик данных
Нашел работу, несмотря
на страхи и сомнения
Кирилл, инженер
по тестированию
Устроился в IT-компанию на должность инженера по внедрению
Ольга, аналитик данных
Работала в институте, потом прошла курс и устроилась на работу
Код для видео-кружков ⬇️
Компании-партнеры, где сейчас работают выпускники Skypro. И вы тоже сможете!
Отзывы студентов — вы читаете, мы гордимся

Супергерои, которые вас научат

Оставить заявку
Индивидуальный тариф
Учеба в малых группах
Регулярные групповые встречи в формате «Вопрос — ответ»
24 часа на проверку домашек
4 урока английского для работы
Поможем собрать документы и вернуть налог на образование после окончания курса.
Вернем 13% от стоимости учебы
Хотите узнать обо всех вариантах оплаты обучения?
Наш специалист поможет выбрать оптимальный вариант оплаты. Оставьте заявку, и мы забронируем с вами звонок.
от 0000 ₽
-00%
осталось 6 мест

Стоимость и варианты оплаты

10 индивидуальных встреч с наставником — экспертом в веб-разработке
Доступно для каждого тарифа:
Вечный доступ к материалам курса
Сопровождение наставником и куратором
Помощь в подготовке резюме и портфолио
Консультации центра карьеры
ежемесячный платеж при рассрочке на 36 мес.
от 0000 ₽
Есть рассрочка от Skypro и еще нескольких партнеров.
Несколько способов оплаты
Проходите курс сейчас, а платите потом с рассрочкой от Skypro и партнеров
Без переплат
За 5 минут
Разделим стоимость курса на части. Это не дороже, чем оплатить сразу.
Оформим рассрочку онлайн
с подтверждением по СМС.

Ответы на вопросы по курсу «Веб-разработчик»

Цена и оплата
Обучение
Трудоустройство
Вступительные требования
Поддержка и сопровождение
Посмотреть все
Образовательная программа