Сделай практический проект
в портфолио на React + TypeScript
за 7 дней с обратной связью
и объяснениями от тимлида
Разберись наконец в React и его основных инструментах на практике, а не на голой теории.
СДЕЛАТЬ ПРОЕКТ
Старт 29 мая
И поработай с частью того, что спрашивают на собеседованиях по теме React
Styled-components
Что такое styled components и как они работают? Как создать стилизованный компонент с помощью styled components? Какие преимущества имеет использование styled components перед обычными CSS-стилями и препроцессорами?
Props
Что такое props в React? Как передать данные между компонентами с помощью props? Можно ли изменять значения props в дочернем компоненте? Какие типы данных можно передавать в props? Можно ли передавать функции через props?
Хуки, функциональный подход, useState
Что такое состояние в React и как оно используется? Что такое хуки в React и для чего они нужны? Какие проблемы решает функциональный подход в React? Что такое useState в React и как он используется для управления состоянием компонента? Как передавать состояние между компонентами в React?
React Router
Что такое React Router и как он используется в приложениях React? Как использовать параметры маршрута в React Router? Как использовать хуки React Router для управления маршрутизацией?
Redux, store
Что такое Redux и какие проблемы он решает? Какие принципы управления состоянием с помощью Redux вы знаете? Как создать хранилище (store) в Redux и какие параметры он принимает? Какой метод используется для изменения состояния в Redux?
TSX
Что такое TSX и зачем он нужен в React? Какие преимущества TypeScript предоставляет при работе с TSX? Каким образом можно задать типы для props в компонентах TSX? Что такое интерфейсы в TypeScript и как их использовать при работе с TSX? В чём отличие JSX от TSX
🎁 Бонусом — TypeScript
Что такое TypeScript и зачем он нужен? Какая разница между TypeScript и JavaScript? Какие преимущества предоставляет TypeScript в разработке приложений? Какие типы данных поддерживает TypeScript?
Как ещё можно сделать проект на React
  • Найти что-нибудь на Ютубе
    Точно что-нибудь найдётся. Но вот свежие ли будут записи — неизвестно. Плюс нет обратной связи от наставника.
  • Придумать что-нибудь самостоятельно
    Можно долго и бесплатно самому, а можно быстро и по делу с наставником
  • Свой вариант
    Способов сделать проект самостоятельно и разобраться в инструменте очень много, но достаточно ли они эффективны?
Предлагаем не насиловать себя и своё время, а сделать проект на React + TypeScript под руководством действующего тимлида, чтобы сэкономить нервы и время
и добавить очки опыта в резюме через неделю, а не через год
Подойдёт тем, кто знает JavaScript, но ещё не щупал React
Быстро погрузитесь в самую гущу: основные инструменты React, дополнительно TypeScript. Всё с ответами на вопросы от действующего тимлида
И тем, кто знает React в теории и хочет практики
Этот блок написан для тех, кто ходит на все наши интенсивы по JavaScript и каждый раз просит побольше сложностей и React. Ребята, этот курс для вас!
Точно не подойдёт, если
у вас совсем нет опыта
в JavaScript и установлена Windows 7
Конечно, можете записаться и посмотреть курс потом, но в процессе будет тяжело. А с Windows 7 не получится работать технически
Сделаем всё за 7 дней
День 1. Создание и настройка стартового приложения React + TypeScript
Создадим базовое приложение React.JS + TS
Разберем архитектуру приложения, настроим для работы
День 2. Перенос вёрстки в приложение
Перенесем верстку и стили
Создадим первые компоненты
День 3. Реализация логики приложения — ToDo List
Изучим props и хук useState
Напишем логику добавления и удаления ToDo
День 4. Маршрутизация React
Изучим react-router
Реализуем главную страницу приложения
Настроим роутинг между главной страницей и страницей управления ToDo
День 5. Redux
Реализуем store приложения
Свяжем логику ToDo List с хранилищем Redux
День 6. Styled-components
Изучим библиотеку styled-component
Стилизуем кастомные элементы
День 7: динамические цветовые темы
Настроим темную и светлую темы
Создадим функционал переключения между темами
🏆 После интенсива у вас будет готовый проект —
To-do List на React и TypeScript
И практические знания по работе с большинством инструментов React
Что ещё
Уроки на учебной платформе
Уроки находятся на закрытой учебной платформе. Можно смотреть в удобное время, записи останутся навсегда
Общий чат участников и автора — Алексндра Ильясова
Общий чат только с нужными людьми. Если что-то не получается — можно задать вопрос автору и получить ответ
Трансляции с ответами на вопросы
Пообщаемся не только в чате, но и на стримах. Приносите вопросы!
Если у вас есть промокод на скидку — его можно ввести на странице оплаты после клика по области «Знаете промокод?»
Если есть вопросы
Напишите нам в Телеграм-бота или ВК — вам ответит живой человек. Чтобы вас быстрее нашли в чате — напишите сразу вопрос)
Написать в Телеграм
Написать в ВК
Это последний экран на сайте, здесь всё решается. Остаёшься на месте или идёшь с нами?
Вариант 1
Закрыть этот лендинг и пойти заниматься делами

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

Обязательно сказать, что «Всё есть в интернете!!1!»
Выбираю это
Вариант 2
Разобраться на практике и сделать проект в портфолио на React и TypeScript

Получить знания от действующего тимлида и задать все волнующие вопросы

Сделать проект сейчас, а не как-нибудь потом
Выбираю это
Политика конфиденциальности
ИП Янковский В. А.
ОГРНИП: 323554300014251
ИНН 553102763605
Договор оферты
Glo Academy