badgebadgebadgeСтарт 16 сентября

Старт 16 сентября

Старт 16 сентября

Фронтенд-разработчикФронтенд-
разработчик
Станьте востребованным IT-специалистом с нуля за 9 месяцев на Edutoria — образовательной платформе от Сбера
iconsПоддержка от специалистов во время обучения
iconsВостребованная на рынке профессия с перспективой развития
iconsОбучение в своём темпе с возможностью взять паузу
iconsДоступные для освоения и актуальные материалы
iconsИИ-помощник для изучения сложных тем и развития карьеры
Чем занимаются фронтенд-разработчики
В чём суть работыЭти специалисты отвечают за внешний вид веб-сайтов и мобильных приложений. В отличие от веб-дизайнеров, фронтенд-разработчики используют в работе языки программирования
Frontend
А в чём ещёФронтенд-разработчики влияют на пользовательский опыт, безопасность, производительность и конкурентоспособность продукта
Frontend
Зачем ещё нужны такие специалистыЗачем ещё нужны
такие специалистыФронтенд-разработчики заботятся о том, чтобы веб-сервисы отображались одинаково хорошо на компьютере и мобильном устройстве. Эти специалисты проверяют работу сервисов, исправляют ошибки и улучшают их производительность
Frontend
4 000+
Средняя зарплата фронтенд-разработчикапо данным Хабр Карьеры
Младший специалист
Уровень, который вы получите сразу после обучения90 000 ₽
Специалист среднего уровня
Уровень, которого вы сможете достичь за 2–3 года90 000 – 200 000 ₽
Старший специалист
Уровень, к которому вы можете стремиться после 4–5 и более лет работы200 000 – 300 000 ₽

Кому подойдёт обучение

Новичкам без опыта

Освоите все необходимые навыки для входа в профессию и сделаете первые шаги в IT

Начинающим разработчикам

Структурируете знания, получите обратную связь от опытных специалистов и добавите проекты в портфолио

Специалистам смежных профессий

Сможете сменить карьерный профиль и расширить компетенции, чтобы зарабатывать больше

Чему вы научитесь

Чему вы научитесь

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

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

market

Разрабатывать интерфейсы с использованием HTML и CSS

Для создания веб-страниц используют HTML для структуры и CSS для стилизации. Cоздадите красивые и функциональные страницы, которые будут корректно отображаться на всех устройствах

experiment

Программировать динамику с помощью JavaScript и TypeScript

Изучите JavaScript для создания интерактивных веб-приложений и научитесь программировать динамику на сайтах

economy

Использовать современные фреймворки и библиотеки

Изучите библиотеку React и инструмент управления состоянием Redux для ускорения разработки и создания масштабируемых приложений

analysis

Работать с внешними API

Сможете использовать API для взаимодействия вашего приложения с внешними сервисами. Расширите перечень функций в приложении, подключая API для погоды, карт или соцсетей

team

Публиковать веб-приложения

Научитесь размещать проекты на хостинге через FTP/SSH, а также публиковать на GitHub Pages

idea

Улучшать производительность веб-приложений

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

market

Разрабатывать интерфейсы с использованием HTML и CSS

Для создания веб-страниц используют HTML для структуры и CSS для стилизации. Cоздадите красивые и функциональные страницы, которые будут корректно отображаться на всех устройствах

experiment

Программировать динамику с помощью JavaScript и TypeScript

Изучите JavaScript для создания интерактивных веб-приложений и научитесь программировать динамику на сайтах

economy

Использовать современные фреймворки и библиотеки

Изучите библиотеку React и инструмент управления состоянием Redux для ускорения разработки и создания масштабируемых приложений

analysis

Работать с внешними API

Сможете использовать API для взаимодействия вашего приложения с внешними сервисами. Расширите перечень функций в приложении, подключая API для погоды, карт или соцсетей

team

Публиковать веб-приложения

Научитесь размещать проекты на хостинге через FTP/SSH, а также публиковать на GitHub Pages

idea

Улучшать производительность веб-приложений

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

Как вы будете учиться

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

icon

Теория

Тексты, видеоуроки и игровые задания подготовили эксперты отрасли и академического сообщества. Модули открываются по мере прохождения, чтобы вы могли учиться в своём темпе

icon

Практика

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

icon

Наставничество

Разберёте сложные вопросы вместе с другими студентами на онлайн-встречах с наставником. Встречи можно посмотреть в записи. Также сможете обсудить свой вопрос в чате лично с наставником

icon

Кейс-проект

В конце модуля примените знания на максимально приближенной к реальной рабочей задаче. Получите обратную связь от действующего IT-специалиста

help you

Вас поддержат опытные
фронтенд-разработчики и специалисты

Вас поддержат опытные
фронтенд-разработчики и специалисты

Наставники
Наставники

Специалисты отрасли знают о трудностях, с которыми сталкиваются начинающие фронтенд-разработчики. Наставники ответят на все вопросы в течение 24 часов

Специалисты отрасли знают о трудностях, с которыми сталкиваются начинающие фронтенд-разработчики. Наставники ответят на все вопросы в течение 24 часов

Эксперты
Эксперты

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

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

