Веб-разработчики создают и поддерживают часть сайта, которую видят пользователи. С помощью языка JavaScript они оживляют детали страницы: кнопки, формы, изображения, карточки товаров.
Средняя зарплата, по данным хедхантера:
старший специалист
до 250 000 ₽
специалист
до 120 000 ₽
младший специалист
до 80 000 ₽
Научим искать работу и фильтровать вакансии — этот навык останется с вами навсегда
Поможем получить работу
Сообщество студентов, с которыми вы вместе будете двигаться к цели
Наставники — практикующие веб-разработчики крупных компаний, дают развернутую обратную связь
Куратор и методист поддерживают и не дают сойти с маршрута
Доведем до диплома
Командная работа в формате мастер-классов
7 проектов в портфолио
330 часовпрактики
90 часовтеории
Дадим практические навыки
Разбор сложных тем с преподавателем онлайн
Центр карьеры поможет вам найти работу в IT
Проконсультируем, дадим все нужные инструменты и навыки, доведем до устройства на работу
Разберем приглашения, научим отбирать выгодные
Подготовим к реальному собеседованию
Поможем в поиске вакансий
Поможем составить сильное резюме
Проверим, готовы ли вы искать работу
Расскажем, как составить убедительное резюме
• Научитесь заполнять резюме, чтобы выделяться на фоне коллег с опытом и привлекать внимание менеджера по персоналу.
• Поймете, на что смотрит работодатель, и расставите правильные акценты в резюме.
• Отфильтруете свои работы и покажете только самое нужное.
• Консультант проверит резюме перед отправкой.
Получите бесплатную карьерную консультацию и курс в подарок
• Учтем ваши пожелания, опыт и навыки; • Поможем поставить цель и подберем лучшее решение; • В подарок откроем курс «Как эффективно учиться».
это моя работа, ее бы не было, если бы не помощь и обучение
Сергей Янишпольский, студент
Программа полностью соответствует требованиям к позиции начинающих разработчиков
Разберетесь в технологиях разработки и принципах работы. Научитесь программировать на достаточном уровне для того, чтобы найти работу.
Научитесь верстать и стилизовать сайты с помощью 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 Автор: Дмитрий Фадеев
«Камень, ножницы, бумага»
Автор: Татьяна Разумова
Авторы профессии — эксперты в веб-разработке
«На втором курсе универа на информатике нам давали примитивную верстку. Я очень вдохновился, что можно буквально на коленке быстро собрать то, что прямо сейчас работает на компьютере. Через полгода пошел учиться на онлайн-курсы и не жалею»
Михаил Рерберг
• Frontend-разработчик в «Альфа-Банке» • 5 лет в веб-разработке
«Когда проектировали профессию, мы заложили много практики и много верстки. Старшие специалисты часто не любят верстать, типа „я ж программист“, но начинающий специалист, который еще и верстать не умеет, совсем провал»
Петр Гаврилов
• Руководитель направления разработки в Skysmart • 5 лет в веб-разработке
«Я ловлю себя на мысли что готов разрабатывать сайты по выходным или когда еду в отпуск, хотя занимаюсь разработкой уже более 9 лет. Моя супруга веб-дизайнер, как-то в отпуске для одного отеля мы сделали сайт, так как их был крайне неудачный, так что и нам отличная скидка и им свежее решение!»
Алексей Кадочников
• Бывший разработчик в VK • 9 лет в веб-разработке
«Фронтенд — это возможность за 3−4 года стать работником, которого хотят по всему миру. Можно уехать или остаться, путешествовать и жить как хипстер. А ещё несколько лет назад ты требовал картошку взвесить, прежде чем на кассу нести»
Александр Шлейко
• Frontend-разработчик в «Яндексе» • 8 лет в веб-разработке
Покажите работодателю диплом о профессиональной переподготовке. Его выдают только университеты, которые подтвердили качество своих программ и получили лицензии. Skypro — именно такой.
Сэкономьте 13% Получите налоговый вычет. Все подробности — у менеджера при записи на курс
Возврат денег Если вы передумаете учиться, то мы вернем полную сумму в течение первых двух недель
Остались вопросы?
Программа рассчитана на студентов без опыта разработки, все концепции мы изучаем с нуля, но будьте готовы выделять 10−15 часов в неделю, чтобы усвоить все в срок.
Чтобы освоить программу за 12 месяцев с небольшими каникулами, выделяйте по 10−15 часов в неделю в зависимости от вашего опыта.
Да, но важно оценить свои силы. Мы поможем организовать планирование, чтобы успевать не только работать и учиться, но и отдыхать.
Мы не отчисляем студентов и оказываем максимальную поддержку каждому. На случай, если вам необходим перерыв, возьмите 2 академических отпуска по 30 дней в течение года.
Если вы приложите к этому столько же сил, сколько и команда курса, мы уверены, что все получится! Мы делаем все возможное, чтобы на рынке вы получили лучшие предложения для джунов: проводим ревью программы, общаемся с нанимающими фронтендерами и вносим правки в материалы.
Младшие фронтенд-разработчики зарабатывают от 80 тысяч рублей в месяц. В Москве так оплачиваются трехмесячные стажировки, затем зарплата растет. Не стоит рассчитывать на 150 тысяч в первый месяц после выпуска, если до этого у вас не было опыт в разработке. Но за пару лет можно прокачаться до до специалиста.
Да. Наши опытные ученики находят для себя новые темы, закрепляют материал, раскладывают теорию по полочкам и нарабатывают портфолио.
Уроки проходят в видеоформате. Исключение — командные встречи и практические занятия. Их нельзя сделать асинхронными без потери качества.
Мы провели анализ предложений о работе наших выпускников и вакансий на рынке. По итогам исследования выяснили: React — самый востребованный фреймворк среди работодателей.