1. Class 4: Building Interactive Web Pages
How to Design and Build an Embedded Web Server: An Embedded TCP/IP Tutorial
Class 4: Building Interactive Web Pages
10/23/2014
Fred Eady

2. AGENDA Embedded Web Page Basic Elements HTML and AJAX In Action
How to Design and Build an Embedded Web Server: An Embedded TCP/IP Tutorial
AGENDA
Embedded Web Page Basic Elements
HTML
JavaScript
XML
AJAX
HTML and AJAX In Action
HTML/JavaScript Tools

3. Embedded Web Page Basic Elements
How to Design and Build an Embedded Web Server: An Embedded TCP/IP Tutorial
Embedded Web Page Basic Elements
HTML
Hyper Text Markup Language
HTML Displays Web Page Information

4. Embedded Web Page Basic Elements
How to Design and Build an Embedded Web Server: An Embedded TCP/IP Tutorial
Embedded Web Page Basic Elements
JavaScript
The Web Programming Language
JavaScript Manipulates the HTML DOM
Change HTML Elements
Delete HTML Elements
Copy HTML Elements
Create HTML Elements
DOM Document Object Model
DOM = Document Object Model

5. Embedded Web Page Basic Elements
How to Design and Build an Embedded Web Server: An Embedded TCP/IP Tutorial
Embedded Web Page Basic Elements
JavaScript
DOM Document Object Model

6. Embedded Web Page Basic Elements
How to Design and Build an Embedded Web Server: An Embedded TCP/IP Tutorial
Embedded Web Page Basic Elements
XML
EXtensible Markup Language
XML Describes and Carries Data
XML is Platform Independent
XML Does Not Do Anything
DOM Document Object Model

7. Embedded Web Page Basic Elements
How to Design and Build an Embedded Web Server: An Embedded TCP/IP Tutorial
Embedded Web Page Basic Elements
AJAX
Asynchronous JAvaScript and XML
AJAX is not a Programming Language
AJAX Updates Parts of Web Pages
DOM Document Object Model

8. Embedded Web Page Basic Elements
How to Design and Build an Embedded Web Server: An Embedded TCP/IP Tutorial
Embedded Web Page Basic Elements
AJAX
DOM Document Object Model

9. How to Design and Build an Embedded Web Server: An Embedded TCP/IP Tutorial
HTML and AJAX In Action
DOM Document Object Model

10. How to Design and Build an Embedded Web Server: An Embedded TCP/IP Tutorial
HTML and AJAX In Action
DOM Document Object Model

11. How to Design and Build an Embedded Web Server: An Embedded TCP/IP Tutorial
HTML and AJAX In Action
DOM Document Object Model

12. How to Design and Build an Embedded Web Server: An Embedded TCP/IP Tutorial
HTML and AJAX In Action
DOM Document Object Model

13. How to Design and Build an Embedded Web Server: An Embedded TCP/IP Tutorial
HTML and AJAX In Action
DOM Document Object Model

14. How to Design and Build an Embedded Web Server: An Embedded TCP/IP Tutorial
HTML and AJAX In Action
DOM Document Object Model

15. HTML/JavaScript Tools
How to Design and Build an Embedded Web Server: An Embedded TCP/IP Tutorial
HTML/JavaScript Tools
DOM Document Object Model

16. HTML/JavaScript Tools
How to Design and Build an Embedded Web Server: An Embedded TCP/IP Tutorial
HTML/JavaScript Tools
DOM Document Object Model

17. HTML/JavaScript Tools
How to Design and Build an Embedded Web Server: An Embedded TCP/IP Tutorial
HTML/JavaScript Tools
DOM Document Object Model

18. How to Design and Build an Embedded Web Server: An Embedded TCP/IP Tutorial
Clean Up Time!
DOM Document Object Model