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

✏️ We'll get acquainted with client-server interaction, explore the jsonplaceholder service, and learn how to use the fetch function to make server requests. We'll learn about the different server response statuses and how to handle response and request errors. We'll practice with the json-server library and learn how to send GET and POST requests. We'll figure out how to add GET parameters to URLs. We'll learn how to use the Network tab in DevTools, which allows you to easily analyze requests. 🔴 Timeline: ▶ 00:00​ | Introduction ▶ 00:29​ | Client-Server Interaction ▶ 01:33​ | REST API, jsonplaceholder service ▶ 02:33​ | The function for making a server request — fetch ▶ 04:26​ | Server Response Statuses ▶ 05:42 | Receiving a Response from the Server — the json method of the Response object ▶ 10:24 | Handling Request Errors ▶ 13:13 | Local Server — the json-server library ▶ 18:04 | Request Methods — GET, POST, and More ▶ 23:54 | GET Request Parameters ▶ 28:37 | Request Headers and Cookies — the headers and credentials parameters ▶ 30:48 | Analyzing Requests in the Browser — the Network Tab in Chrome DevTools ▶ 37:24 | Conclusion 📚 Video Links: ➖ Lesson Code: https://github.com/aleksanderlamkov/j... ➖ List of Request Status Codes: https://ru.wikipedia.org/wiki/Спиок_к... ➖ JSONPlaceholder Service: https://jsonplaceholder.typicode.com/ ➖ json-server Library: https://www.npmjs.com/package/json-se... ➖ NodeJS: https://nodejs.org ➖ JavaScript Documentation from MDN: https://developer.mozilla.org/ru/docs... ➖ Doka JavaScript Reference: https://doka.guide/js/ ➖ Fundamental Online JavaScript Tutorial: https://learn.javascript.ru/ 💬 Community Chat Telegram (help for beginners): https://t.me/FriendlyFrontend 🧑‍💻 Main Telegram channel: https://t.me/AleksanderLamkov ❤️ Boosty (support the author): https://boosty.to/friendly-frontend 🗂️ Free courses on the channel: 🟠 HTML:    • HTML курс 2025   🔵 CSS:    • CSS курс 2025   🟡 JS:    • JavaScript курс 2025   🟢 A11y:    • Accessibility курс 2025   🗺 Frontend Roadmap:    • Frontend Roadmap 2024 | Что должен учить ф...   ⚪️ Layout Masterclass for Beginners:    • Адаптивная верстка сайта с нуля для начина...   🔘 Layout Masterclass for Advanced (BEM, SCSS):    • Вёрстка сайта с 0 до результата | HTML, БЭ...   ⚫️ Layout Masterclass with JavaScript Practice:    • Вёрстка сайта с нуля • HTML, SCSS, JS прак...   🔴 Layout Masterclass on the JSX Stack, SCSS, JS, Vite, Minista (SSG), BEM: https://stepik.org/a/228315 📌 Author: ➖ Personal website: https://aleksanderlamkov.ru/ ➖ Telegram: https://t.me/AleksanderLamkov ➖ Boosty: https://boosty.to/friendly-frontend ➖ GetMentor: https://getmentor.dev/mentor/aleksand... ➖ Stepik (paid courses and workshops): https://stepik.org/a/228315 #frontend #frontend #js #javascript