Сделай практический проект
в портфолио на React + TypeScript
за 7 дней с обратной связью
и объяснениями от тимлида
Разберись наконец в React и его основных инструментах на практике, а не на голой теории.
СДЕЛАТЬ ПРОЕКТ
Старт 31 июля
УЧАСТВОВАТЬ
Повышение квалификации
до уровня мидла
2 октября
практическое менторство для фронтендеров, которые хотят прокачать хард и софт-скиллы
и устроиться на позицию мидла
старт группы
И поработай с частью того, что спрашивают на собеседованиях по теме 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
Что говорят об интенсиве участники прошлого набора
  • Все очень доступно, интенсив огонь. Записывался на интенсив, чтобы расставить в голове все по полочкам. Интенсив для этого подходит на миллиард процентов.
    Советую интенсив всем тем, кто хочет на практике попробовать технологию без длительных прелюдий.
    Хизри Татаев
  • Интенсив очень понравился. Реакт до интенсива не изучал, было много непонятной информации в момент прохождения. Но в этом и смысл интенсива, разобраться с возможностями библиотеки не изучая сначала тонну теории не понимая о чем читаешь, а сделать приложение под руководством наставника и далее уже спокойно почитать про тонкости и ньюансы интрументов. Интенсив мне очень зашёл. Думаю, что он подойдёт тем, кто хочет изучить Реакт, но не знает с чего начать
    Виктор Шиляев
  • Только изучаю реакт, поэтому ваш интенсив очень кстати. Для себя вынес те моменты про которые не знал: styled-components, TS, gh-pages react и ещё много всяких... Спасибо большое за обучение.
    Евгений Шапечко
  • Практически все понравилось, не хватало собственных навыков, но выявление пробелов, показало над чем стоит потрудиться
    Татьяна Водилова
  • Все понравилось! Объяснения очень хорошие, все понятно. Были моменты, которые были непонятны сразу, тогда ссылки на документации помогали. Интенсив будет полезен тому, кто прошел курс по js, но еще не смотрел реакт, или только начал изучать реакт, а так же тому, кто не изучал ts
    Елизавета Забродская
  • Мне все понравилось, информация новая, писали на функциональных компонентах с TS, мне понравилось, как структурированы папки. Мне понравилось объяснение темы Redux. Для моих друзей джунов - это какая-то непонятная сущность, а для меня сейчас это очень удобный инструмент. Дополнительные задания я еще не сделала, но записи уроков остались, продолжу работу над проектом самостоятельно. Еще понравилось, как преподаватель общался на стриме/созвоне в discord, видела его заинтересованность в общении с учениками. Еще спасибо за объяснения роутинга и его нового синтаксиса.
    Марина Мороз
  • Хорошо и интересно. Материал не новый в целом, но пару вещей для себя узнал. Особенно круто было как отвечают/помогают в Discord.
    Evgeny Karpel
  • Хороший интенсив. Александр хороший преподаватель. Видно, что старается.
    Виталий Закатов
  • Мне понравилось, что Александр отвечал на вопросы в чате и смотрел репозитории, когда было время. Не могу сказать, что я недовольна или ожидала большего, это просто не мой уровень уже) Для совсем новичков - интенсив был бы супер. Подойдёт тем, кто прошёл js, и выбирает между фреймворками, которые изучать
    Марьяна Кондакова
Если есть вопросы
Напишите нам в Телеграм-бота или ВК — вам ответит живой человек. Чтобы вас быстрее нашли в чате — напишите сразу вопрос)
Написать в Телеграм
Написать в ВК
Это последний экран на сайте, здесь всё решается. Остаёшься на месте или идёшь с нами?
Вариант 1
Закрыть этот лендинг и пойти заниматься делами

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

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

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

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