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

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

Вы изучите 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 ₽/мес, а если передумаете учиться, мы в любой момент вернём деньги за остаток курса
  • Курс может оплатить ваш работодатель
    или вы сами через свою компанию или ИП

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

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

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

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

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

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

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

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

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

Ежемесячные платежи работают так: вы вносите первую оплату, и в этот момент привязывается карта. С этой карты автоматически будут списываться следующие платежи каждые 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 Гб.

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

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