Как Связать Бэкенд и Фронтенд? React + FastAPI Full Stack приложение | Python + JavaScript
Попробуй онлайн-тренажёр для подготовки к техническому собеседованию: https://clck.ru/3B5gxT Предзапись на курс по поиску работы разработчику и техническим навыкам для Middle: https://forms.gle/Zw7bPnQvTsfekVH47 Забирай роадмап изучения самого востребованного фреймворка на Python - FastAPI здесь: https://t.me/ArtemShumeikoBot Пишу про свой стартап, рынок труда и способы развития разработчиков в телеграм канале - подписывайся: https://t.me/artemshumeiko План изучения FastAPI в PDF формате в телеграм боте: https://t.me/ArtemShumeikoBot?start=eXQ Ссылка на репозиторий: https://t.me/artemshumeiko/71 Получить API ключ CoinMarketCap бесплатно: https://pro.coinmarketcap.com/signup/ Python сообщество в телеграме (здесь тебе помогут с любым вопросом): https://t.me/python_community_rus Поддержать меня и получить ранний доступ к видео можно здесь: https://boosty.to/artemshumeiko Делаем крутой трекер криптовалют на Python + Javascript всего за 1 час! 0:00 - Пишем Бэк и Фронт! 1:57 - Демонстрация проекта 2:33 - Обзор API провайдера криптовалютных данных 5:20 - Создание и парсинг переменных окружения 8:05 - Пишем класс для работы с API CoinMarketCap 13:40 - Пишем FastAPI эндпоинты 19:49 - Отличие этого проекта от реальных 21:24 - Установка Фронтенд зависимостей 26:51 - Пишем Фронтенд! 29:13 - Компонент Карточка (+лайфхак с иконкой биткоина) 31:56 - Пишем CSS через Tailwind 35:00 - Компонент Меню 36:12 - Делаем запросы с Фронтенда на Бэкенд через axios 39:12 - Решаем CORS ошибку 49:00 - Подгружаем криптовалюту по клику в меню 53:17 - Пропсы (props) на Фронтенде 57:43 - Кэширование — ускоряем запросы в 100 раз 1:01:30 - Подводим итоги #backend #python #fastapi #pydantic #шумейко #fullstack #react #javascript