• Your support helps me post videos more frequently:
https://www.patreon.com/acrobotic
https://www.paypal.me/acrobotic
https://buymeacoff.ee/acrobotic
BTC: 1ZpLvgETofMuzCaKoq5XJZKSwe5UNkwLM
==========
• Find me on:

https://facebook.com/acrobotic
https://instagram.com/acrobotic
==========
• Parts & supplies:
https://acrobotic.com/shop
https://amazon.com/shops/acrobotic
==========
In this video I show you how a web server running on the ESP8266 can send a full webpage as a response to a web browser. The webpage not only includes HTML but also JavaScript. This allows for using AJAX to display the state of an LED on the page, as well as changing it without having to refresh the entire page. We build on the web server code we set up in another video (https://youtu.be/VNgFbQAVboA), and change both the HTML as well as the server code.

As before, the webpage that’s served includes a button element. When the button is clicked, the request that’s sent to the web server makes the ESP8266 toggle on and off the built-in LED on the development board.

One of the most common tasks when using the ESP8266 is setting it up as a device that connects to a network and responds to traffic on it (i.e., a web server). I wanted to show you, in detail, how to take things further and serve webpages in response to specific requests.

ACROBOTIC Development Board for ESP8266:
ACROBOTIC ESP8266 ESP-12E Development Board with USB-to-Serial Onboard
http://amzn.to/2dAZ1mW (affiliate)

Detailed guide for getting started with the ESP8266 Development Board:
http://learn.acrobotic.com/tutorials/post/esp8266-getting-started

Firmware for the Arduino IDE:
https://github.com/acrobotic/Ai_Tips_ESP8266/tree/master/webserver_html_js

More info about JavaScript:
https://www.w3schools.com/js/default.asp

More info about AJAX (XMLHttpRequest class):
https://www.w3schools.com/xml/xml_http.asp

Music by Jason Shaw (http://audionautix.com/). Creative Commons License 3.0.

==========
#ESP8266 #Arduino #Tutorial