This course introduces students to the World Wide Web as a medium. Originating from efforts to create a standardized, world-wide storage and retrieval system for information, once established, the WWW evolved into a broadcast media, a shopping mall, a communication platform, and an environment for personal expression. While a wide range of workshops dealing with web technologies is offered, the class also focuses on conceptual and aesthetic aspects of working with the web. Creative projects and exercises will be developed throughout the course by applying the various skills acquired in class in the service of perception and communication.
Web technologies are constantly and rapidly changing. By focusing on the core concepts behind those technologies, the acquired skills working with HTML, CSS, and JavaScript will be transferable to future contexts.
The course aims at developing the vocabulary necessary to speak to developers, to present and discuss Web projects, and to pursue individual research. During the quarter, students will complete a series of exercises, will analyze and discuss Web projects, and present a research report.
Required Reading
- Frank Chimero What Screens Want
- Chris Anderson and Michael Wolff: The Web is Dead
- Mark Boulton: Designing for the Web – A Practical Guide to Designing for the Web, Five Simple Steps, 2009. (Free online reading)
- Oliver Reichenstein: Web Design is 95% Typography, 2006. (Further reading: Reactions to 95% Typography)
- Codecademyʼs Web Fundamentals (Interactive Online Tutorials)
Recommended Reading
- Eloquent JavaScript
- Learning JavaScript Design Patterns
- David Sawyer McFarland: CSS: The Missing Manual. O’Reilly Media, 2009.
- Bill Weinman: HTML Essential Training, Lynda.com Tutorials, 2012. (Accessible after logging into learnit.ucla.edu)
- John Boardley: A Brief History of Type – Part 1 / Part 2 / Part 3 / Part 4 / Part 5, 2007.
Grading
60% – Projects
20% – Participation and Attendance
15% – In-class Discussions
5% - Links
Requirements
- Use a text/code editor to complete all exercises and projects, not a WYSIWYG editor such as Dreamweaver. See the Resources for suggested editors.
- The structure of the HTML and CSS code will be a part of the evaluation. Pay attention to indentation!
- All assignments must work as designed in modern browsers such as recent versions of Firefox, Safari, Google Chrome, and Internet Explorer 10 or higher.
- The use of modern HTML5 is encouraged and your markup should validate as HMTL5.
- These are both design and technical exercises and projects will be evaluated based on their originality, as well as aesthetic and conceptual qualities.
All projects must be completed in order to pass the course. Projects are only considered as complete when they are accessible from the course website.
Participation & Attendance
Punctuality, focus, articulation of concepts, and contribution to class discussions are all part of class participation.
Classes start at 9:00 AM. If you are 15 minutes late, you will receive a tardy. 3 tardies will turn into 1 absence. Every absence equals 1 full grade down (A to B), 3 unexcused absences result in a failing grade.
If there is an emergency and you will be late or absent from the class, please email both me and the TA to schedule a meeting to discuss the situation.
No use of cellphones in class, except for the testing of websites on mobile browsers. No checking personal e-mails, Facebook, Skype, etc. during class.
Ask questions, make comments, contribute to reviews! Learn from your peers; the class should be a collaboration.