Фронтенд-разрабочик

Новый курс по веб-разработке

Вы изучите HTML, CSS, языки программирования JavaScript, TypeScript, библиотеку React.

На курсе будут сеансы парного программирования, лайвкодинг и хакатон. Создадите 10+ проектов для портфолио и получите обратную связь от экспертов Яндекса. Чтобы начать учиться, перейдите на страницу обновлённого курса.

Чем вы будете заниматься, когда станете веб-разработчиком

Писать код на HTML, CSS и JavaScript
С их помощью вы сможете практически всё: HTML отвечает за структуру, CSS — за внешний вид, а JavaScript — за функциональность сайта или приложения
Создавать и улучшать сервисы
Изучать задачу заказчика и помогать создать оптимальное решение, писать код, тестировать его, исправлять ошибки, размещать сайт в интернете
Участвовать в разработке веб-приложений
Будете участвовать во всех этапах разработки: от вёрстки дизайн-макета до создания серверной части и её настройки
Работать с фронтендом
В курсе также есть основы бэкенда, но фронтенда будет больше, ведь в основном веб-разработчики работают с ним

Ваша будущая карьера

Должность

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

Навыки

HTML
CSS
JavaScript
React
NodeJS
Github
Nginx
Bash
Express.js
Mongo DB
PM2

Зарабатывайте, разрабатывая

Можете начать с junior-позиции, а дальше только вперёд — будете шагать по карьерной лестнице и расти в цене

Источник данных: Исследование Хабра
50 000 ₽
Junior веб-разработчик
115 000 ₽
Middle веб-разработчик
185 000 ₽
Senior веб-разработчик

Как мы учим, чтобы вы освоили веб-разработку за 10 месяцев

Что вы получите после курса

  • Диплом — он не даёт гарантий сам по себе, но выделит вас на фоне других кандидатов при поиске работы
  • Портфолио из 5 проектов
  • Возможность познакомиться и учиться вместе с единомышленниками
  • Помощь с поиском работы

Поможем найти работу — для этого у нас целый карьерный центр

Тысячи студентов освоили новую профессию, и вы сможете

4,7
TutorTop
4,5
IRecommend
4,3
Отзовик

Программа курса соответствует запросам рынка

