Wilson Mar bio photo

Wilson Mar

Hello!

Email me Calendar Skype call

LinkedIn Twitter Gitter Instagram Youtube

Github Stackoverflow Pinterest

I won’t sell it, I promise

US (English)   Español (Spanish)   Français (French)   Deutsch (German)   Italiano   Português   Estonian   اَلْعَرَبِيَّةُ (Egypt Arabic)   中文 (简体) Chinese (Simplified)   日本語 Japanese   한국어 Korean

Overview

This discusses the “A” of the JAM stack - the API called by JavaScript.

Not on this list

Salesforce provides a service, but it costs $1,000 per year.

Sample redirects visitors?

What we want in our sample is an iframe and async JavaScript so visitors stay on your website. Here’s an example for jQuery:

$.ajax({
    url: "https://formspree.io/you@email.com", 
    method: "POST",
    data: {message: "hello!"},
    dataType: "json"
});

If the example code to paste is a HTML form (such as what FormSpree offers)

<form action="https://formspree.io/your@email.com" method="POST">
    <input type="text" name="name">
    <input type="email" name="_replyto">
    <input type="submit" value="Send">
    <input type="hidden" name="_subject" value="New submission!" />
    ≪input type="hidden" name="_next" value="//site.io/thanks.html" />
    <input type="text" name="_gotcha" style="display:none" />
</form>

your users will be taken to a site owned by the emailer, and may not return.

Spam protection

It’s important to protect your regular email address from harvester bots.

So use a throw-away email address and configure that account to have all emails forwarded to your real email address.

Or pay for sign-up for formspree’s use of a randomized number instead of your email.

Save forms to a database

Email services

  • send you an email with all the form content, plus enhancements

  • Lookup the physical location associated with the IP address.

  • Edit data in a form

  • Organise data in collections, e.g. to differentiate the user-generated contents from your private configuration settings

  • store and download data using different formats (e.g. a JSON for a feedback page and a plain-text for a contact form)

  • query/update your data by another program using a RESTful API.

  • Statistics such as the number of new entries per day/month, etc.

More on front-end software development

This is one of several topics:

  1. UI Design Systems
  2. Text Editors
  3. Markdown text for GitHub from HTML
  4. 508 Accessibility

  5. HTTP/2 Transition Project Plan

  6. Front-end UI creation options
  7. Docusaurus static website generator
  8. Static websites
  9. JAM Stack Website Project Plan
  10. Jekyll Site Development
  11. Gatsby app generator

  12. Website styles
  13. Website Styling
  14. VueJs front-end framework

  15. Protractor to automate testing of Angular and other web pages

  16. Email from website
  17. Search within Hyde format Jekyll websites
  18. Windows Tile Pin Picture to Website Feed

  19. Data Visualization using Tableau