Веб-разработчик

• Получите новую профессию за 10 часов в неделю
• Научитесь программировать с нуля
• Создатите сайт интернет-магазина всего через месяц
• Начнете искать работу до конца обучения

Записаться на курс

Осталось 5 мест

Профессия за 12 месяцев

Days

Hours

Minutes

Seconds

06 : 05 : 06 : 01

Получить бесплатную консультацию

До конца акции осталось

дн.

ч.

мин.

сек.

Веб-разработчики создают и поддерживают часть сайта, которую видят пользователи. С помощью языка JavaScript они оживляют детали страницы: кнопки, формы, изображения, карточки товаров.

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

новых вакансий
в месяц

1000

2,5 человека на одну вакансию

Трех+ лет работы | Старший специалист

Двух лет работы | Специалист

Обучения | Младший специалист

до 250 000 ₽

Ваша зарплата после

до 120 000 ₽

до 80 000 ₽

Как понять, что веб-разработка — это ваше

Иногда единственный способ больше зарабатывать — отказаться от старой профессии и уйти в новую перспективную сферу. IT-профессии не устареют и через 10 лет, у вас всегда будет работа и регулярный рост зарплаты.

Готовы сменить профессию, чтобы хорошо зарабатывать

Вы будете писать код и видеть, как каждая его строчка становится визуальным элементом интерфейса: текстом, кнопкой, картинкой. Даже ваша бабушка поймет, чем вы занимаетесь на работе.

Нравится сразу видеть результат своей работы

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

Не боитесь компьютера и часто пользуетесь онлайн-сервисами

Как проходит обучение

Изучаете теорию в разных форматах: видеоуроки, вебинары, структурированные конспекты к каждому занятию.

1

В конце каждого модуля — полноценный проект для портфолио.

2

Общаетесь в мессенджере Slack. Наставники на связи постоянно — задавайте вопросы и получайте ответы за пару часов.

3

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

4

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

5

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

6

Научим искать работу и фильтровать вакансии — этот навык останется с вами навсегда

Поможем получить работу

Сообщество студентов, с которыми вы вместе будете двигаться к цели

Наставники — практикующие веб-разработчики крупных компаний, дают развернутую обратную связь

Куратор и методист поддерживают и не дают сойти с маршрута

Доведем до диплома

Командная работа в формате мастер-классов

7 проектов в портфолио

330 часов практики

90 часов теории

Дадим практические навыки

Разбор сложных тем с преподавателем онлайн

Оставляя заявку, вы принимаете условия соглашения

Получите бесплатную карьерную консультацию и курс в подарок

Учтем ваши желания, опыт и навыки, поможем поставить цель и подберем лучшее решение.

В подарок откроем курс «Как эффективно учиться».

это моя работа, ее бы не было, если бы не помощь и обучение

Сергей Янишпольский, студент

Программа полностью соответствует требованиям к позиции начинающих разработчиков

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

Научитесь верстать и стилизовать сайты с помощью HTML и CSS, адаптировать их под различные устройства. Освоите технологии Grid Layout и Flexbox для позиционирования элементов на странице, а также узнаете, как подключить к своему проекту препроцессоры.

● 6 недель

Уроки

Введение в веб-разработку
Основы HTML
Основы CSS
Строчные и блочные элементы
Знакомство с графическими редакторами
Позиционирование элементов. Flexbox
Позиционирование элементов. Grid Layout
Препроцессоры CSS
Введение в адаптивный дизайн
Практика создания адаптивного дизайна
Методология БЭМ и анимация для сайта
Финальная проверка сайта

Проектный результат:
Вы создадите:

сайт интернет-магазина, адаптированный под разные устройства;
4 лендинга — продающих одностраничных сайта.

Получите плавный вход в программирование: освоите базовый синтаксис языка JavaScript. Узнаете, как работать с переменными, функциями, объектами и массивами. Научитесь решать задачи на этом языке самостоятельно и в командах.

● 5 недель

Уроки

Знакомство с JavaScript
Условное ветвление и основы функций
Циклы, массивы. Работа с функциями
Методы работы с массивами. Продвинутая работа с циклами
Работа с объектами
Финальный мастер-класс