Кураторы
Кураторы

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

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

Наставники
Наставники

Специалисты отрасли знают о трудностях, с которыми сталкиваются начинающие фронтенд-разработчики. Наставники ответят на все вопросы в течение 24 часов

Специалисты отрасли знают о трудностях, с которыми сталкиваются начинающие фронтенд-разработчики. Наставники ответят на все вопросы в течение 24 часов

Эксперты
Эксперты

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

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

Кураторы
Кураторы

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

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

Вас поддержат опытные
фронтенд-разработчики и специалисты

Вас поддержат опытные
фронтенд-разработчики и специалисты

Наставники
Наставники

Специалисты отрасли знают о трудностях, с которыми сталкиваются начинающие фронтенд-разработчики. Наставники ответят на все вопросы в течение 24 часов

Специалисты отрасли знают о трудностях, с которыми сталкиваются начинающие фронтенд-разработчики. Наставники ответят на все вопросы в течение 24 часов

Эксперты
Эксперты

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

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

Кураторы
Кураторы

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

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

Наставники
Наставники

Специалисты отрасли знают о трудностях, с которыми сталкиваются начинающие фронтенд-разработчики. Наставники ответят на все вопросы в течение 24 часов

Специалисты отрасли знают о трудностях, с которыми сталкиваются начинающие фронтенд-разработчики. Наставники ответят на все вопросы в течение 24 часов

Эксперты
Эксперты

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

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

Кураторы
Кураторы

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

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

help you

Вас поддержат опытные
фронтенд-разработчики и специалисты

Вас поддержат опытные
фронтенд-разработчики и специалисты

Наставники
Наставники

Специалисты отрасли знают о трудностях, с которыми сталкиваются начинающие фронтенд-разработчики. Наставники ответят на все вопросы в течение 24 часов

Специалисты отрасли знают о трудностях, с которыми сталкиваются начинающие фронтенд-разработчики. Наставники ответят на все вопросы в течение 24 часов

Эксперты
Эксперты

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

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

Кураторы
Кураторы

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

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

Наставники
Наставники

Специалисты отрасли знают о трудностях, с которыми сталкиваются начинающие фронтенд-разработчики. Наставники ответят на все вопросы в течение 24 часов

Специалисты отрасли знают о трудностях, с которыми сталкиваются начинающие фронтенд-разработчики. Наставники ответят на все вопросы в течение 24 часов

Эксперты
Эксперты

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

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

Кураторы
Кураторы

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

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

help you

Поможем
с поиском работы
уже во время обучения

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

