React Front To Back 2022 — это практико-ориентированный курс, который помогает новичкам и действующим разработчикам уверенно овладеть React, освоить современные инструменты экосистемы и научиться создавать полноценные приложения от простых интерфейсов до комплексных проектов с авторизацией, взаимодействием с API и облачными сервисами.
Что представляет собой курс
Курс построен на создании трех полноценных проектов, каждый из которых последовательно раскрывает ключевые концепции React и современные практики разработки. Такой формат помогает не только понять теорию, но и сразу применить её на практике, создавая реальные приложения.
Проект 1: Feedback App
В рамках первого проекта вы изучите фундаментальные темы React в понятной и доступной форме. Этот блок идеально подходит для новичков, которые только знакомятся с библиотекой.
Структура React-приложения
Компоненты и props
Состояние и работа с useState
Базовая обработка событий
Принципы реиспользования компонентов
Проект 2: Github Finder
Во втором проекте вы научитесь взаимодействовать со сторонними API, анализировать данные и оптимизировать процесс получения информации.
Работа с REST API
useEffect и управление побочными эффектами
Поиск, фильтрация и отображение данных
Внедрение React Router v6
Проект 3: House Marketplace
Третий проект — наиболее комплексный, с использованием облачных технологий Firebase 9. Здесь вы создадите приложение с полноценной авторизацией, базой данных и загрузкой файлов.
Firebase Authentication
Firestore запросы и структура данных
Работа с файловым хранилищем
Интеграция дополнительных библиотек (Leaflet, Swiper)
Ключевые навыки, которые вы освоите
Основы React: компоненты, props, хуки, состояние
Современные хуки: useState, useEffect, useContext, useReducer, useRef
Создание собственных кастомных хуков
Маршрутизация на основе React Router v6
Глобальное состояние через Context API и редукторы
Firebase 9: аутентификация, база данных, хранилище
Развертывание приложений в Vercel и Netlify
Создание анимаций с Framer Motion
Использование интерактивных карт и слайдеров
Обновления и развитие курса
Курс был полностью переработан и дополнен новыми проектами и актуальными инструментами. Он продолжает развиваться: автор уже работает над четвертым проектом — полноценной системой продажи билетов на MERN-стеке с использованием Redux для управления состоянием.
Кому подходит этот курс
Новичкам, которые хотят структурированно изучить React
Тем, кто хочет перейти от учебных задач к реальным проектам
Тем, кто готовится к изучению MERN-стека
Итог
Этот курс — отличный старт для освоения React с акцентом на практику. Он сочетает доступное объяснение базовых концепций и проработанные проекты, которые помогут вам уверенно перейти к более сложным задачам и фреймворкам.
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
Ограничение времени просмотра
Вы можете просматривать пробный урок только 10 минут. Получите полный доступ, чтобы смотреть без ограничений.
Я начал программировать в 2007 году в возрасте 26 лет. В 2016 году я стал штатным преподавателем и создателем контента. Я показываю людям, что им не обязательно быть отличником или гением, чтобы научиться программировать. Я разбиваю сложные концепции, показывая вам, как их реализовать в курсах и учебных пособиях на основе проектов.
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
First of all thanks a lot for your effort, but Just a question... why did the resolution was lowered to 720 x 1280? Originally it was at 1080 x 1920. I see the same happened to another course from ZeroToMastery.io (Complete Next.js Developer in 2022: Zero to Mastery).
kim.victor.aleksandrovich
update please
toxet72755 kim.victor.aleksandrovich
Updated
royal_systems
Can someone write here in comments how to find repo on GitHub?
House Marketplace Repo: https://github.com/bradtraversy/house-marketplace
Brad's Gists - https://gist.github.com/bradtraversy
TOOLS:
https://code.visualstudio.com/
https://git-scm.com/
https://nodejs.org/en/
https://www.postman.com/
https://chrome.google.com/webstore/detail/react-developer-tools
DOCS:
https://reactjs.org/
https://reactrouter.com/
https://docs.github.com/en/rest
https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API
https://firebase.google.com/
https://leafletjs.com/
https://swiperjs.com/
https://tailwindcss.com/
https://tailwindcss.com/docs/guides/create-react-app
https://daisyui.com/
https://www.npmjs.com/package/concurrently
https://www.npmjs.com/package/json-server
https://www.npmjs.com/package/framer-motion
https://www.npmjs.com/package/react-icons
https://www.npmjs.com/package/react-toastify
https://www.npmjs.com/package/uuid
https://www.npmjs.com/package/axios
COURSE HELPERS:
Please follow these guys as they are incredibly talented and have contributed a lot to this course :)
Will Adams
My right-hand man in the Udemy Q/A
Github: https://github.com/bushblade
Twitter: https://twitter.com/Bushblade
Mitchel
Helped with the House Marketplace App
Github: https://github.com/MitchelSt
YouTube Channel: https://www.youtube.com/channel/UC6W89Wklwaki9pc_qSquRtw
Hassib
Created the design for the Github Finder app
Github: https://github.com/hassibmoddasser
Twitter: https://twitter.com/hassibmoddasser