Google Sheets как база данных для сайта (без backend) | SheetDB API Tutorial

Google Sheets как база данных для сайта (без backend) | SheetDB API Tutorial

В этом уроке разберём, как использовать Google Sheets в качестве базы данных для сайта без backend и серверной части.

Вы узнаете, как отправлять данные из HTML-формы прямо в Google Таблицу через SheetDB API с помощью JavaScript и fetch().

---

🎯 В этом уроке:
00:00 - Введение: база данных без backend и серверов
00:36 - Как данные из формы попадают в Google Таблицу
00:47 - Демонстрация готовой формы
02:05 - Преимущества подхода без Node.js и БД
02:28 - Важное предупреждение о безопасности
02:49 - Создание и настройка Google Таблицы
03:17 - Связь HTML input и колонок таблицы
03:58 - Регистрация и настройка SheetDB API
04:58 - Создание API проекта и получение Endpoint URL
05:27 - Написание JavaScript кода
06:53 - Сбор данных из input полей
08:34 - Отправка POST запроса через fetch()
10:15 - Тестирование отправки данных
11:14 - Статистика и управление доступом
11:51 - Как отключить доступ SheetDB к Google аккаунту

---

📌 Полный курс JavaScript:
👉 https://www.youtube.com/playlist?list=PLIEunNjc9UyvBaTS0blaMBQYJb5GLaMXB

📌 JavaScript Практика:
👉 https://www.youtube.com/playlist?list=PLIEunNjc9Uyv9Xo2A-WCT0D8c1Ret6bVu

📌 Полный курс CSS:
👉 https://www.youtube.com/playlist?list=PLIEunNjc9UyuznEWwwMmvjpG9V2GxG1DQ

📌 Полный курс HTML:
👉 https://www.youtube.com/playlist?list=PLIEunNjc9UytoWbG_xrleyom6NfiRLBDE

📌 Полный курс FlexBox CSS:
👉 https://www.patreon.com/collection/1320002

---

💬 Telegram:
👉 https://t.me/TopchiyDev

🎓 Patreon:
👉 https://www.patreon.com/TopchiyDev

---

#javascript #googleSheets #sheetdb #api #frontend #webdevelopment #fetchapi #js #htmlcss #javascripttutorial

Видео Google Sheets как база данных для сайта (без backend) | SheetDB API Tutorial канала Topchiy Dev