Мы развиваемся вместе с индустрией и постоянно обновляем материалы. Поэтому они актуальны всегда. Вам предстоит учиться в течение 10 месяцев, примерно по 20 часов в неделю.
Вводный курс20 часов
Основы HTML, CSS, JS: бесплатный вводный курс
Вводный курс поможет почувствовать себя в роли разработчика и понять, хотите ли вы развиваться в этом направлении. Вы узнаете о базовом синтаксисе HTML и CSS, научитесь управлять цветом и шрифтами и размещать блоки на странице. А ещё напишете программу на языке JavaScript и сделаете страницу интерактивной. Всё это — с помощью четырёх практических проектов.
Первый кодЧто такое HTML и CSSБазовые CSS-свойстваВведение в JavaScriptJavaScript. Приземление в реальность
Платное обучение3 часа
Как устроено платное обучение
Вы узнаете, как устроены программа и обучение. Ознакомитесь с организационными деталями и подготовите компьютер к написанию кода. Кроме этого, вспомните ключевые моменты из вводного курса: так проще перейти к новому материалу.
1 модуль4 недели
Расширенные возможности HTML и CSS
Вы узнаете, на что способны HTML и CSS. Пройдёте Flexbox, позиционирование элементов, работу с медиафайлами, виджетами и формами, создание анимаций. Познакомитесь с самым популярным в мире подходом к организации кода — методологией БЭМ, а ещё научитесь выстраивать модульные сетки и группировать элементы технологией Grid Layout. Кроме этого, подключите к проекту систему контроля версий Git и попробуете работать в командной строке — так вы создадите для сайта необходимое окружение из вспомогательного программного обеспечения.
FlexboxЗнакомство с GitДебаггинг в вёрсткеДумать как разработчикРазметка и вёрстка формАнимации и трансформацииПродолжение работы с GitПозиционирование элементовСтруктура файлов, пути к файламДекомпозиция проекта по вёрсткеHTML — video, iframe, embed, APIРасширенные возможности HTML и CSSПути к файлам и организация файлов по БЭМ
Проект 1
Типовой одностраничный сайт. В этой проектной работе вы соберёте его первую часть, затронув флексбокс-вёрстку, позиционирование и продвинутую семантику языка HTML. Когда всё будет готово, вы опубликуете результат работы в Github.
Проект 2
В этой работе вы завершите проект одностраничного сайта. Закрепите навыки работы с анимациями, шрифтами и фреймами.
2 модуль2 недели
HTML и CSS. Работа с макетом, построение сложных сеток, адаптивная вёрстка
Много времени уделим макетам: разберёмся, какие виды используют в работе профессионалы и что нужно знать и уметь разработчику. Вы научитесь создавать интерфейсы для разных устройств (настольных компьютеров, ноутбуков, планшетов, смартфонов). А ещё узнаете некоторые свойства Grid Layout, которые требуются для построения адаптивных сеток. Вы продолжите развивать инфраструктуру проекта: освоите инструменты коллективной работы, разместите сайт в интернете и научитесь публиковать изменения в нём из командной строки.
Grid LayoutПродолжение работы с GitНеполный бриф, неточный макетРабота с дизайном и спецификациейДизайн в мире множества устройствРазработка интерфейса для разных устройств
Проект 3
Итогом этого спринта и всего второго курса станет проект о путешествиях по России. Это адаптивный сайт, который будет корректно отображаться и на компьютере, и на телефоне.
3 модуль6 недель
Базовый JavaScript и работа с браузером
Полноценное погружение в JavaScript. Вы исследуете типы данных, научитесь работать с условиями, циклами и функциями. Всю теорию примените в проекте — из свёрстанных страниц работа превратится в полноценный сайт.
ФормыМассивыФункцииВалидация формУсловия и циклыОбъекты в JavaScriptВведение в JavaScriptПримитивные типы данныхОтладка JavaScript-кодаПродвинутая работа с GitКак работать с документациейРабота с браузерными событиямиОбъектная модель документа (DOM). ОсновыДобавление, изменение и удаление DOM-элементов
Проект 4
Начнёте делать веб-сервис Mesto. Это интерактивная страница с возможностью размещать фотографии. Вам предстоит сверстать сайт и написать часть логики на JavaScript.
Проект 5
Вы продолжите разрабатывать веб-сервис Mesto. Напишете ещё больше JavaScript: реализуете добавление, удаление фотографий и лайки к ним.
Проект 6
Вы продолжите расширять функциональность проекта Mesto: разработаете валидацию всех форм и улучшите UX при работе с попапами.
4 модуль6 недель
JavaScript — непростые концепции
Глубокое погружение в JavaScript. Вы освоите сложные концепции языка: объектно ориентированное программирование, асинхронность и обмен данными с сервером. Познакомитесь с менеджером пакетов npm и научитесь добавлять зависимости в проектную работу. Эти инструменты помогут вам эволюционировать из верстальщика в веб-разработчика.
Работа с APIАсинхронностьМодули в JavaScriptСборка проекта с webpackООП в интерфейсах. Часть 1Синтаксис деструктуризацииООП в интерфейсах. Часть 2Привязка this и потеря контекстаОбъектно ориентированное программированиеПодготовка к техническому интервью: прототипы объектов
Проект 7
Вы перепишите код из прошлого проекта с использованием объектно ориентированного программирования.
Проект 8
Вы продолжите заниматься улучшением уже написанного кода. Настроите связи между разными частями приложения и сборку.
Проект 9
Вы подключите проект к серверу. Приложение станет полноценным: все изменениях данных будут сохраняться, а другие люди смогут им воспользоваться.
5 модуль6 недель
Создание интерфейсов на React
Вы изучите библиотеку React и её экосистему. Начнёте делать сайты из компонентов, которые можно переиспользовать на разных страницах. Разработка сложных интерфейсов станет быстрее, а код будет проще поддерживать.
React HooksReact RouterВведение в ReactРабота с данными в ReactReact — непростые концепцииРешение алгоритмических задачПодготовка к техническому собеседованиюИнфраструктура и инструменты React-разработки
Проект 10
Вы начнёте переписывать нативное JavaScript-приложение на React и лучше поймёте, зачем нужны фреймворки.
Проект 11
Вы продолжите писать React-приложение и научитесь отправлять на сервер данные форм и другую информацию.
Проект 12
Начнёте делать свой первый сервер и научите его отдавать данные.
6 модуль6 недель
Основы бэкенд-разработки
Без взаимодействия с сервером невозможно создавать полноценное веб-приложение. Вы изучите, как работает JavaScript в среде Node.js, поднимете и настроите сервер. Познакомитесь с фреймворком Express.js и базой данных MongoDB. Создадите серверный API для сайта, над которым работали раньше.
Базы данныхСоздание REST APIВведение в Express.jsФункции и их внутренностиАнализ сложности алгоритмовБезопасность веб-приложенийПодготовка и деплой бэкендаСерверная разработка на Node.jsАвтоматизированное тестированиеФронтенд для аутентификации на ReactАутентификация и авторизация. Часть 1Аутентификация и авторизация. Часть 2
Проект 13
Подключите сервер к базе данных и создадите REST API, которое обеспечит связь сервера с фронтендом.
Проект 14
Добавите регистрацию и авторизацию пользователей.
Проект 15
Вы свяжете клиентскую и серверную части приложения. Реализуете обработку ошибок. А затем развернёте проект в облаке.
Финишная прямая5 недель
Дипломный проект
Итоговый проект, с помощью которого вы подтвердите знания и умения. Во время диплома не нужно выполнять домашние задания и читать теорию в тренажёре. В нём всё будет, как в реальной жизни: задания, сроки, ваши навыки и поисковик.

