Kiemtien4u12345abc
New member
#Dribbble #Notifying #code #QLC #JavaScript
** Mã thông báo Dribbble trong JavaScript **
Dribbble là một nền tảng trực tuyến phổ biến để chia sẻ và khám phá công việc thiết kế.Nó cho phép người dùng tạo bộ sưu tập các bức ảnh yêu thích của họ, theo dõi người dùng khác và nhận thông báo khi công việc mới được công bố.Trong hướng dẫn này, chúng tôi sẽ chỉ cho bạn cách tạo mã thông báo Dribbbbbbbbbbbble trong JavaScript.
## Điều kiện tiên quyết
Để làm theo hướng dẫn này, bạn sẽ cần những điều sau đây:
* Một sự hiểu biết cơ bản về JavaScript
* Trình chỉnh sửa mã hoặc IDE
* Khóa API Dribbble
## Bắt đầu
Bước đầu tiên là tạo khóa API Dribbble.Để làm điều này, hãy truy cập [Trang web Dribbble Developer] (https://developers.dribbble.com/) và nhấp vào nút "Tạo khóa API".Nhập địa chỉ email và mật khẩu của bạn, sau đó nhấp vào nút "Tạo khóa".
Khi bạn đã tạo khóa API của mình, bạn có thể bắt đầu viết mã thông báo của mình.Mã sau đây sẽ gửi thông báo cho người dùng khi một phát bắn mới được xuất bản trong một bộ sưu tập mà họ làm theo:
`` `JavaScript
const Dribble_api_key = "your_api_key";
const getShots = async () => {
const phản hồi = đang chờ tìm nạp (
`https: //api.dribbble.com/v1/shots? me = true & list = after`,
{
Tiêu đề: {
Ủy quyền: `người mang $ {Dribble_api_key}`,
},
}
);
const data = Await respends.json ();
trả về dữ liệu.Shots;
};
const sendNotification = (shot) => {
// Tạo một đối tượng thông báo.
const thông báo = {
Tiêu đề: Shot.Title,
URL: shot.url,
Hình ảnh: shot.images.original.url,
};
// Gửi thông báo cho người dùng.
window.notification.RequestPermission ();
window.notification.Create (thông báo);
};
// Lắng nghe những bức ảnh mới.
setInterval (() => {
const shots = getShots ();
// Gửi một thông báo cho mỗi lần chụp mới.
SHOTS.FOREACH (SendNotification);
}, 10000);
`` `
Mã này sử dụng API Dribbble để có được danh sách các bức ảnh theo dõi của người dùng.Sau đó, nó lặp đi lặp lại qua danh sách các bức ảnh và gửi một thông báo cho mỗi lần chụp mới.
## Kiểm tra mã của bạn
Để kiểm tra mã của bạn, bạn có thể tạo một bộ sưu tập mới trên Dribbble và thêm một vài bức ảnh vào nó.Sau đó, mở Trình chỉnh sửa mã hoặc IDE nơi bạn đã lưu mã của mình và chạy nó.Bạn sẽ nhận được một thông báo cho mỗi lần chụp mới được thêm vào bộ sưu tập của bạn.
## Phần kết luận
Trong hướng dẫn này, chúng tôi đã chỉ cho bạn cách tạo một mã thông báo Dribbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbble.Mã này có thể được sử dụng để gửi thông báo cho người dùng khi công việc mới được xuất bản trong các bộ sưu tập sau đây của họ.
=======================================
#Dribbble #notification #code #QLC #JavaScript
**Dribbble Notification Code in JavaScript**
Dribbble is a popular online platform for sharing and discovering design work. It allows users to create collections of their favorite shots, follow other users, and receive notifications when new work is published. In this tutorial, we will show you how to create a Dribbble notification code in JavaScript.
## Prerequisites
To follow this tutorial, you will need the following:
* A basic understanding of JavaScript
* A code editor or IDE
* A Dribbble API key
## Getting Started
The first step is to create a Dribbble API key. To do this, visit the [Dribbble developer site](https://developers.dribbble.com/) and click the "Create an API Key" button. Enter your email address and password, and then click the "Create Key" button.
Once you have created your API key, you can start writing your notification code. The following code will send a notification to the user when a new shot is published in a collection that they follow:
```javascript
const DRIBBLE_API_KEY = "YOUR_API_KEY";
const getShots = async () => {
const response = await fetch(
`https://api.dribbble.com/v1/shots?me=true&list=following`,
{
headers: {
Authorization: `Bearer ${DRIBBLE_API_KEY}`,
},
}
);
const data = await response.json();
return data.shots;
};
const sendNotification = (shot) => {
// Create a notification object.
const notification = {
title: shot.title,
url: shot.url,
image: shot.images.original.url,
};
// Send the notification to the user.
window.Notification.requestPermission();
window.Notification.create(notification);
};
// Listen for new shots.
setInterval(() => {
const shots = getShots();
// Send a notification for each new shot.
shots.forEach(sendNotification);
}, 10000);
```
This code uses the Dribbble API to get a list of the user's followed shots. It then iterates through the list of shots and sends a notification for each new shot.
## Testing Your Code
To test your code, you can create a new collection on Dribbble and add a few shots to it. Then, open the code editor or IDE where you saved your code and run it. You should receive a notification for each new shot that is added to your collection.
## Conclusion
In this tutorial, we showed you how to create a Dribbble notification code in JavaScript. This code can be used to send notifications to users when new work is published in their followed collections.
** Mã thông báo Dribbble trong JavaScript **
Dribbble là một nền tảng trực tuyến phổ biến để chia sẻ và khám phá công việc thiết kế.Nó cho phép người dùng tạo bộ sưu tập các bức ảnh yêu thích của họ, theo dõi người dùng khác và nhận thông báo khi công việc mới được công bố.Trong hướng dẫn này, chúng tôi sẽ chỉ cho bạn cách tạo mã thông báo Dribbbbbbbbbbbble trong JavaScript.
## Điều kiện tiên quyết
Để làm theo hướng dẫn này, bạn sẽ cần những điều sau đây:
* Một sự hiểu biết cơ bản về JavaScript
* Trình chỉnh sửa mã hoặc IDE
* Khóa API Dribbble
## Bắt đầu
Bước đầu tiên là tạo khóa API Dribbble.Để làm điều này, hãy truy cập [Trang web Dribbble Developer] (https://developers.dribbble.com/) và nhấp vào nút "Tạo khóa API".Nhập địa chỉ email và mật khẩu của bạn, sau đó nhấp vào nút "Tạo khóa".
Khi bạn đã tạo khóa API của mình, bạn có thể bắt đầu viết mã thông báo của mình.Mã sau đây sẽ gửi thông báo cho người dùng khi một phát bắn mới được xuất bản trong một bộ sưu tập mà họ làm theo:
`` `JavaScript
const Dribble_api_key = "your_api_key";
const getShots = async () => {
const phản hồi = đang chờ tìm nạp (
`https: //api.dribbble.com/v1/shots? me = true & list = after`,
{
Tiêu đề: {
Ủy quyền: `người mang $ {Dribble_api_key}`,
},
}
);
const data = Await respends.json ();
trả về dữ liệu.Shots;
};
const sendNotification = (shot) => {
// Tạo một đối tượng thông báo.
const thông báo = {
Tiêu đề: Shot.Title,
URL: shot.url,
Hình ảnh: shot.images.original.url,
};
// Gửi thông báo cho người dùng.
window.notification.RequestPermission ();
window.notification.Create (thông báo);
};
// Lắng nghe những bức ảnh mới.
setInterval (() => {
const shots = getShots ();
// Gửi một thông báo cho mỗi lần chụp mới.
SHOTS.FOREACH (SendNotification);
}, 10000);
`` `
Mã này sử dụng API Dribbble để có được danh sách các bức ảnh theo dõi của người dùng.Sau đó, nó lặp đi lặp lại qua danh sách các bức ảnh và gửi một thông báo cho mỗi lần chụp mới.
## Kiểm tra mã của bạn
Để kiểm tra mã của bạn, bạn có thể tạo một bộ sưu tập mới trên Dribbble và thêm một vài bức ảnh vào nó.Sau đó, mở Trình chỉnh sửa mã hoặc IDE nơi bạn đã lưu mã của mình và chạy nó.Bạn sẽ nhận được một thông báo cho mỗi lần chụp mới được thêm vào bộ sưu tập của bạn.
## Phần kết luận
Trong hướng dẫn này, chúng tôi đã chỉ cho bạn cách tạo một mã thông báo Dribbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbble.Mã này có thể được sử dụng để gửi thông báo cho người dùng khi công việc mới được xuất bản trong các bộ sưu tập sau đây của họ.
=======================================
#Dribbble #notification #code #QLC #JavaScript
**Dribbble Notification Code in JavaScript**
Dribbble is a popular online platform for sharing and discovering design work. It allows users to create collections of their favorite shots, follow other users, and receive notifications when new work is published. In this tutorial, we will show you how to create a Dribbble notification code in JavaScript.
## Prerequisites
To follow this tutorial, you will need the following:
* A basic understanding of JavaScript
* A code editor or IDE
* A Dribbble API key
## Getting Started
The first step is to create a Dribbble API key. To do this, visit the [Dribbble developer site](https://developers.dribbble.com/) and click the "Create an API Key" button. Enter your email address and password, and then click the "Create Key" button.
Once you have created your API key, you can start writing your notification code. The following code will send a notification to the user when a new shot is published in a collection that they follow:
```javascript
const DRIBBLE_API_KEY = "YOUR_API_KEY";
const getShots = async () => {
const response = await fetch(
`https://api.dribbble.com/v1/shots?me=true&list=following`,
{
headers: {
Authorization: `Bearer ${DRIBBLE_API_KEY}`,
},
}
);
const data = await response.json();
return data.shots;
};
const sendNotification = (shot) => {
// Create a notification object.
const notification = {
title: shot.title,
url: shot.url,
image: shot.images.original.url,
};
// Send the notification to the user.
window.Notification.requestPermission();
window.Notification.create(notification);
};
// Listen for new shots.
setInterval(() => {
const shots = getShots();
// Send a notification for each new shot.
shots.forEach(sendNotification);
}, 10000);
```
This code uses the Dribbble API to get a list of the user's followed shots. It then iterates through the list of shots and sends a notification for each new shot.
## Testing Your Code
To test your code, you can create a new collection on Dribbble and add a few shots to it. Then, open the code editor or IDE where you saved your code and run it. You should receive a notification for each new shot that is added to your collection.
## Conclusion
In this tutorial, we showed you how to create a Dribbble notification code in JavaScript. This code can be used to send notifications to users when new work is published in their followed collections.
