Если вы – опытный IT-специалист или собираетесь стать фронтенд-разработчиком, то курс от Яндекс Практикума создан специально для вас! Здесь вы освоите программирование на CSS, JavaScript, TypeScript и HTML, научитесь пользоваться React-библиотекой, адаптировать сайты и web-приложения под любые бизнес-задачи, изучите концепцию ООП, сможете проводить тестирования сервисов и обнаруживать баги, а также узнаете, как достигать поставленных целей, этично общаться с заказчиками и командой и приоритизировать задачи. Материал, собранный в интерактивном учебнике, сопровождён тематическими заданиями, а необходимого опыта вы сможете набраться в воркшопах.

Русский
4,1
Наверх

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

Использовать методологию Agile
Тестировать веб-сайты и сервисы
Размещать сайты и web-приложения в сети Интернет
Использовать техники планирования и тайм-менеджмента
Понимать принципы роутинга и авторизации в веб-приложениях

Как быстро окупится обучение

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

На должности Junior Frontend-разработчик затраты на пройденный курс окупятся
3 Месяца
60 000 ₽ / Мес
Frontend-разработчик
60 000 ₽ — 200 000 ₽
Смайлик
Junior
Опыт до 1 года
Middle
Опыт 1–3 года
Senior
Опыт от 3 лет

Программа курса

На онлайн-курсе вы освоите программирование на CSS, HTML, JavaScript и TypeScript, а также библиотеку React, разберётесь в концепции ООП, научитесь разрабатывать дизайн интерфейсов, обретёте навыки маршрутизации и авторизации.

14
Модулей

Попробуете себя в фронтенд-разработке и поймёте, подойдёт ли вам это направление, обретёте базовые навыки, необходимые для работы в этой сфере, и после прохождения бесплатного модуля выберете формат курса в соответствии с уровнем вашей подготовки.

Узнаете, чем занимаются фронтенд-разработчики и увидите, как выглядит простой код на HTML и CSS.

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

Освоите ключевые CSS-инструменты.

Продолжите изучение CSS и его возможностей.

Научитесь пользоваться простейшими инструментами JavaScript.

Создадите с нуля несложную программу на JS и разработаете страницу с интерактивными элементами.

Освоите оболочку Bash и систему Git на базовом уровне.

Изучите возможности шрифтов и типографические опции.

Разберёте семантическую вёрстку и глобальные атрибуты.

Узнаете, что такое Flexbox и каким потенциалом он обладает.

Рассмотрите типы позиционирования и стилизации.

Поймёте, для чего используется модуль Grid Layout и что такое грид.

Выясните, какие этапы включает в себя настройка веб-страницы.

Познакомитесь с понятиями псевдоклассов и псевдоэлементов и сможете сделать сайт доступным для пользователя.

Разработаете одностраничный веб-сайт и напишете код на CSS для функционирующего сервиса.

Освоите адаптивную вёрстку.

Выучите команды для работы с растровой графикой.

Поработаете с SVG-файлами и научитесь их экспортировать.

Научитесь трансформировать объекты и выполнять переходы в 2D.

Освоите инструменты для анимации.

Изучите инструментарий для декорирования.

Сможете преобразовывать объекты в 3D.

Создадите адаптивный сайт с различными цветовыми темами и соберёте веб-сервис.

Освоите операторы для работы с примитивами.

Поймёте, как использовать объектную модель документа.

Научитесь обнаруживать и устранять баги.

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

Откроете расширенные возможности Document Object Model.

Поймёте, что собой представляют массивы и как с ними работать.

Научитесь пользоваться функциями в JS.

Изучите свойства объектов и возможности выполнения операций.

Разработаете интерактивную веб-страницу с фото, сделаете вёрстку и продумаете логику.

Освоите инструмент Webpack для сборки модулей.

Узнаете, что это такое и как они работают в браузере.

Освоите асинхронные операции.

Научитесь обрабатывать события с помощью специальных команд.

Сможете регулировать доступ к формам и работать с их элементами.

Узнаете, как проверять их на отсутствие ошибок.

Разберётесь в правилах API и нюансах работы с протоколами.

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

Поймёте, зачем нужен этот язык программирования и в чём его преимущества перед JavaScript.

Изучите концепцию ООП.

Получите базовые знания в области TypeScript.

Продолжите изучение тем предыдущих уровней на более высоком уровне.

Разберётесь в принципах разработки программного обеспечения.

