CS316 information for students

Syllabus

Class notes

Handwritten notes

Questions and answers

Useful resources

• This site gives a complete specification of HTML 5 syntax.
• W3Schools has tutorials about HTML, CSS, JavaScript, jQuery, and other facilities.
• You can find complete documentation on jQuery here.
• Here is documentation for Bootstrap.
• Setting up a secure web server is complex; it is described here.

Examples

1. Simple Web page
2. Simple Web page with errors
3. Commonly used tags
4. CSS order
5. Calling CGI and displaying media
   • The CGI program in Perl
   • The CGI program in PHP
6. Input tags
7. Perl
   • Perl program as text
   • Perl template
8. PHP
   • PHP program as text
   • In-class exercise: modified PHP
9. Table with colspan, rowspan
10. JavaScript
11. SQL for Kratylos
12. Javascript and the DOM
    • In-class exercise: growing font
13. Javascript invoked from events
    • In-class exercise: adding numbers
14. AJAX
    • In-class exercise: getting date
15. Obsolete: XPATH search methods
16. Obsolete: XML example file
17. AJAX, with jQuery
    • jQuery samples
    • In-class exercise: color elements
    • In-class exercise: Animated orange
18. Fonts
    • In-class exercise: multiple fonts
19. More HTML and CSS
    • In-class exercise: Shading, tooltips
20. Bootstrap introduction
21. Bootstrap examples
    • In-class exercise: Table, grid
    • In-class exercise: Tooltips, progress bar
22. DataTables
    • CGI Hosts program
    • In-class exercise: DataTable for /etc/services
23. IndexedDB
    • JavaScript
24. Canvas
    • JavaScript
    • In-class exercise: shy circle
25. SVG
26. React

Assignments

1. Simple Web Page
2. Better munching
3. Even better munching
4. Fantastic munching
5. All you can munch