Начало работы с API доступа к файловой системе
API доступа к файловой системе — это веб-API, который позволяет читать и записывать локальные файлы пользователя. Он открывает новые возможности для создания мощных веб-приложений, таких как текстовые редакторы или IDE , инструменты редактирования изображений, улучшенный импорт/экспорт, и все это во внешнем интерфейсе.
Давайте посмотрим, как начать использовать этот API:
https://css-tricks.com/getting-started-with-the-file-system-access-api/
#api
API доступа к файловой системе — это веб-API, который позволяет читать и записывать локальные файлы пользователя. Он открывает новые возможности для создания мощных веб-приложений, таких как текстовые редакторы или IDE , инструменты редактирования изображений, улучшенный импорт/экспорт, и все это во внешнем интерфейсе.
Давайте посмотрим, как начать использовать этот API:
https://css-tricks.com/getting-started-with-the-file-system-access-api/
#api
🔥10👍3
6 API-интерфейсов, которые должны знать фронтенд-разработчики
Для фронтенд-разработки существуют самые разные API. В этой статье представлены несколько полезных API, которые важно знать программистам. Они помогут быстрее разрабатывать и тестировать интерфейсы:
https://blog.bitsrc.io/6-apis-frontend-developers-should-know-3a94815c53dd
#фронтенд #api
Для фронтенд-разработки существуют самые разные API. В этой статье представлены несколько полезных API, которые важно знать программистам. Они помогут быстрее разрабатывать и тестировать интерфейсы:
https://blog.bitsrc.io/6-apis-frontend-developers-should-know-3a94815c53dd
#фронтенд #api
👍13💩3
Работа с Google Maps API
Google API невероятно большой и позволяет делать практически любые действия над их сервисами. В этом вы сможете познакомиться с принципом работы Google Maps API (Google Карты) и научитесь взаимодействовать с ней посредством JavaScript:
https://youtu.be/AgwhiHLu2H4
#видео #api
Google API невероятно большой и позволяет делать практически любые действия над их сервисами. В этом вы сможете познакомиться с принципом работы Google Maps API (Google Карты) и научитесь взаимодействовать с ней посредством JavaScript:
https://youtu.be/AgwhiHLu2H4
#видео #api
👍21💩4👏2
Как ускорить full-stack разработку, не создавая API
Когда вы используете API для взаимодействия бэкенда с фронтендом, запускается процесс, который состоит из 4 этапов:
1. Запрос на получение данных из базы данных;
2. Отправка запроса API;
3. Обработка запроса API;
4. Получение данных из базы данных.
Для внутренних API второй и третий пункт кажутся достаточно затратными и необязательными, поэтому есть способ, как обойти их и свести обмен данными к их запросу и получению. Как это сделать рассказали в этой статье:
https://nuancesprog.ru/p/16651/
#фронтенд #бэкенд #api
Когда вы используете API для взаимодействия бэкенда с фронтендом, запускается процесс, который состоит из 4 этапов:
1. Запрос на получение данных из базы данных;
2. Отправка запроса API;
3. Обработка запроса API;
4. Получение данных из базы данных.
Для внутренних API второй и третий пункт кажутся достаточно затратными и необязательными, поэтому есть способ, как обойти их и свести обмен данными к их запросу и получению. Как это сделать рассказали в этой статье:
https://nuancesprog.ru/p/16651/
#фронтенд #бэкенд #api
👍6🔥2🍓2
This media is not supported in your browser
VIEW IN TELEGRAM
Оптимизация загрузки ресурсов с помощью Fetch Priority API
Fetch Priority API указывает приоритет ресурсов для браузера. Это позволяет обеспечить оптимальную загрузку данных для того, чтобы пользователь мог максимально быстро начать работу с сайтом.
В этой статье вы узнаете, как работать с этим API и где он поддерживается в настоящее время:
https://web.dev/fetch-priority/
#api
Fetch Priority API указывает приоритет ресурсов для браузера. Это позволяет обеспечить оптимальную загрузку данных для того, чтобы пользователь мог максимально быстро начать работу с сайтом.
В этой статье вы узнаете, как работать с этим API и где он поддерживается в настоящее время:
https://web.dev/fetch-priority/
#api
👍15🔥2
Делаем пет-проект для поиска погоды на Vue 3 + OpenWeatherMap API
У нас на сайте появилось пошаговое руководство, которое позволит вам буквально за выходные создать просто приложение для поиска погоды с помощью Vue 3 и OpenWeatherMap API. В ходе проекта вы познакомитесь с возможностями фреймворка Vue, научитесь создавать функцию search() для обработки ответов от API и узнаете ещё много нового и полезного.
Переходите по ссылке и приступайте к созданию нового проекта:
https://tproger.ru/articles/prilozhenie-dlya-poiska-pogody-s-vue-3-openweathermap-api
#vue #api #петпроект
У нас на сайте появилось пошаговое руководство, которое позволит вам буквально за выходные создать просто приложение для поиска погоды с помощью Vue 3 и OpenWeatherMap API. В ходе проекта вы познакомитесь с возможностями фреймворка Vue, научитесь создавать функцию search() для обработки ответов от API и узнаете ещё много нового и полезного.
Переходите по ссылке и приступайте к созданию нового проекта:
https://tproger.ru/articles/prilozhenie-dlya-poiska-pogody-s-vue-3-openweathermap-api
#vue #api #петпроект
👍4
Разница между REST, GraphQL и gRPC
Эти три популярных коммуникационных протокола используются для создания веб-API. Каждый из этих протоколов имеет свой набор преимуществ и недостатков, и понимание различий между ними важно для выбора правильного протокола для вашего проекта.
В этой статье вы узнаете о различиях между REST, GraphQL и gRPC, а также изучите основные концепции каждого протокола, их особенности, а также примеры использования:
https://dev-gang.ru/article/raznica-mezhdu-rest-graphql-i-grpc-sd55zqf705/
#бэкенд #api
Эти три популярных коммуникационных протокола используются для создания веб-API. Каждый из этих протоколов имеет свой набор преимуществ и недостатков, и понимание различий между ними важно для выбора правильного протокола для вашего проекта.
В этой статье вы узнаете о различиях между REST, GraphQL и gRPC, а также изучите основные концепции каждого протокола, их особенности, а также примеры использования:
https://dev-gang.ru/article/raznica-mezhdu-rest-graphql-i-grpc-sd55zqf705/
#бэкенд #api
🔥4❤1🍓1
Работа с GraphQL с помощью ванильного JavaScript
GraphQL — это язык запросов и серверная среда выполнения для API. Он разработан для того, чтобы сделать API быстрыми, гибкими и удобными для разработчиков. С момента его появления многие API перешли на поддержку GraphQL. Сегодня существуют различные библиотеки для работы с GraphQL, но иногда они могут быть избыточны для проекта.
Вы можете обойтись без лишних зависимостей, положившись на ванильный JS. Вот как это можно сделать:
https://blog.openreplay.com/working-with-graphql-with-vanilla-javascript/
#javascript #api #graphql
GraphQL — это язык запросов и серверная среда выполнения для API. Он разработан для того, чтобы сделать API быстрыми, гибкими и удобными для разработчиков. С момента его появления многие API перешли на поддержку GraphQL. Сегодня существуют различные библиотеки для работы с GraphQL, но иногда они могут быть избыточны для проекта.
Вы можете обойтись без лишних зависимостей, положившись на ванильный JS. Вот как это можно сделать:
https://blog.openreplay.com/working-with-graphql-with-vanilla-javascript/
#javascript #api #graphql
👍5
Лучшие способы вызова API на JavaScript
При работе с JavaScript чрезвычайно важно знать, как посылать HTTP-запросы и получать динамические данные с сервера/базы данных. А делать это можно различными способами. Подробнее о них:
https://nuancesprog.ru/p/15597/
#api #javascript
При работе с JavaScript чрезвычайно важно знать, как посылать HTTP-запросы и получать динамические данные с сервера/базы данных. А делать это можно различными способами. Подробнее о них:
https://nuancesprog.ru/p/15597/
#api #javascript
👍9👎5😈1
Что такое WebRTC и как этим пользоваться
На сегодняшний день почти в любом браузере уже есть всё, что необходимо для совершения видеозвонков. Это возможно благодаря встроенному WebRTC API, который даёт доступ к системным камерам, позволяет запускать видеопоток и подключаться к удалённой системе, и всё это без использования каких-либо сторонних плагинов.
Подробнее об этом в статье:
https://www.sitepen.com/blog/getting-started-with-webrtc
#api #webrtc
На сегодняшний день почти в любом браузере уже есть всё, что необходимо для совершения видеозвонков. Это возможно благодаря встроенному WebRTC API, который даёт доступ к системным камерам, позволяет запускать видеопоток и подключаться к удалённой системе, и всё это без использования каких-либо сторонних плагинов.
Подробнее об этом в статье:
https://www.sitepen.com/blog/getting-started-with-webrtc
#api #webrtc
👎3❤2
Веб-интерфейсы JavaScript для создания сайтов будущего
Мы нашли 7 веб-интерфейсов JavaScript, которые вы можете добавить в ваш проект. Они помогут вам привлечь новых пользователей и увеличить конверсию в продажи.
От использования голосовой технологии с помощью Web Speech до работы с акселерометром и геолокацией, эти API предоставляют множество возможностей для улучшения функциональности и интерактивности веб-приложений.
Однако стоит отметить, что некоторые из них всё ещё находятся на экспериментальной стадии и могут не поддерживаться всеми браузерами. Перед использованием важно проверить совместимость.
#javascript #api
Мы нашли 7 веб-интерфейсов JavaScript, которые вы можете добавить в ваш проект. Они помогут вам привлечь новых пользователей и увеличить конверсию в продажи.
От использования голосовой технологии с помощью Web Speech до работы с акселерометром и геолокацией, эти API предоставляют множество возможностей для улучшения функциональности и интерактивности веб-приложений.
Однако стоит отметить, что некоторые из них всё ещё находятся на экспериментальной стадии и могут не поддерживаться всеми браузерами. Перед использованием важно проверить совместимость.
#javascript #api
👍7
This media is not supported in your browser
VIEW IN TELEGRAM
Исследование производительности анимации на основе скролла страницы
Анимация на основе скролла — это способ добавить интерактивности и визуального интереса вашему сайту или веб-приложению, который запускается в зависимости от положения прокрутки пользователя. Это отличный способ удержать пользователей и сделать сайт более привлекательным.
В этой статье новый подход сравнивается с классической техникой JavaScript, чтобы показать, насколько простой и плавной может быть анимация с помощью нового API.
#css #javascript #api
Анимация на основе скролла — это способ добавить интерактивности и визуального интереса вашему сайту или веб-приложению, который запускается в зависимости от положения прокрутки пользователя. Это отличный способ удержать пользователей и сделать сайт более привлекательным.
В этой статье новый подход сравнивается с классической техникой JavaScript, чтобы показать, насколько простой и плавной может быть анимация с помощью нового API.
#css #javascript #api
👍9