Как Связать Бэкенд и Фронтенд? React + FastAPI Full Stack приложение | Python + JavaScript

Делаем крутой трекер криптовалют на Python + Javascript всего за 1 час!

Пишу про свой стартап, рынок труда и способы развития разработчиков в телеграм канале - подписывайся: https://t.me/artemshumeiko

План изучения FastAPI в PDF формате в телеграм боте: https://t.me/ArtemShumeikoBot?start=eXQ

Погружение в Backend разработку за 3 месяца - научись писать API с нуля до вывода в продакшен на моем авторском курсе: https://clck.ru/39qJXV (есть 3 бесплатных урока)
🚨 Продажи открыты только до 31 мая 2024 года! 🚨
Прочитать отзывы к курсу можно на Stepik: https://clck.ru/38ZdhZ

Ссылка на репозиторий: https://t.me/artemshumeiko/71

Получить API ключ CoinMarketCap бесплатно: https://pro.coinmarketcap.com/signup/

Python сообщество в телеграме (здесь тебе помогут с любым вопросом): https://t.me/python_community_rus

Поддержать меня и получить ранний доступ к видео можно здесь: https://boosty.to/artemshumeiko

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