Level up your Twilio API skills in TwilioQuest, an educational game for Mac, Windows, and Linux. Download Now
Build the future of communications.
Start building for free

JavaScript posts

  • By Naomi Pentrel
    Use Twilio Video to Create a Dog Camera Dog Cam

    There are multiple apps and services out there that you can use as a dog cam. However, most of these apps and services require you to pay for new devices or a subscription (or both!). When I recently adopted a puppy, I used Twilio Video and an old phone to create my own free dog cam.

    In this blog post, I’ll show you how to build your own dog cam using:

    1. a Twilio account – sign up for free
    2. Python 3.x
    3. the micro web framework Flask
    4. the Twilio Python helper library
    5. ngrok - sign up for free
    6. An old phone or tablet

    Features

    For the Dog Cam, there were a few features I wanted:

    Free or low cost solution

    Existing dog cameras mostly require you to spend money on a subscription or new hardware. What I wanted was a free or low cost solution that can run on any internet-connected …

    Read More
  • By Sam Agnew
    Receiving Emails with Node.js, Express, and Twilio SendGrid's Inbound Parse Copy of C04 Blog Text (3).png

    Setting up an application to receive emails can be tiresome if you want to do it yourself. Luckily Twilio SendGrid includes the Inbound Parse feature, a greatly simplified method for receiving emails based on webhooks. Let's walk through how to receive emails on your own domain using Node.js.

    Requirements and dependencies

    We'll need to install the node modules for Express and the multer middleware. To install these npm modules, navigate to the directory where you want this code to live and run the following command in your terminal to create an npm package for this project:

    npm init --yes
    

    The --yes argument just runs through all of the prompts that you would otherwise have to fill out or skip. Now that we have a package.json for our app, let’s install the necessary libraries with the following shell command:

    npm install express@4.17.2 multer@1.4.4
    

    Domain authentication

    The first step in setting up …

    Read More
  • By Miguel Grinberg
    Send Scheduled SMS with Node.js and Twilio Send Scheduled SMS with Node.js and Twilio

    Twilio is all about powering communication – and doing it conveniently and fast. Our Programmable Messaging service has been available for a long time, but until now, scheduling a message to be sent at a future time required a developer to use their own scheduling solution.

    Fortunately, this is now a thing of the past! With Message Scheduling, you can send your scheduled SMS and MMS messages with a single API call, without using custom schedulers.

    In this tutorial, you’ll learn how to send scheduled SMS notifications in a Node.js application.

    Tutorial requirements

    Read More
  • By Lizzie Siegle
    Build a Wordle-like SMS game with Twilio Serverless Build a Wordle-like SMS game with Twilio Serverless

    I've recently become obsessed with Wordle, a word puzzle game created by Brooklyn-based software engineer Josh Wardle for his word game-loving partner. As a homage to Josh, and just-for-fun, I created a version of the game that can be played via text message. Read on to learn how to build an SMS word game using the Dictionary API, Twilio Functions, the Twilio Serverless Toolkit, Twilio Assets, and cookies in Twilio Runtime, and play Twordle yourself by texting a 5-letter word or "?" to +12155156567, or here on WhatsApp.

    SMS conversation with the Twordle game phone number.

    Prerequisites

    1. A Twilio account - sign up for a free one here and receive an extra $10 if you upgrade through this link
    2. A Twilio phone number with SMS capabilities - co …
    Read More
  • By Dhruv Patel
    Build a Contact Form in Node.js with SendGrid Header

    Contact forms on web applications are essential as it’s great for signups, customer engagement, or even getting feedback from visitors. There are many solutions when it comes to creating contact forms such as using embedded forms. And although embedded forms are easy to implement, building out your own form allows you to have complete transparency and customization of the form and its processing.

    A great solution to send out emails through contact forms is Twilio Sendgrid. SendGrid offers deliverability, scalability and even in-depth metrics and analytics when it comes to email-based solutions such as contact forms. In this post, you’ll learn how to build a basic contact form with SendGrid to let your visitors contact you which can be incorporated into your Node application.

    Stylized contact form

    Prerequisites

    Here is what you will need to complete this tutorial:

    Read More
  • By Luís Leão
    Como proteger URLs do webhook Twilio em Node.js Como proteger URLs do webhook Twilio em Node.js

    As APIs da Twilio permitem que os desenvolvedores reinventem as comunicações com recursos como chamadas telefônicas, SMS ou chatbots inteligentes programáveis. Os desenvolvedores podem criar aplicativos para interagir com seus usuários e reagir às respostas deles. Para responder a eventos como mensagens recebidas, você pode definir um URL de webhook. Um webhook é uma solicitação HTTP que a Twilio executa para descobrir qual deve ser a reação a um evento da Twilio, como um SMS recebido. Seus endpoints HTTP definidos precisam responder com uma linguagem de configuração Twilio compreensível chamada TwiML (Twilio Markup Language).

    Esses endpoints podem ser hospedados em qualquer lugar, desde que estejam disponíveis publicamente e acessíveis pela infraestrutura da Twilio.

    Três formas de proteger os URLs do seu webhook

    Vamos supor que você tenha criado um aplicativo de classificação que permita aos usuários classificarem um evento no qual estão enviando um SMS para um determinado …

    Read More
  • By Luís Leão
    Como criar uma campo de número de telefone internacional em HTML e JavaScript Como criar uma campo de  telefone internacional em HTML e JavaScript

    Os números de telefone são padronizados em um formato internacional conhecido como E.164, que combina códigos do país e números de assinante em um formato como este: +14155552671. Esse formato é exigido por muitas APIs (incluindo a da Twilio) e significa que você não precisa armazenar códigos de países e números de telefone em duas colunas de banco de dados separadas.

    No entanto, você provavelmente não quer que seus usuários tenham que digitar um sinal de mais (+) e o código do país ao informar o número de telefone para:

    • registrar uma nova conta
    • ativar a autenticação 2FA para SMS
    • solicitar um retorno de chamada do atendimento ao cliente
    • inscrever-se para receber notificações de marketing

    Este post mostrará como criar um campo de entrada de número de telefone para processar e analisar números de telefone usando HTML básico, JavaScript e o plugin intl-tel-input. Incluiremos recomendações para verificação …

    Read More
  • By Stephenie Minami Nakajima
    Beginner’s guide to Svelte - From basics to state management and animation Beginner's guide to Svelte

    Background

    Svelte is a JavaScript front-end framework that has been getting a lot of attention in recent years. Svelte was chosen as the most loved tool by developers in the Stack OverFlow Developer Survey 2021. In this tutorial, we’ll introduce Svelte’s basic development methods, as well as advanced topics such as state management and animation.

    Goal

    Learn the basics of Svelte, as well as some advanced development methods, by creating a task management application as shown below.


    Demo of the task management application. The user fills out a form asking for their first and last name. After filling out their name, the user deletes multiple tasks, creates new tasks using the task manager application.

    What’s Svelte?

    Svelte is an open-source front-end framework for creating interactive user interfaces that run in a browser.

    Differences with React and Vue.js

    Svelte, like React and Vue.js, is a component-based JavaScript framework for creating user interfaces.

    However, there is a crucial difference between Svelte and React or Vue.js. Svelte doesn’t use virtual DOM. Svelte is a compiler written in TypeScript that compiles JavaScript at build time, whereas React and …

    Read More
  • By Lizzie Siegle
    Automate Text Message Reminders with Airtable, Twilio Studio, and JavaScript header img automate SMS reminders with Airtable, Studio, and JavaScript

    In my last blog post on Airtable, I showed how to send a text message in under one minute with no code using the Send SMS Airtable App--but did you know that you can also write scripts in Airtable and make automations that run in a variety of intervals? In this post you’ll learn to automate text messages from Airtable using Twilio Studio and JavaScript.

    sms water reminders timed

    Prerequisites

    Read More
  • By Dhruv Patel
    Send Email Notifications to Subscribers with SendGrid and Node.js Send Email Notifications to Subscribers with SendGrid and Node.js Header

    Introduction

    Sitting at your device all day waiting for a price drop on a product can be a cumbersome task. An email notification system will ensure that you never miss out on your most coveted item. Whether you’re looking for the hottest pair of shoes or a couch for your living room, it can all be automated to your benefit and make technology work for you.

    In this article, you will learn how to build an email price notification system. To do this, you’ll use the Sneaks API to track sneaker prices and deliver SendGrid email alerts whenever the price of a particular sneaker decreases.

    Prerequisites

    Here is what you will need to follow along with this article:

    Configure Your Environment

    In this section, you will first configure your environment by setting up your SendGrid account, …

    Read More
  • Newer
    Older
    Sign up and start building
    Not ready yet? Talk to an expert.