+ дополнительный мастер-класс по урокам 1-4

Проектный результат:
Закрепите навык верстки без подсказок и инструкций, а также подключите JavaScript к проекту.
По итогу курса сделаете стильный лендинг с играми на JavaScript.

С помощью JavaScript научитесь добавлять динамичность интерфейсу, осуществлять интерактивное взаимодействие с пользователем, работать с интерфейсом, обработчиками событий, браузерными API: Browser Object Model и Document Object Model — а также внешними API.

● 9 недель

Уроки

Часть 1

Введение в Document Object Model
Browser Object Model
Document Object Model. Часть 1
Document Object Model. Часть 2
Шаблонизация
Шаблонизация. Практика
События. Часть 1
События. Часть 2
Работа с формами и элементами на странице. Часть 1
Работа с формами и элементами на странице.

Часть 2

Типовые виджеты. Часть 1
Типовые виджеты. Часть 2
AJAX и работа с данными. Часть 1
AJAX и работа с данными. Часть 2
Работа с API. Часть 1
Работа с API. Часть 2
Работа со сторонними модулями и организация кода. Часть 1
Работа со сторонними модулями и организация кода. Часть 2
Курсовая работа

Проектный результат:
Сделаете виджет погоды, интерфейс создания и ввода ПИН-кода, форму отправки отзыва с рейтингом заведения.
В конце курса создадите многопользовательскую браузерную игру «Камень, ножницы, бумага».

В этом курсе вы узнаете об основных инструментах разработчика, которые важны для удобства работы с проектом и скорости внесения изменений. Вас ждет знакомство и работа с Git, GitHub, линтерами, форматтерами, пакетными менеджерами и инструментом для сборки Webpack. Во второй половине курса вы научитесь тестировать свой проект, проводить рефакторинг и ревью кода.

● 4 недели

Уроки

Жизненный цикл frontend-проекта и основы Git
Code review
Пакетные менеджеры. Code Linting
Инструменты для сборки проектов
TypeScript
Основы тестирования (автоматические тесты, unit-тесты)
Отладка, дебагинг и профилирование приложения
Рефакторинг
Курсовая работа (сквозная)

Проектный результат:

Запрограммируете приложение для карточной игры, подключите свой проект к Git, настроите форматтеры и линтеры.

После тестирования проведете дебаг и рефакторинг своего проекта.

Фреймворк React — это набор готовых решений и функций на JavaScript. React — самый популярный фреймворк во frontend-разработке, большинство крупных компаний используют именно его. В рамках этого курса освоите React-компоненты, React Hooks, а также научитесь работать с библиотекой Rеdux.

● 10 недель

Уроки

Введение в React
JSX
Компонент
Жизненный цикл компонента
Коллекции, обработка событий
Hooks
React Router
Функциональные компоненты
Состояние
Props
Контекст (Context API)
Тестирование. Фреймворк Jest
Производительность
Refs
Redux
Асинхронность
Styled components

Проектный результат:
В рамках этого курса с нуля создадите SPA-приложение — портал с продажей билетов и интерфейсом билетного контролера, который с телефона может проверить QR-код на билете.

Понимание серверной части является ключом к созданию полноценных web-сервисов. В рамках курса вы научитесь принимать, обрабатывать и собирать данные в формате json, работать с API и понимать работы бэкенда: запуск сервера, роутинг, обработка запросов. Познакомитесь с библиотекой для разработки серверных приложений Express_JS, средой выполнения Node. js, базами данных.

● 2 недели

Уроки

Основы работы бэкенда
Express.js
REST API
WebSocket

Проектный результат:
Подключите собственный бэкенд к проекту из курса по React.

К этому моменту вы пройдете основные блоки веб-разработки, кроме настоящей практики работы в команде. Перед стартом проекта вы подробнее разберете тему Deployment и CI/CD. Далее вас ждёт освоение навыков по декомпозиции задач, разделению зон ответственности, проводению код-ревью и тестированию решений. Помимо хард скиллов, вы прокачаете навыки работы в команде: научитесь принимать и давать обратную связь, соблюдать сроки, договариваться, приходить к компромиссу, мотивировать друг друга и презентовать работу целой команды.

