Uploaded July 2018 | Updated September 2026, 2 weeks ago

---

• Your support helps me post videos more frequently:
patreon.com/acrobotic
paypal.me/acrobotic
https://buymeacoff.ee/acrobotic
BTC: 1ZpLvgETofMuzCaKoq5XJZKSwe5UNkwLM
==========
• Find me on:
twitter.com/acrobotic
facebook.com/acrobotic
instagram.com/acrobotic
==========
• My shops:
acrobotic.com/shop
amazon.com/shops/acrobotic
==========
• Description:
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 (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.
==========
• Related vids:
Getting started with the ESP8266 Development Board using Arduino: youtu.be/m2fEXhl70OY
==========
• Project parts:
ACROBOTIC Development Board for ESP8266:
acrobotic.com/products/acr-00018
amzn.to/2dAZ1mW (affiliate)
==========
• Project code:
Firmware for the Arduino IDE:
github.com/acrobotic/Ai_Tips_ESP8266/tree/master/webserver_html_js
More info about JavaScript:
w3schools.com/js/default.asp
More info about AJAX (XMLHttpRequest class):
w3schools.com/xml/xml_http.asp
==========
• Music:
andyclassical (audiojungle.net/user/andyclassical/portfolio). Envato's Music Standard License.
==========
#ESP8266 #Arduino #Tutorial