ESP8266 Web Server using CSS and JavaScript

A webpage is designed using HTML, CSS, and JavaScript. The webpage is served to the client using ESP8266 controller.
Link to code:
akuzechie.blogspot.com/2020/1...
Contents:
0:00 Introduction
0:21 Web Development Basics
1:12 Block Diagram of Implemented System
1:36 C++ Sketch
3:04 HTML, CSS & JavaScript Codes
5:31 Demonstration
6:03 Conclusion

[@weeyumzzz94]

Anas, I'm very appreciative of your videos because they are extremely well done. Your verbal descriptions of your code are thorough and easy to follow. And your code is broken down into easy-to-digest, logical chunks. The best I've seen! Thanks!!!

[@AnasKuzechie]

Thanks for your feedback. I truly appreciate it.

[@azzattar8422]

Excellent cours, clair et simple...Merci.

[@AnasKuzechie]

Thanks for your feedback

[@user-co8un6lx3t]

Доступно объяснил, спасибо!

[@AnasKuzechie]

Спасибо

[@johncypher9092]

Thanks, very helpful

[@emrekorkmaz8609]

it's like a lesson. thanks

[@AnasKuzechie]

Thanks for your feedback.

[@flavio185]

Thanks, that will help while I don't have a raspberry

[@meddem3373]

thanks

[@kaluvanhariharan4256]

nicely explained

[@AnasKuzechie]

Thanks for your feedback

[@phil4000n]

Smart, the html include !

[@AnasKuzechie]

Thanks for your feedback

[@ingenia-tec5194]

Thanks a lot :D
Its a great video :D !!!
Can HTML + CSS + Javascript files be stored as files on the ESP8266 (with SPIFFS library) and be used with the web server ?

[@AnasKuzechie]

Thanks for your feedback. I believe so, I’m not absolutely sure. I need to look in to it.

[@bama2619]

@@AnasKuzechie could work, but unstable. I am just realizing it and want to switch to this header method.

[@CaioAzevedo-dc7dq]

Is there any way I can use more than one html file to run other pages through the tag Home?

[@ariel18012]

Muy buen el video es lo que andaba buscando, lastima que tu lenguaje no es español sino la romperías en YT,
no hay nada en español de lo que haces en tu canal, y se dificulta comprender detalles.
Saludos y sigue así.

[@AnasKuzechie]

Gracias por sus comentario.

[@henryprobosantoso473]

Hey, i wonder how to create html, css, and the js code before implement them to the arduino file so we could upload it to the spiffs system. I mean it should be any mistake when we develop the code to display what we really want in the browser, how to develop and like compile it? Do you use another software to build the like vs code or atom?
How to do that? Do you have any references for me?

[@AnasKuzechie]

I use Visual Studio Code to develop the HTML code, and once satisfied, copy the code into the Arduino IDE sketch. You can watch my tutorial on HTML coding via Studio Code: ruclips.net/video/cdzW0gaxoMQ/видео.html

[@raihanarrasyidmonadika6217]

I want to ask, is it possible to display images on the web, thank you

[@flinkiklug6666]

Is this also running on a esp8266? I have Problems with my code.

[@kurtuluspesen]

Hi Sir, Do you have access ESP8266 webserver over internet? Did you try it? Thanks

[@nishantsrivastava9381]

how to send/receive data using nodemcu and web server. bi-directional communication.

[@openroomxyz]

How much does the whole systems cost?

[@just_all_in]

Hey dude if i carry this with me. The esp 8266 have an own network for acess de site even without a wifi?( I wanna acess the site by my cellphone while out home)

[@shamimaurmi]

sir where i find input data?

[@cringebunny5886]

how to insert media/mp3 file in webserver.

[@fickshokmeme5177]

i am facing Compilation error: expected unqualified-id before '

[@fawadtariqq]

When I follow this, I get an error file or directory not found on #include "webpageCode.h";

[@AnasKuzechie]

You must have the .h file in the same directory as the sketch .ino file

[@kingofshorts-ki9kj]

sir attach sd card to use a web storage and local movie server

[@chung_myung.]

Sir, is it possible that can I add background image?

[@AnasKuzechie]

Yes, check this link of W3 Schools www.w3schools.com/howto/howto_css_full_page.asp

[@chung_myung.]

@@AnasKuzechie sir, I searched on google. Some told to convert image to base64 and use. Is it possible to use same example.jpg as shown in above link u gave?

[@AnasKuzechie]

I’m not sure. I haven’t tried it yet. Maybe soon.

[@chung_myung.]

@@AnasKuzechie ok)

[@SevKan1007]

please give me lirbary of webpageCode. Thanks!

[@abdelhakimlamnaouar9527]

Can i use esp32?

[@AnasKuzechie]

Yes, I have videos related to ESP32

[@eakanshkhetarpal1010]

wheres the download for .h file

[@AnasKuzechie]

Do you mean webpageCode.h? If so, you create this header file in the same directory as your .ino file. Then you add the html code to it.