Learn BACKENDLESS with Real Code Examples

// Initialize Backendless
Backendless.initApp("YOUR-APP-ID", "YOUR-API-KEY");

const TodoTable = Backendless.Data.of("Todo");

async function addTodo() {
    const taskInput = document.getElementById("taskInput");
    const newTodo = { task: taskInput.value, done: false };
    await TodoTable.save(newTodo);
    fetchTodos();
}

async function fetchTodos() {
    const todos = await TodoTable.find();
    const list = document.getElementById("todoList");
    list.innerHTML = "";
    todos.forEach(todo => {
        const li = document.createElement("li");
        li.textContent = todo.task;
        list.appendChild(li);
    });
}

document.addEventListener("DOMContentLoaded", fetchTodos);

Demonstrates a simple Backendless app for managing a Todo list, with database storage, adding tasks, and displaying them in a web or mobile app using visual backend tools.

// Initialize Backendless
Backendless.initApp("YOUR-APP-ID", "YOUR-API-KEY");

async function registerUser(email, password) {
    const user = new Backendless.User();
    user.email = email;
    user.password = password;
    await Backendless.UserService.register(user);
}

async function loginUser(email, password) {
    await Backendless.UserService.login(email, password, true);
    alert('Login successful');
}

Shows how to register and log in users using Backendless' built-in user management system.

// Initialize Backendless
Backendless.initApp("YOUR-APP-ID", "YOUR-API-KEY");

const ContactTable = Backendless.Data.of("Contacts");

async function submitContact() {
    const name = document.getElementById("name").value;
    const email = document.getElementById("email").value;
    const message = document.getElementById("message").value;
    await ContactTable.save({ name, email, message });
    alert('Message saved successfully!');
}

Stores contact form submissions (name, email, message) in a Backendless database table using visual data APIs.

// Initialize Backendless
Backendless.initApp("YOUR-APP-ID", "YOUR-API-KEY");

const channel = Backendless.Messaging.subscribe("chat-channel");

channel.addMessageListener((msg) => {
    const chatBox = document.getElementById("chatBox");
    const div = document.createElement("div");
    div.textContent = msg;
    chatBox.appendChild(div);
});

async function sendMessage() {
    const input = document.getElementById("chatInput");
    await Backendless.Messaging.publish("chat-channel", input.value);
    input.value = "";
}

Demonstrates a realtime chat using Backendless Pub/Sub messaging where users can send and receive messages instantly.

// Initialize Backendless
Backendless.initApp("YOUR-APP-ID", "YOUR-API-KEY");

const PostTable = Backendless.Data.of("Posts");

async function addPost() {
    const title = document.getElementById("title").value;
    const content = document.getElementById("content").value;
    await PostTable.save({ title, content });
    loadPosts();
}

async function loadPosts() {
    const posts = await PostTable.find();
    const container = document.getElementById("postList");
    container.innerHTML = "";
    posts.forEach(p => {
        const div = document.createElement("div");
        div.innerHTML = `<h3>${p.title}</h3><p>${p.content}</p>`;
        container.appendChild(div);
    });
}

document.addEventListener("DOMContentLoaded", loadPosts);

Stores blog posts with title, author, and content using Backendless Data, and displays them dynamically.

// Initialize Backendless
Backendless.initApp("YOUR-APP-ID", "YOUR-API-KEY");

const TaskTable = Backendless.Data.of("Tasks");

async function addTask() {
    const name = document.getElementById("taskName").value;
    await TaskTable.save({ name, progress: 0 });
    loadTasks();
}

async function updateProgress(id, value) {
    const task = await TaskTable.findById(id);
    task.progress = value;
    await TaskTable.save(task);
    loadTasks();
}

async function loadTasks() {
    const tasks = await TaskTable.find();
    const list = document.getElementById("taskList");
    list.innerHTML = "";
    tasks.forEach(t => {
        const li = document.createElement("li");
        li.textContent = `${t.name} - ${t.progress}%`;
        list.appendChild(li);
    });
}

document.addEventListener("DOMContentLoaded", loadTasks);

Tracks tasks with progress percentage, using Backendless to store and update their status.

// Initialize Backendless
Backendless.initApp("YOUR-APP-ID", "YOUR-API-KEY");

const FeedbackTable = Backendless.Data.of("Feedback");

async function submitFeedback() {
    const rating = document.getElementById("rating").value;
    const comment = document.getElementById("comment").value;
    await FeedbackTable.save({ rating, comment });
    alert('Feedback sent!');
}

Collects user feedback with rating and comments, storing data in Backendless.

// Initialize Backendless
Backendless.initApp("YOUR-APP-ID", "YOUR-API-KEY");

const Newsletter = Backendless.Data.of("Subscribers");

async function subscribe() {
    const email = document.getElementById("email").value;
    if (!email.includes('@')) {
        alert('Invalid email');
        return;
    }
    await Newsletter.save({ email });
    alert('Subscribed successfully!');
}

Saves user email addresses for newsletters into a Backendless table with unique validation.

// Initialize Backendless
Backendless.initApp("YOUR-APP-ID", "YOUR-API-KEY");

async function uploadImage(file) {
    await Backendless.Files.upload(file, 'images/');
    loadGallery();
}

async function loadGallery() {
    const files = await Backendless.Files.listing('images/');
    const gallery = document.getElementById("gallery");
    gallery.innerHTML = "";
    files.forEach(f => {
        const img = document.createElement("img");
        img.src = f.publicUrl;
        gallery.appendChild(img);
    });
}

Uploads and displays image URLs using Backendless File Service.

// Initialize Backendless
Backendless.initApp("YOUR-APP-ID", "YOUR-API-KEY");

const RSVPTable = Backendless.Data.of("RSVP");

async function submitRSVP() {
    const name = document.getElementById("name").value;
    const attending = document.getElementById("attending").checked;
    await RSVPTable.save({ name, attending });
    alert('RSVP recorded!');
}

async function loadRSVPs() {
    const data = await RSVPTable.find();
    const list = document.getElementById("rsvpList");
    list.innerHTML = "";
    data.forEach(p => {
        const li = document.createElement("li");
        li.textContent = `${p.name} - ${p.attending ? 'Yes' : 'No'}`;
        list.appendChild(li);
    });
}

document.addEventListener("DOMContentLoaded", loadRSVPs);

Manages event RSVPs by saving attendee names and attendance status using Backendless.