Рассмотрите API и локальные хранилища для работы с окружением.

Научитесь применять ООП-подход при проектировании интерфейсов.

Разработаете ООП-архитектуру онлайн-магазина с UML-документацией и реализуете её с помощью TypeScript, подсоединив к серверу.

Освоите инструмент Create React App.

Изучите основы синтаксиса JSX.

Рассмотрите стадии жизненного цикла классовых компонентов.

Узнаете, как работать с состояниями и эффектами.

Поймёте, как использовать расширение React DevTools.

Сможете импортировать модули и выявите особенности CSS-модулей.

Рассмотрите ключевые виды библиотек.

Сделаете страницу интернет-блога с дизайном, настраиваемым с помощью переменных CSS.

Поймёте принципы маршрутизации в сервисах.

Узнаете, как авторизоваться и определять маршруты данных в веб-сервисах.

Освоите протокол WebSocket для обмена данными между web-сервером и браузером.

Изучите программу для управления пользовательским интерфейсом и её.

Осуществите реализацию глобального состояния, роутинг и авторизацию галактической бургерной.

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

Обретёте опыт работы в команде специалистов, попрактикуетесь в использовании ERP- и CRM-систем, разработке микросервисных архитектур и сложных приложений, а также применении CI и Docker.

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

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

Пройдёте этап акселерации, состоящий из отклика на вакансии, выполнения тестовых заданий и посещения собеседований, получите поддержку от HR-специалиста, научитесь правильно общаться с работодателями и получите знания, необходимые для трудоустройства.

Освоите YandexGPT для разработки, разберётесь в генерации кода, дебаггинге и ведении документации.

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

Продемонстрируете свои умения и пополните новым проектом своё портфолио.

Получите опыт командной работы и подготовите кейс.

Сможете продвинуться до уровня middle-разработчика.

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

Иллюстрация к пункту обучения

Изучение темы

Просмотр обучающих видеороликов

Иллюстрация к пункту обучения

Выполнение практических заданий

Делаете все тогда, когда вам это удобно и в подходящем вам темпе

Иллюстрация к пункту обучения

Работа с куратором

Объяснение возникших вопросов, закрепление пройденного материала и исправление ошибок

Иллюстрация к пункту обучения

Создание итогового проекта

Данный проект, показывающий ваши навыки, будет прекрасным дополнением к вашему портфолио

Помощь с трудоустройством

Создадите портфолио

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

Подготовитесь к собеседованию

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

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

Узнаете, где искать первых заказчиков, как выстраивать с ними коммуникацию и защитить свои права

Оформите резюме и сопроводительное письмо

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

Узнаете, как найти работу

Познакомитесь с площадками для поиска работы, узнаете, как успешно пройти стажировку, и получите доступ к бирже с вакансиями компаний-партнёров

Спецификация

Часто задаваемые вопросы

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

Да, есть возможность устроиться в том числе в Яндекс Практикум, однако онлайн-школа не даёт гарантий студентам. Здесь вы получите базовый опыт, который повысит ваши шансы на успешное трудоустройство.

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

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

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

Все преподаватели - опытные эксперты-практики, которые будут поддерживать вас на протяжении всего обучения.

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

Оплатить обучение можно в любой валюте по картам Visa, MasterCard и МИР. Банк, выпустивший карту, также может быть любым. Подробнее уточните у менеджера курса.

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

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

Да, конечно. Подать заявление можно на официальном сайте ИФНС или в приложении Госуслуг. Команда школы поможет собрать пакет документов.

Конечно. Работодатели не только принимают прошедших онлайн-обучение, но и сами отправляют свой персонал на дистанционные курсы. По качеству обучения они ничем не отличаются от офлайн-образования.

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

Другие популярные курсы

Финансовый директор

Академия Эдюсон
Бизнес и управление
5
122 400 ₽
306 000 ₽

Телесно-ориентированная терапия в психологическом консультировании

НАДПО
Психология
4,3
48 400 ₽
70 200 ₽

Интегративный нутрициолог. Бесплатный онлайн-курс

Talentsy
Красота и здоровье
4,3
Бесплатно
2 500 ₽

Невротические отношения. Принципы психологической работы в рамках семейной системы

НИИДПО
Психология
4,3
10 300 ₽
13 900 ₽
Яндекс Практикум
Программирование
10 Месяцев
Фронтенд-разработчик
132 000 ₽