Теперь этот курс называется «Фронтенд-разработчик»

Первые 20 часов бесплатно — попробуйте, чтобы понять, подходит ли курс

Если решите продолжить, необязательно оплачивать курс целиком — можно частями или в кредит

  • Ещё можно оплатить в кредит от 7 201 ₽/мес. А если передумаете, вернём деньги за остаток курса. Подробности — в 7 пункте оферты
  • Курс может оплатить ваш работодатель
    или вы сами через свою компанию или ИП

Проще всего платить частями — как за подписку

  • Вы привязываете карту, а мы списываем с неё платежи раз в месяц
  • Не надо связываться с банками и думать про кредитную историю
  • Будете платить столько месяцев, сколько идёт курс

Вопросы и ответы

Подойдёт ли мне эта профессия?
Для тех, кто сомневается, мы спроектировали бесплатную часть, которая поможет получить ответ на этот вопрос. Если вы убедитесь, что выбранная профессия вам не подходит, — это тоже положительный результат.
Можно ли обучиться профессии за 10 месяцев?
Думаем, что да. Для этого уделяйте занятиям в среднем 15-20 часов в неделю: читайте теорию в тренажёре, выполняйте задания, разрабатывайте проекты и общайтесь с наставником.
Каким требованиям нужно соответствовать?
Вам не понадобятся специальные навыки или опыт — мы обучим всему с нуля. Главное — иметь компьютер и достаточно времени для занятий. Выше можно посмотреть программу, чтобы оценить количество учебного материала и свои возможности.
Кто будет меня учить?
Все наставники — практикующие специалисты: сотрудники Яндекса и других крупных компаний. Программу составляют опытные преподаватели и методисты, а ещё действующие специалисты Яндекса, Школы анализа данных и других лидеров технологической и образовательной индустрий.
Как и когда я буду учиться?
Обучение состоит из трёх частей: теории с закреплением в тренажёре, домашних заданий для самостоятельной практики и работы над кодом с наставником. В тренажёре вы можете учиться в любое удобное время, а выполнение домашних заданий привязано к двухнедельному циклу.
Что делать, если я не справлюсь с нагрузкой?
В программе предусмотрены каникулы, во время которых можно отдохнуть или повторить сложные темы.

Если случилось непредвиденное или понадобилось больше времени на закрепление материала, напишите своему куратору. Он поможет перенести дедлайн сдачи проекта или перевестись в более поздний поток. На общую стоимость курса это не повлияет.
Смогу ли я найти работу после обучения?
Будет непросто, но мы верим, что вы сможете. Работодателям важно, чтобы вы умели делать проекты, а не просто обладали набором знаний. Мы научим вас применять теорию на практике и ожидаем, что после выпуска вы приложите как можно больше усилий, чтобы найти работу: будете активно откликаться на вакансии, проходить собеседования, показывать свои проекты и при необходимости делать тестовые задания.

По данным исследования «Высшей школы экономики», 69% наших выпускников среди тех, кто хотел сменить профессию, начинают новую карьеру после обучения. Больше половины из них — во время учёбы и в первые 2 месяца после выпуска. Эти цифры подкреплены публичным отчётом о трудоустройстве студентов Практикума.