● 4 недели

Проектный результат:
Вас ожидает командная разработка приложения для онлайн-школы. Внутри команды предстоит распределять задачи, чтобы успеть в срок, оценивать код друг друга и работать по отрезкам времени (спринтам). Наставники на это время превратятся в технических руководителей и будут прикреплены к каждой команде.

Финальный проект — это возможность собрать все знания, навыки и опыт за время обучения. У вас будет 2 недели, чтобы справиться с последней задачей для портфолио — разработкой frontend-части для сервиса покупки авиабилетов с функциями выбора рейса, места и оплаты.

● 2 недели

Проектный результат:
Разработка frontend-части для сервиса покупки авиабилетов. Функции на сайте: выбор рейса, места в самолете, страница с оплатой.

1. HTML, CSS и адаптивный дизайн

Научитесь верстать и стилизовать сайты с помощью HTML и CSS, адаптировать их под различные устройства. Освоите технологии Grid Layout и Flexbox для позиционирования элементов на странице, а также узнаете, как подключить к своему проекту препроцессоры.

Вы создадите:

сайт интернет-магазина, адаптированный под разные устройства;
4 лендинга — продающих одностраничных сайта.

Проектный результат:

Введение в веб-разработку
Основы HTML
Основы CSS
Строчные и блочные элементы
Знакомство с графическими редакторами
Позиционирование элементов. Flexbox
Позиционирование элементов. Grid Layout
Препроцессоры CSS
Введение в адаптивный дизайн
Практика создания адаптивного дизайна
Методология БЭМ и анимация для сайта
Финальная проверка сайта

Уроки:

2. Основы JavaScript

Получите плавный вход в программирование: освоите базовый синтаксис языка JavaScript. Узнаете, как работать с переменными, функциями, объектами и массивами. Научитесь решать задачи на этом языке самостоятельно и в командах.

Закрепите навык верстки без подсказок и инструкций, а также подключите JavaScript к проекту.

По итогу курса сделаете стильный лендинг с играми на JavaScript.

Проектный результат:

Знакомство с JavaScript
Условное ветвление и основы функций
Циклы, массивы. Работа с функциями
Методы работы с массивами. Продвинутая работа с циклами
Работа с объектами
Финальный мастер-класс

Уроки:

3. JavaScript в браузере

С помощью JavaScript научитесь добавлять динамичность интерфейсу, осуществлять интерактивное взаимодействие с пользователем, работать с интерфейсом, обработчиками событий, браузерными API: Browser Object Model и Document Object Model — а также внешними API.

Сделаете виджет погоды, интерфейс создания и ввода ПИН-кода, форму отправки отзыва с рейтингом заведения.

В конце курса создадите многопользовательскую браузерную игру «Камень, ножницы, бумага».

Проектный результат:

Введение в Document Object Model
Browser Object Model
Document Object Model. Часть 1
Document Object Model. Часть 2
Шаблонизация
Шаблонизация. Практика
События. Часть 1
События. Часть 2
Работа с формами и элементами на странице. Часть 1
Работа с формами и элементами на странице. Часть 2
Типовые виджеты. Часть 1
Типовые виджеты. Часть 2
AJAX и работа с данными. Часть 1
AJAX и работа с данными. Часть 2
Работа с API. Часть 1
Работа с API. Часть 2
Работа со сторонними модулями и организация кода. Часть 1
Работа со сторонними модулями и организация кода. Часть 2
Курсовая работа

Уроки:

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

В этом курсе вы узнаете об основных инструментах разработчика, которые важны для удобства работы с проектом и скорости внесения изменений. Вас ждет знакомство и работа с Git, GitHub, линтерами, форматтерами, пакетными менеджерами и инструментом для сборки Webpack. Во второй половине курса вы научитесь тестировать свой проект, проводить рефакторинг и ревью кода.

