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

Опубликовано: 03 Апрель 2024
на канале: Артём Шумейко
42,257
1.9k

🔥 Забирай файл с описанием всей экосистемы технологий в FastAPI, напиши слово ЭКОСИСТЕМА в тг-боте: https://t.me/ArtemShumeikoBot
🔥 Забирай роадмап изучения самого востребованного фреймворка на Python - FastAPI, напиши слово УЧУ ФАСТАПИ в тг-боте: https://t.me/ArtemShumeikoBot
🔥 Забирай разбор production кода от меня бесплатно, напиши слово ПРОДАКШН в тг-боте: https://t.me/ArtemShumeikoBot

🎓 Обучение самым современным и востребованным технологиям, которые нужны backend разработчику, на практике: https://artemshumeiko.ru/

💡 Попробуй онлайн-тренажёр для подготовки к техническому собеседованию: https://clck.ru/3B5gxT 💡

Чтобы получить ссылку на репозиторий с кодом, напиши слово ФУЛСТАК в боте: https://t.me/ArtemShumeikoBot

Пишу про лайфхаки при поиске работы, рынок труда и способы развития для разработчиков в телеграм канале - подписывайся: https://t.me/artemshumeiko
Python сообщество в телеграме (здесь тебе помогут с любым вопросом): https://t.me/python_community_rus
Поддержать канал на Boosty: https://boosty.to/artemshumeiko

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

Делаем крутой трекер криптовалют на 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


Смотрите видео Как Связать Бэкенд и Фронтенд? React + FastAPI Full Stack приложение | Python + JavaScript онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Артём Шумейко 03 Апрель 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 42,257 раз и оно понравилось 1.9 тысяч людям.