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

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

[DmitryPonomareF]

Случайно наткнулся на канал пару недель назад. Чувак, твои видосы - одни из лучших в русскоязычном сегменте. Все четко и по делу. Хороший звук и картинка, никаких мычаний, заминок и прочего, приятно смотреть. Сам занимаюсь статистикой на Python. R, но чувствую в ближайшее время придется лезть и в разработку, твои видосы - просто супер помогают. Я аж слезу пустил, что есть такой Продолжай в том же духе.

[neyfiz]

Это именно тот вопрос который так долго меня мучал, как же это все работает вместе? Наконец-то я узнаю ответ!)

[krepanff]

Очень красивая картинка у вас, видимо свет и камера хорошие. Приятно смотреть. Содержимое тоже +

[brazenoptimist]

Обычно не оставляю комментарии, но здесь с первых минут видео, что канал заслуживает больше просмотров и подписчиков. Спасибо за контент.

[alexflatiz]

Как будто бесплатно курс Яндекса прошел) спасибо за годный контент👌

[extressar]

Мне как начинающему было интересно смотреть. Делаю сейчас свой проект и после просмотра понял что многое делаю не так. Стало интересно во многом какие стеки применяют в разных сферах, хотел бы увидеть подобное видео где будет объяснено что вот есть у нас реакт, с ним хорошо заходят такие и такие штуки, вот есть фаст апи, к нему хорошо заходит то и то под те и те задачи, было бы невероятно полезно и мне кажется что не слишком сложно для видео. Спасибо за контент!

[nik_lifehacks]

Спасибо за видео))
Круто было бы увидеть настройку docker контейнера, и деплой на сервер

[qeez]

очень хочу увидеть в будущем написание и реализацию полноценных микро сервисов для приложение по типу этого

[Артём-мго]

какого же хрена фронтенд настолько сложнее бэка 😅все говорят вот фронтен - легкий вход. НЕТ! Делать ручки на фастапи - вот настоящий легкий вход! 🤣Спасибо за видео, очень приятная подача и получить что-то рабочее за 1 час это очень круто!

[animenaave-uq]

Спасибо огромное за качественный контент! Было очень интересно посмотреть про Vue.

[slgryn]

Смотрел много других подобных видео, какое то понимание появлялось, но это видео закрыло все вопросы

[slmpnv]

На протяжении всего видео вызывало тревожность то, что ты пишешь в последней строке. Я обычно в предпоследней, чтобы потом не ставить. Вроде мелочь, а все равно триггерит... А само видео очень крутое. Нраица)

[ivanowdenis]

Для ускорения нужно тут не кеширование использовать, а graphql(если сервис поддерживает). Кеширование хорошо для статических данных, а не для динмаических ))
А видео, подача, звук, мимика -- просто отлично. Время при просмотре пролетает незаметно.

[IhorYakunin]

Интересно, но у Вас в коде я не увидел пакетов, просто папки. А почему, сознательно упрощаете или принципиальная позиция? Просто интересно Ваше мнение.

[samandarturdaliev]

Есть ли у тебя планы сделать контентов про клонирование известных сайтов ?

[lockservice-pro]

Артем, давай еще по этой теме. Было бы неплохо спарить FastAPI c frontend фреймворком на Vue, Nuxt например.

[ИванПетров-эчк]

Лучший, продолжай в том же духе. У тебя талант объяснять.

[semeiniekursi]

22:44
Да, очень хотелось бы видео про TypeScript в связке с React.
Без типизации тяжко.

[cape]

Понравилась ваша подача, очень приятно смотреть :))

[ВячеславРыльков-ых]

Есть один прикол, что если обновить страницу после того как мы уже написали динамичные данные, то будет ошибка, так как при первичной загрузке страницы мы не загружаем данные о валюте, поэтому нужно сделать первоначальныую загрузку данных о битке без нажатия на кнопку