Профессиональная вёрстка на ReactJS

Глубоко проработанный курс по вёрстке, по окончанию которого вы создадите собственный сайт-портфолио.

Подойдёт как начинающим, так и опытным фронтенд-разработчикам
  • <когда?>

  • <сколько стоит?>

  • <сколько длится?>

    4 недели
  • <доступ к видеоподдержке?>

    8 недель
background

Кому подойдет этот курс?

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

• Новичкам, желающим начать свой путь в IT

• Фронтенд-разработчикам, которым необходимо совмещать разработку и профессиональную вёрстку проектов на React

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

Почему стоит записаться на курс?

<первое>

Легко начать

Для начала обучения на курсе достаточно обладать минимальными знаниями о вёрстке, тегах и их назначении, иметь аккаунт на GitHub
<второе>

Материалы навсегда

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

Собственный сайт-портфолио

По итогам обучения вы соберете портфолио frontend-разработчика с собственным сайтом
decoration

Что включает курс?

  • Записанные модули

    45+ часов структурированного и глубоко проработанного видеоматериала, а также другой полезный контент в текстовом формате.
  • Онлайн-занятия

    Один раз в неделю в Zoom. Здесь будем разбирать дополнительные темы, делать code review и отвечать на интересующие вас вопросы.
  • Менторская видеоподдержка

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

Что будет на курсе?

Верстка на HTML5 и CSS3. Особое внимание уделяем анимации, трансформации, позиционированию, адаптиву, псевдоклассам и псевдоэлементам;

Верстка на Реакте Разберем популярную библиотеку;

Семантическая верстка. Расскажем, как делать семантическую верстку, применять Grid и Flexbox;

• Синтаксис Styled Components. Расскажем, какие возможности есть у библиотеки для стилей;

• Практика. Покажем, как сверстать портфолио на Реакте и поделиться им на GitHub pages;

• Интерактивные элементы. Рассмотрим интерактив в вашем проекте: бургер-меню, слайдеры и другое;

Графика. Разберемся, как работать с графикой: растровыми изображениями и SVG-спрайтами в Реакт;

• Библиотеки. Подключим и настроим разные библиотеки. Например, typewriter-effect.
Support

Светлана, преподаватель и Frontend-разработчик с 6-летним опытом, про курс по вёрстке:

Портфолио выпускников

Даниил Ламейка portfolio picture
Даниил Ламейка avatar
Даниил Ламейка
Виктория Петлицкая portfolio picture
Виктория Петлицкая avatar
Виктория Петлицкая
Ксения Красникова portfolio picture
Ксения Красникова avatar
Ксения Красникова
Алексей Никитин portfolio picture
Алексей Никитин avatar
Алексей Никитин
Никита Бенза portfolio picture
Никита Бенза avatar
Никита Бенза
Денис Кулик portfolio picture
Денис Кулик avatar
Денис Кулик
Иван Кораблин portfolio picture
Иван Кораблин avatar
Иван Кораблин
Даниил Калач portfolio picture
Даниил Калач avatar
Даниил Калач
Сергей Хмурович portfolio picture
Сергей Хмурович avatar
Сергей Хмурович
Евгений Лужанский portfolio picture
Евгений Лужанский avatar
Евгений Лужанский
Владислав Ремнев portfolio picture
Владислав Ремнев avatar
Владислав Ремнев
Сергей Веретило portfolio picture
Сергей Веретило avatar
Сергей Веретило
Вероника Витукевич portfolio picture
Вероника Витукевич avatar
Вероника Витукевич
Должит Цырендоржиева portfolio picture
Должит Цырендоржиева avatar
Должит Цырендоржиева
Сергей Минко portfolio picture
Сергей Минко avatar
Сергей Минко
Сергей Барановский portfolio picture
Сергей Барановский avatar
Сергей Барановский

Современный стек технологий

Наша программа предусматривает отработку необходимого стека технологий, востребованного на рынке
HTMLHTML
CSSCSS
JavaScriptJavaScript
TypeScriptTypeScript
ReactReact
Styled ComponentsStyled Components
FigmaFigma
GitGit
GitHubGitHub

Программа обучения

Подготовка

Структура проекта

Стилизация

Адаптив

Анимация и эффекты

Вопрос-ответ

Как проходят онлайн-занятия?

Будет ли у меня доступ к материалам курса после его окончания?

Если у меня не получается присутствовать на онлайн-занятии, будет ли у меня доступ к записи этого урока?

Какой документ я получу после окончания курса?

Необходимо ли знание английского языка для прохождения курса?

Какими техническими характеристиками должен обладать мой компьютер для занятий?

Достаточно ли знаний я получу, чтобы по окончанию курса устроиться на позицию верстальщика на React?

Как я могу оплатить курс?

🇷🇺