Запрограммируете приложение для карточной игры, подключите свой проект к Git, настроите форматтеры и линтеры.

После тестирования проведете дебаг и рефакторинг своего проекта.

Проектный результат:

Жизненный цикл frontend-проекта и основы Git
Code review
Пакетные менеджеры. Code Linting
Инструменты для сборки проектов
TypeScript
Основы тестирования (автоматические тесты, unit-тесты)
Отладка, дебагинг и профилирование приложения
Рефакторинг
Курсовая работа (сквозная)

Уроки:

5. Фреймворк React

Фреймворк React — это набор готовых решений и функций на JavaScript. React — самый популярный фреймворк во frontend-разработке, большинство крупных компаний используют именно его. В рамках этого курса освоите React-компоненты, React Hooks, а также научитесь работать с библиотекой Rеdux.

В рамках этого курса с нуля создадите SPA-приложение — портал с продажей билетов и интерфейсом билетного контролера, который с телефона может проверить QR-код на билете.

Проектный результат:

Введение в React
JSX
Компонент
Жизненный цикл компонента
Коллекции, обработка событий
Hooks
React Router
Функциональные компоненты
Состояние
Props
Контекст (Context API)
Тестирование. Фреймворк Jest
Производительность
Refs
Redux
Асинхронность
Styled components

Уроки:

6. Знакомство с бэкенд-разработкой

Понимание серверной части является ключом к созданию полноценных web-сервисов. В рамках курса вы научитесь принимать, обрабатывать и собирать данные в формате json, работать с API и понимать работы бэкенда: запуск сервера, роутинг, обработка запросов. Познакомитесь с библиотекой для разработки серверных приложений Express_JS, средой выполнения Node. js, базами данных.

Подключите собственный бэкенд к проекту из курса по React.

Проектный результат:

Основы работы бэкенда
Express.js
REST API
WebSocket

Уроки:

7. Процессы командной разработки

К этому моменту вы пройдете основные блоки веб-разработки, кроме настоящей практики работы в команде. Перед стартом проекта вы подробнее разберете тему Deployment и CI/CD. Далее вас ждёт освоение навыков по декомпозиции задач, разделению зон ответственности, проводению код-ревью и тестированию решений. Помимо хард скиллов, вы прокачаете навыки работы в команде: научитесь принимать и давать обратную связь, соблюдать сроки, договариваться, приходить к компромиссу, мотивировать друг друга и презентовать работу целой команды.

Вас ожидает командная разработка приложения для онлайн-школы. Внутри команды предстоит распределять задачи, чтобы успеть в срок, оценивать код друг друга и работать по отрезкам времени (спринтам). Наставники на это время превратятся в технических руководителей и будут прикреплены к каждой команде.

Проектный результат:

8. Финальный индивидуальный проект

Финальный проект — это возможность собрать все знания, навыки и опыт за время обучения. У вас будет 2 недели, чтобы справиться с последней задачей для портфолио — разработкой frontend-части для сервиса покупки авиабилетов с функциями выбора рейса, места и оплаты.

Разработка frontend-части для сервиса покупки авиабилетов. Функции на сайте: выбор рейса, места в самолете, страница с оплатой.

Проектный результат:

Создадите проекты, которые разработчики делают на работе

Портал с продажей билетов и интерфейсом билетного контролера по QR

Виджет погоды

Адаптивный интернет-магазин

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

Интернет-магазин мебели

Автор: Константин Банников

Лендинг с простыми играми на JavaScript

Автор: Дмитрий Фадеев

«Камень, ножницы, бумага»

Автор: Татьяна Разумова

Начать учиться бесплатно

Начните учиться бесплатно

Оставьте заявку и мы вышлем на почту бесплатный доступ к первому модулю курса.

Вы автоматически принимаете условия соглашения

Почему учиться веб-разработке лучше со Skypro, чем самостоятельно

Мы уже устраивали учеников на позиции веб-разработчиков и знаем, как это делать

Структурированная программа на 12 месяцев с необходимой практикой для поиска работы

Все домашки проверяют только практикующие веб-разработчики

