ESP32 Web page creating and updating

This video will show how to use your ESP32 for creating and updating web pages. Learn how to 1) create an access point for client connection, 2) serve a web page using HTML, 3) make fast updates of changed data on the page using AJAX and XML, and 4) receive user interactions like buttons and sliders for making settings and changes from the web page.
This video is fairly detailed and long, but hopefully with the included sample code, you will be able to create fancy web pages that let you update data quickly and allow users to makes setting changes from the web page.
Use this technique for home automation systems, control systems, remote monitoring systems, telemetry etc. Send and get data from your web page made easy.
This tutorial uses a standard ESP32 micocontroller and the Arduino IDE. The web page is written HTML, uses CSS styling to make the web page look better, and java script to update portions of the web page from XML sent from the ESP.
code at:
github.com/KrisKasprzak/ESP32...

[@user-st8bb2gs9e]

CZcams.... Why the hell i need to search for hours, when there is such a good video ?????

[@murraymadness4674]

LOL, whenever I watch videos like this that show code I'm always trying to scroll down or up to see or re-see something. Always makes me lol

[@DennisWarner-n3t]

Wow, Took me minutes to get your code working on my ESP32, -- took a week to find your video. You sir are a steely eyed missile man. I learned a great deal, many thanks.

[@sarasarsora5385]

How can i put pictures please?

[@mathieucaron4957]

Don't be scared to try web sockets, no need to have a library 👌

[@samiobi]

Thank you Kris for the excellent work, my question is can i control two esp32 from a single web page, if so can you please elaborate on the required changes on the code , thank you

[@mugi1530]

Can i make the same project using esp8266?

[@RafaelSales55]

HI sir, thank you a lot for the video, I could not found WebServer can I follow the tutorial using esp 8266(nodeMcu)?

[@edinetgrunhed6000]

this is a kind of video we need for esp323 project,any update for this video with added features

[@Tony-cf8re]

can you please tell me where i can initialise the value on the slider on startup? .. brilliant code btw

[@nicolaspillot5789]

at

[@briankendall1978]

Kris, Thanks for taking the time share this information. So much better than the typical "lets turn on and off an led" video.

[@texasapps2595]

YOU MAN! YOU ARE THE BEST!!!! I've been looking for months how to update my variables without refresh the page! and you take your time to explain in a very clean way! ThankYou from Ecuador x1000!!!!!!!

[@your_utube]

Amazing what you had to go through to just come to grips with the web stuff. Those of us who have been at it since the early 90's can tell you that the learning curve is steep, especially now that there are so many options out there. JSON is pretty easy to use, because XML is not that popular anymore as it used to be decades ago (am I really getting that old?).

[@user-co8un6lx3t]

Спасибо, ваша работа дала мне больше понимания для постройки web интерфейса 🤝

[@stevesopenrocket]

For the first time some of this makes sense, thank you. The only thing I need now is how to get the video off a esp32 cam.

[@DailyCakeSlice]

Wow. You absolutely rock. The video and code are incredibly helpful and super clear. Seriously, I cannot thank you enough!!!

[@larryd6801]

Every time I recommend this video, the person says you should have blown the dust off the fan blades 😉 . Thanks again for sharing this ! ! 👍

[@dlveach]

Great tutorial. Lot of content but you cover it well with a nice fast pace. Wish many other CZcamsrs would do that!

[@frankmayo1410]

Very fine video! Well explained and something I've been looking for to make my project. Thank you!