JavaScript запросы fetch — клиент-серверное взаимодействие на практике

✏️ Ознакомимся с клиент-серверным взаимодействием, пощупаем сервис jsonplaceholder, научимся применять функцию fetch для выполнения запросов к серверу. Узнаем какие бывают статусы ответов от сервера, как обрабатывать ответы и ошибки запросов. Попрактикуемся с библиотекой json-server, научимся отправлять GET и POST-запросы. Разберёмся, как добавлять запросам GET-параметры в URL-адресе. Научимся пользоваться в девтулз вкладкой Network, с помощью которой можно удобно анализировать запросы. 🔴 Timeline: ▶ 00:00​ | Введение ▶ 00:29​ | Клиент-серверное взаимодействие ▶ 01:33​ | REST API, сервис jsonplaceholder ▶ 02:33​ | Функция для выполнения запроса к серверу — fetch ▶ 04:26​ | Статусы ответа от сервера ▶ 05:42​ | Получение ответа от сервера — метод json объекта Response ▶ 10:24​ | Обработка ошибок запросов ▶ 13:13​ | Локальный сервер — библиотека json-server ▶ 18:04​ | Методы запросов — GET и POST и другие ▶ 23:54​ | Параметры get-запросов ▶ 28:37​ | Заголовки запросов и cookie — параметры headers и credentials ▶ 30:48​ | Анализ запросов в браузере — вкладка Network в DevTools Chrome ▶ 37:24​ | Заключение 📚 Ссылки из видео: ➖ Код из урока:
➖ Список кодов состояний запросов:
�ок_... ➖ Сервис JSONPlaceholder:
➖ Библиотека json-server:
➖ NodeJS:
➖ Документация по JavaScript от MDN:
➖ Русскоязычный справочник по JavaScript Doka:
➖ Фундаментальный онлайн учебник по JavaScript:
💬 Коммьюнити-чат в телеграме (помощь новичкам):
🧑‍💻 Основной телеграм-канал:
❤️ Boosty (поддержать автора):
🗂️ Бесплатные курсы на канале: 🟠 HTML:    • HTML курс 2025   🔵 CSS:    • CSS курс 2025   🟡 JS:    • JavaScript курс 2025   🟢 A11y:    • Accessibility курс 2025   🗺 Frontend Roadmap:    • Frontend Roadmap 2024 | Что должен учить ф...   ⚪️ Мастер-класс по верстке для новичков:    • Адаптивная верстка сайта с нуля для начина...   🔘 Мастер-класс по верстке для продвинутых (БЭМ, SCSS):    • Вёрстка сайта с 0 до результата | HTML, БЭ...   ⚫️ Мастер-класс по верстке с практикой по JavaScript:    • Вёрстка сайта с нуля • HTML, SCSS, JS прак...   🔴 Мастер-класс по верстке на стеке JSX, SCSS, JS, Vite, Minista (SSG), БЭМ:
📌 Автор: ➖ Личный сайт:
➖ Telegram:
➖ Boosty:
➖ GetMentor:
➖ Stepik (платные курсы и мастер-классы):
#frontend #фронтенд #js #javascript