Наши преподаватели — веб-разработчики с большим опытом в преподавании

Не бросаем: следим за успеваемостью каждого ученика, приходим на помощь, знаем, где нужно поддержать, когда падает мотивация

Авторы профессии — эксперты в веб-разработке

«На втором курсе универа на информатике нам давали примитивную верстку. Я очень вдохновился, что можно буквально на коленке быстро собрать то, что прямо сейчас работает на компьютере. Через полгода пошел учиться на онлайн-курсы и не жалею»

Михаил Рерберг

• Frontend-разработчик в «Альфа-Банке»
• 5 лет в веб-разработке

«Когда проектировали профессию, мы заложили много практики и много верстки. Старшие специалисты часто не любят верстать, типа „я ж программист“, но начинающий специалист, который еще и верстать не умеет, совсем провал»

Петр Гаврилов

• Руководитель направления разработки в Skysmart
• 5 лет в веб-разработке

«Я ловлю себя на мысли что готов разрабатывать сайты по выходным или когда еду в отпуск, хотя занимаюсь разработкой уже более 9 лет. Моя супруга веб-дизайнер, как-то в отпуске для одного отеля мы сделали сайт, так как их был крайне неудачный, так что и нам отличная скидка и им свежее решение!»

Алексей Кадочников

• Бывший разработчик в VK
• 9 лет в веб-разработке

«Фронтенд — это возможность за 3−4 года стать работником, которого хотят по всему миру. Можно уехать или остаться, путешествовать и жить как хипстер. А ещё несколько лет назад ты требовал картошку взвесить, прежде чем на кассу нести»

Александр Шлейко

• Frontend-разработчик в «Яндексе»
• 8 лет в веб-разработке

Выдаем диплом о профессиональной переподготовке установленного образца

В конце курса получите диплом

Проверьте лицензию на сайте Федеральной службы по надзору в сфере образования и науки

Оставляя заявку, вы принимаете условия соглашения

Стоимость обучения

95 185

Единоразовый платёж

от

₽

Рассрочка на 36 месяцев

3 489

₽/мес

~~158 641 ₽~~

~~5 815 ₽~~

Задайте нам вопрос
+7 (495) 137 85 99
Whatsapp: +7 995 927 32 41

Сэкономьте 13%
Получите налоговый вычет. Все подробности у менеджера при записи на курс

Оформите возврат
Если вы передумаете учиться, мы вернем полную сумму в течение первых двух недель

Записаться на курс и забрать подарок — ___пошаговый план по смене профессии

Остались вопросы?

Программа рассчитана на студентов без опыта разработки, все концепции мы изучаем с нуля, но будьте готовы выделять 10−15 часов в неделю, чтобы усвоить все в срок.

Чтобы освоить программу за 12 месяцев с небольшими каникулами, выделяйте по 10−15 часов в неделю в зависимости от вашего опыта.

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

Мы не отчисляем студентов и оказываем максимальную поддержку каждому. На случай, если вам необходим перерыв, возьмите 2 академических отпуска по 30 дней в течение года.

Если вы приложите к этому столько же сил, сколько и команда курса, мы уверены, что все получится! Мы делаем все возможное, чтобы на рынке вы получили лучшие предложения для джунов: проводим ревью программы, общаемся с нанимающими фронтендерами и вносим правки в материалы.

Младшие фронтенд-разработчики зарабатывают от 80 тысяч рублей в месяц. В Москве так оплачиваются трехмесячные стажировки, затем зарплата растет. Не стоит рассчитывать на 150 тысяч в первый месяц после выпуска, если до этого у вас не было опыт в разработке. Но за пару лет можно прокачаться до до специалиста.

Да. Наши опытные ученики находят для себя новые темы, закрепляют материал, раскладывают теорию по полочкам и нарабатывают портфолио.

Уроки проходят в видеоформате. Исключение — командные встречи и практические занятия. Их нельзя сделать асинхронными без потери качества.

Мы провели анализ предложений о работе наших выпускников и вакансий на рынке. По итогам исследования выяснили: React — самый востребованный фреймворк среди работодателей.

Образовательная программа