ESP8266 Web Server using CSS and JavaScript

Anas Kuzechie December 19, 2020
Video Thumbnail
Anas Kuzechie Logo

Anas Kuzechie

@anaskuzechie

About

Welcome to my educational channel. My videos cover the following topics: - Creating Arduino libraries for different I/O devices/sensors using C++ and assembly codes. - Python and JavaFX GUI applications for Arduino control. - Python GUI connection with MySQL Databases. - Assembly and C++ programming of ATmega328, ATmega8 and ATtiny85 microcontrollers via Arduino IDE. - Assembly and C programming of AT89S52 microcontroller via Keil uVision5. - C++, Matlab and LabVIEW tutorials. - HTML, CSS and JavaScript programming for web development. - Arduino, ESP8266 and ESP32 programming. - Analog & digital circuit projects.

Video Description

A webpage is designed using HTML, CSS, and JavaScript. The webpage is served to the client using ESP8266 controller. Link to code: https://akuzechie.blogspot.com/2020/12/esp8266-web-server-using-css-and.html 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

You May Also Like

Build Your IoT Project Hub

AI-recommended products based on this video

Loading...
DHT11 modules Digital Temperature and Humidity Temperature Sensor for arduino DIY KIT 5pcs

DHT11 modules Digital Temperature and Humidity Temperature Sensor for arduino DIY KIT 5pcs

(1)
$15.99
FREE delivery Sat, Jun 14 on your first order
Loading...
DHT11 modules Digital Temperature and Humidity Temperature Sensor for arduino DIY KIT 5pcs

DHT11 modules Digital Temperature and Humidity Temperature Sensor for arduino DIY KIT 5pcs

(1)
$15.99
FREE delivery Sat, Jun 14 on your first order
Loading...
UGREEN USB to USB C Adapter & USB C to USB Adapter Combo 4-Pack, 10Gbps Type-C Converter, Car Charger Compatible with MacBook Pro, iPad Mac mini, iPhone 17/16, Galaxy, PC/Laptop, Hard Drive Enclosure

UGREEN USB to USB C Adapter & USB C to USB Adapter Combo 4-Pack, 10Gbps Type-C Converter, Car Charger Compatible with MacBook Pro, iPad Mac mini, iPhone 17/16, Galaxy, PC/Laptop, Hard Drive Enclosure

(86)
$9.74
Prime
Loading...
Elebase USB to USB C Adapter 4 Pack,USBC Female to A Male Car Charger,Type C Converter for iPhone 16 Pro Max,15 14 13 12 11 Plus,Apple Watch iWatch 10 9 8,Airpods,iPad Air Mini 6 7,Samsung Galaxy S25

Elebase USB to USB C Adapter 4 Pack,USBC Female to A Male Car Charger,Type C Converter for iPhone 16 Pro Max,15 14 13 12 11 Plus,Apple Watch iWatch 10 9 8,Airpods,iPad Air Mini 6 7,Samsung Galaxy S25

(54,858)
$12.99
FREE delivery Sat, Jun 14 on your first order
1K+ bought in past month
Loading...
USB C Cable 3Pack USB C to USB C Cable 10FT 60W Type C Charger Nylon Braided Compatible with iPhone 17 16 Pro/15 Pro/Plus/Max/iPad/MacBook and More

USB C Cable 3Pack USB C to USB C Cable 10FT 60W Type C Charger Nylon Braided Compatible with iPhone 17 16 Pro/15 Pro/Plus/Max/iPad/MacBook and More

(16)
$13.99
Prime
800+ bought in past month
Loading...
Syntech Link Cable 16FT for PCVR Compatible with Oculus/Quest 3/Meta Quest 3S, Quest2/Pro/Pico 4/Ultra Accessories and PC/SteamVR, High Speed PC Data Transfer, USB 3.0 to USB C Cable for VR Headset
Best Seller

Syntech Link Cable 16FT for PCVR Compatible with Oculus/Quest 3/Meta Quest 3S, Quest2/Pro/Pico 4/Ultra Accessories and PC/SteamVR, High Speed PC Data Transfer, USB 3.0 to USB C Cable for VR Headset

(19,554)
$24.99
FREE delivery Tue, Jun 17 on your first order
300+ bought in past month
Loading...
Digital Multimeter Voltmeter Battery Voltage Multi Tester AC DC Volt OHM Amp Current Meter Circuit Continuity Resistance Diode Electrical Tester with Test Leads Backlight LCD Display

Digital Multimeter Voltmeter Battery Voltage Multi Tester AC DC Volt OHM Amp Current Meter Circuit Continuity Resistance Diode Electrical Tester with Test Leads Backlight LCD Display