Подготовитесь к этапам
отбора в топовые компанииПодскажем, как составить резюме, писать сопроводительные письма и презентовать себя на собеседовании
Получите опыт
на реальных проектахВы сможете добавить в портфолио реальные проекты от аккредитованных IT-компаний
Рассмотрите вакансии и стажировкиВ крупных IT-компаниях постоянно проходит набор инициативных кандидатов
Стоимость курса
47 000 ₽
Единоразово
Вернём деньги, если обучение не понравилось
4 700 ₽
В месяц
Рассрочка от СберБанкаБез переплаты и первого взноса. Заявка подаётся через СберБанк Онлайн
Программа курса
160 часов теории
200 часов практики
8 проектов в портфолио
Понятия, которые могут звучать как заклинания, — на самом деле основные ингредиенты любого сайта. HTML помогает создать скелет сайта: тексты, картинки, ссылки, а CSS «надевает» на этот скелет красивую одежду: цвета, шрифты, отступы. Научитесь использовать оба эти инструмента, чтобы создавать веб-страницы
Навыки
Навыки
HTML. CSS
Практика
Практика
Создадите одноэкранный сайт для продажи услуги или товара
Углубите свои навыки в CSS. Сможете создавать сайты, которые будут работать на разных устройствах: компьютере, планшете, телефоне
Навыки
Навыки
CSS. Flexbox. SASS
Практика
Практика
Повторите создание адаптивного лендинга по макету Figma с фокусом на структуру страницы: шапку, главное меню, основной экран с текстом и изображением, подвал. Дополнительно реализуете форму обратной связи и выпадающее меню
JavaScript — язык программирования, который добавляет сайтам динамику и интерактивность. Научитесь заставлять сайт отвечать на каждое действие: нажатие кнопок, заполнение форм, анимацию, — а ещё динамически изменять содержимое страницы
Навыки
Навыки
Операторы. Условные выражения. Циклы. Массивы
Практика
Практика
Внесёте улучшения в различные компоненты сайта. Проверите корректность ввода в форме обратной связи, преобразуете данные для ленты новостей. Также добавите форматирование времени для видеоплеера, реализуете функцию поиска по материалам и создадите калькулятор для подсчётов
Углубите свои навыки в JavaScript. Научитесь создавать динамичные и интерактивные веб-страницы, которые могут общаться с сервером, обрабатывать данные и реагировать на действия пользователя
Навыки
Навыки
Fetch API. Ajax. DOM API
Практика
Практика
Разработаете блог с асинхронным получением данных. Создадите отображение постов, постраничную навигацию, поиск статей, просмотр содержимого записи и форму обратной связи
Узнаете, как разбивать код на небольшие части (модули), чтобы он был более организованным и удобным для управления. Например, как хранить функции и переменные в отдельных файлах. Научитесь проверять код на ошибки — писать автоматические тесты, чтобы убедиться, что все части приложения работают правильно. Сможете создавать более надёжные и структурированные веб-приложения, которые легче разрабатывать и поддерживать
Навыки
Навыки
Модули в JavaScript. ООП. Тестирование кода
Практика
Практика
Создадите онлайн-сервис, где пользователь сможет загружать фотографии, делать на них пометки, использовать функции undo и redo, а также отправлять фото на сервер для получения постоянного адреса. Изучите теорию рефакторинга и примените её на практике
Поймёте, как создавать интерактивные пользовательские интерфейсы с использованием одной из самых популярных библиотек для JavaScript — React. Например, как создавать компоненты, которые упрощают разработку и поддержку сложных приложений. Углубите навыки в управлении версиями и сборке проектов. Научитесь автоматизировать процесс разработки и деплоя приложения. Например, настраивать автоматическое тестирование и развёртывание на сервере при каждом изменении кода
Навыки
Навыки
Git. React. CI/CD
Практика
Практика
Разработаете одностраничный сайт для заказа пиццы, суши или бургеров. Реализуете корзину товаров, выбор блюда и количества, а также переключение между тёмной и светлой темами
Углубите навыки в React. Изучите Redux — библиотеку для управления состоянием приложения. Освоите использование препроцессоров CSS для улучшения и упрощения стилизации вашего приложения
Навыки
Навыки
React. Redux. CSS Preprocessors
Практика
Практика
Создадите сайт типографии на Next.js. Разработаете главную страницу, категории услуг и отдельную страницу для них, калькулятор, ленту новостей и отдельную страницу для них, раздел «О нас»
Научитесь управлять и оптимизировать ресурсы проекта с помощью Webpack, что сделает разработку более удобной и быстрой. Поймёте, как создавать серверные приложения на JavaScript с Node.js, обеспечивая мощную и масштабируемую серверную часть. Освоите создание и использование REST API для эффективного обмена данными между клиентом и сервером. Изучите TypeScript, чтобы писать более надёжный и поддерживаемый код
Навыки
Навыки
Node.js. Rest API. Webpack. TypeScript
Практика
Практика
Разработаете интернет-библиотеку на Next.js и TypeScript. Реализуете поиск книг по API GraphQL и переключение между светлой и тёмной темами
Итоговый проект, который суммирует полученные знания. Создадите интернет-магазин с клиентской и административной частью. В клиентской части разработаете главную страницу и для товаров. В административной реализуете авторизацию и управление заказами. Пройдёте этапы планирования, разработки фронтенда и бэкенда, тестирования и отладки, а также развёртывания и поддержки проекта

Бесплатный модуль по критическому мышлению

Бесплатный модуль по критическому мышлению

Знания из этого модуля помогут вам использовать критическое мышление, чтобы формулировать и отстаивать свою позицию, замечать логические ловушки, правильно интерпретировать информацию

Знания из этого модуля помогут вам использовать критическое мышление, чтобы формулировать и отстаивать свою позицию, замечать логические ловушки, правильно интерпретировать информацию

free modulefree modulefree module

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

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

Лицензия № Л035-01298-77/00179863 от 01 октября 2021

Лицензия № Л035-01298-77/00179863 от 01 октября 2021

diplomdiplomdiplom
Вопросы и ответы
Да, программа рассчитана на обучение с нуля. А также для людей с минимальным набором знаний по профессии.
Если у вас есть среднее профессиональное или высшее образование, после курса вы получите диплом о профессиональной переподготовке. Если нет, выдадим сертификат о прохождении курса и справку об обучении в электронном виде.
Да, мы можем вернуть вам средства полностью или частично. В каждом случае мы стараемся найти оптимальное решение. Условия возврата указаны в договоре-оферте.
Да, вы можете вернуть часть средств в виде налогового вычета. Основные условия: быть налоговым резидентом РФ и платить НДФЛ. Налоговый вычет составит до 13% от стоимости курса.
Уже во время обучения с определённого модуля вы можете начать готовиться к трудоустройству. Мы подготовили специальные материалы о том, как начать искать работу, а наши эксперты помогут составить резюме, сопроводительное письмо и подготовят к собеседованию.
Мы выставляем сроки для сдачи курсовых работ, но они не ограничивают проходить материал быстрее. Если студент не уложился в срок, мы переведём его в группу студентов с аналогичным прогрессом и предложим новое расписание встреч с наставниками. У студента есть право двух таких переходов, затем мы предложим ему проходить курс без поддержки или оплатить дополнительный месяц сопровождения.
Вы получаете неограниченный доступ ко всем теоретическим материалам, заданиям и записям онлайн-встреч.

Остались вопросы?
Оставьте заявку на консультацию

edutoria

Пользовательское соглашение

Положение о конфиденциальности

Договор-оферта

Согласие на рассылку

Согласие на использование cookies

Правила акции СберСпасибо

support_reskill@edutoria.ru

© 2024, Edutoria