Сайт использует сервис веб-аналитики Яндекс Метрика с помощью технологии «cookie». Пользуясь сайтом, вы даете согласие на использование данной технологии.
Как Связать Бэкенд и Фронтенд? React + FastAPI Full Stack приложение | Python + JavaScript
🎓 Практический курс по Backend разработке по всем актуальным технологиям с нуля до деплоя: 🔥 Забирай файл с описанием всей экосистемы технологий в FastAPI, напиши слово ЭКОСИСТЕМА в тг-боте: 🔥 Забирай роадмап изучения самого востребованного фреймворка на Python - FastAPI, напиши слово УЧУ ФАСТАПИ в тг-боте: 🔥 Забирай разбор production кода от меня бесплатно, напиши слово ПРОДАКШН в тг-боте: 💡 Попробуй онлайн-тренажёр для подготовки к техническому собеседованию: 💡 Чтобы получить ссылку на репозиторий с кодом, напиши слово ФУЛСТАК в боте: Пишу про лайфхаки при поиске работы, рынок труда и способы развития для разработчиков в телеграм канале - подписывайся: Python сообщество в телеграме (здесь тебе помогут с любым вопросом): Поддержать канал на Boosty: Получить API ключ CoinMarketCap бесплатно: Делаем крутой трекер криптовалют на 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