(1,904)
$16.13
FREE delivery Sat, Jan 3 on your first order
1K+ bought in past month
Loading...
AstroAl Digital Multimeter 2000, Multimeter Tester with Volt Amp Ohm, Multi Meter Measures Voltage, Current, Resistance, Continuity and Diode, Electrical Tester with Test Leads, Backlight LCD Display
Best Seller

AstroAl Digital Multimeter 2000, Multimeter Tester with Volt Amp Ohm, Multi Meter Measures Voltage, Current, Resistance, Continuity and Diode, Electrical Tester with Test Leads, Backlight LCD Display

(48,000)
$19.54
FREE delivery Mon, Aug 25 on your first order
2K+ bought in past month
Loading...
2 Pack Controller Battery Pack Rechargeable for Xbox One/Xbox Series X|S with 4 Battery Cover Xbox Play and Charge Kit with Micro USB Charging Cable for Xbox One S/X/Elite Controller

2 Pack Controller Battery Pack Rechargeable for Xbox One/Xbox Series X|S with 4 Battery Cover Xbox Play and Charge Kit with Micro USB Charging Cable for Xbox One S/X/Elite Controller

(355)
$36.99
FREE delivery Sun, Aug 24
Loading...
2 Pack Rechargeable Controller Battery Pack for Xbox Series X|S and Xbox One with 10FT USB C Charging Cable and Micro USB Adapter 6amLifestyle Battery Pack Xbox Play and Charge Kit

2 Pack Rechargeable Controller Battery Pack for Xbox Series X|S and Xbox One with 10FT USB C Charging Cable and Micro USB Adapter 6amLifestyle Battery Pack Xbox Play and Charge Kit

(4,379)
$34.99
FREE delivery Sun, Jun 15 on your first order
Loading...
Multi Charging Cable, Multi Charger Cable 3 in 1 Charger Fast Charge Multiple Ends 4FT Braided Universal Charging Cord with USB C Micro Lightning Cord for iPhone iPad Samsung Android Phone Tablet Global Recycled Standard

Multi Charging Cable, Multi Charger Cable 3 in 1 Charger Fast Charge Multiple Ends 4FT Braided Universal Charging Cord with USB C Micro Lightning Cord for iPhone iPad Samsung Android Phone Tablet Global Recycled Standard

(41)
$8.99
FREE delivery Sun, Oct 5 on your first order
600+ bought in past month
Loading...
230W Charger Compatible with Razer Blade 14” 15” 16" 17” (2025-2018) RZ09 RTX-3060/3070/3080/4060/4070 Gaming Laptop RC30-0530 RC30-0238 RC30-0248 Replacement Power Adapter

230W Charger Compatible with Razer Blade 14” 15” 16" 17” (2025-2018) RZ09 RTX-3060/3070/3080/4060/4070 Gaming Laptop RC30-0530 RC30-0238 RC30-0248 Replacement Power Adapter

(16)
$67.99
FREE delivery Mon, Feb 16
Loading...
INIU USB C Charger Block, 100W 3-Port PD Fast Charging, Advanced GaN Power Adapter, Foldable Charger with USB C Cable for MacBook Air 13 Pro, iPad, iPhone 17 16 Pro Max, Samsung S25 S24, Switch 2 etc ClimatePartner certified

INIU USB C Charger Block, 100W 3-Port PD Fast Charging, Advanced GaN Power Adapter, Foldable Charger with USB C Cable for MacBook Air 13 Pro, iPad, iPhone 17 16 Pro Max, Samsung S25 S24, Switch 2 etc ClimatePartner certified

(804)
$36.99
FREE delivery Fri, Feb 13
1K+ bought in past month
Loading...
Xahpower 3DS Charger, AC Adapter Charger Home Travel Charger Wall Plug Power Adapter (100-240 v) for Nintendo New 3DS XL New 3DS 3DS XL 3DS New 2DS XL New 2DS 2DS XL 2DS DSi DSi XL

Xahpower 3DS Charger, AC Adapter Charger Home Travel Charger Wall Plug Power Adapter (100-240 v) for Nintendo New 3DS XL New 3DS 3DS XL 3DS New 2DS XL New 2DS 2DS XL 2DS DSi DSi XL

(6,657)
$5.99
FREE delivery Thu, Apr 9 on your first order
500+ bought in past month
Loading...
130W USB C Laptop Charger Compatible with Dell Precision 5550 5560 3560 3590 3550 5540 5570 5750 5530 5520 5510 Latitude 5520 5510 5420 7410 7310 7210 9410 9510 9520 XPS 15 17 AC Adapter Power Cord

130W USB C Laptop Charger Compatible with Dell Precision 5550 5560 3560 3590 3550 5540 5570 5750 5530 5520 5510 Latitude 5520 5510 5420 7410 7310 7210 9410 9510 9520 XPS 15 17 AC Adapter Power Cord

(13)
$29.99
FREE delivery Sun, Aug 24 on your first order