Lectures:
- Lecture 00 - Course Information
- Lecture 01 - Introduction to Web Programming and Web Design
- Lecture 02 - Introduction to HTML
- Lecture 03 - Introduction to CSS
- Lecture 04 - Page Layout with CSS
- Lecture 05 - Introduction to JavaScript
- Lecture 06 - Introduction to p5.js
Program:
- Introduction to Web Programming;
- HTML and CSS:
- HTML elements and attributes;
- Heading, paragraphs, styles, formatting, colors;
- CSS Elements: color, font, border, padding, margin, width, height;
- Links, images, tables, lists, blocks, classes, ids, iframes and layouts;
- CSS Elements: text, font, links, lists, tables, position, overflow, float;
- Navigations bars, dropdowns, forms.
- JavaScript:
- Scripts, variables, and operators;
- Functions and events;
- Conditional statements;
- Loop statements;
- p5.js;
References:
Robbins, J. N. (2018). Learning web design: A beginner’s guide to HTML, CSS, JavaScript, and web graphics (5th ed.), O'Reilly Media. ISBN: 978-1491960202.
Verou, L. (2015). CSS Secrets: Better Solutions to Everyday Web Design Problems, O'Reilly Media. ISBN: 978-1449372637.
Tidwell, J. (2010). Designing interfaces: Patterns for effective interaction design (2nd ed.), O'Reilly Media. ISBN: 978-1449379704.