В исследовании принимали участие выпускники направлений «Веб-разработчик», «Тестировщик», «Аналитик данных» и «Специалист по Data Science».
А если я хочу работать в Яндексе?
Некоторые наши студенты работают в сервисах Яндекса, в том числе и в Практикуме. Но с нашей стороны было бы нечестно что-либо гарантировать и завышать ваши ожидания.

Без опыта попасть в крупную IT-компанию возможно, хотя и сложно. Программа составлена так, чтобы вы могли начать карьеру после выпуска и набраться первого опыта. С ним вам будет значительно проще претендовать на позицию в крупных компаниях.
А вы помогаете с трудоустройством?
Да, помогаем. Студенты могут по желанию пройти месячный курс о трудоустройстве. На нём команда Практикума помогает будущим выпускникам оформить портфолио, проводит тренировочные собеседования и затем разбирает их, а ещё учит писать сопроводительные письма.
Мы сотрудничаем с несколькими компаниями и регулярно предлагаем студентам партнёрские вакансии. Но важно помнить, что мы помогаем, а не ищем работу за вас.
Если не понравится, я могу вернуть деньги?
Конечно. Если поток ещё не стартовал, вернём всю сумму. Если учёба уже началась, придётся оплатить прошедшие дни со старта вашего первого потока — но мы вернём деньги за остаток курса. Более подробно рассказываем об этом в 7 пункте оферты.
Получу ли я какой-то документ после курса?
Если у вас есть среднее профессиональное или высшее образование, после курса вы получите диплом о профессиональной переподготовке.

Если нет, выдадим сертификат о прохождении курса и справку об обучении в электронном виде.
Как можно оплатить?
Банковской картой: внести всю сумму сразу или платить ежемесячно.

Ежемесячные платежи работают так: вы вносите первую оплату, и в этот момент привязывается карта. С этой карты автоматически будут списываться следующие платежи каждые 30 календарных дней. Например, оплатили 25 марта — следующий платёж пройдёт 24 апреля. Обучение будет стоить меньше, если оплатить весь курс сразу.

Через компанию: юридические лица — резиденты РФ также могут оплатить обучение в Практикуме. Условия предоставления услуг для юридических лиц могут отличаться — чтобы узнать подробнее, оставьте заявку или уточните у вашего менеджера.
Можно ли оплатить курс за счёт работодателя?
Да, работодатель может оплатить учёбу полностью или разделить оплату с вами: например, поделить сумму 50/50 или 75/25.

Такая оплата пройдёт по счёту или двустороннему договору, а ИП могут оплатить с бизнес-счёта. Если работодатель купит обучение сразу 10 сотрудникам или больше, сделаем скидку 10%.

Условия предоставления услуг для юридических лиц могут отличаться — чтобы узнать подробнее, оставьте заявку или уточните у вашего менеджера.
Что такое налоговый вычет на обучение и как его получить?
Налоговый вычет может оформить тот, кто работает по трудовому договору и является налоговым резидентом Российской Федерации, то есть 183 дня в году находится на территории страны.

Заявление на налоговый вычет нужно подать через личный кабинет на сайте nalog.ru (в него можно войти через аккаунт на Госуслугах).

К заявлению нужно приложить:
  • Справку 2-НДФЛ от работодателя.
  • Договор на обучение, в вашем случае это оферта Практикума.
  • Лицензию на образовательную деятельность. Вот наша.
  • Чек об оплате обучения. Мы отправляем его на электронную почту. Если не найдёте чек у себя в почте, напишите в чат службы поддержки — вышлем копию.
  • Справку о получении образовательных услуг — её тоже нужно запросить в чате поддержки.
Подробнее о налоговом вычете — на сайте Федеральной налоговой службы.
Какой компьютер нужен для учёбы?
Минимальные системные требования, которым должен соответствовать ваш компьютер или ноутбук:
  • Операционная система:
  • Windows 10×64 Home или новее;
  • Windows 11×64 Home или новее;
  • Linux (актуальные LTS-версии Ubuntu, Debian и другие);
  • Mac OS 11 Catalina или новее.
  • Оперативная память: от 4 Гб.
  • Процессор: Intel Core i3 начиная с 3 поколения. Лучше — i5 8 поколения или аналогичный от AMD.
  • Интернет: скорость от 5 Мбит, лучше — от 20 Мбит.
  • Жёсткий диск: свободное место на HDD или SSD — от 20 Гб.

Давайте поможем

Напишите, как вас зовут и по какому номеру можно связываться — позвоним и расскажем всё про курсы