Spring 2017 (starts April 1st)
Winter 2018 (starts January 6th)
Faculty, Continuing Education - RISD, Providence, RI
Director, Watersheds Project, Providence, RI
Email: email@example.com firstname.lastname@example.org
Prerequisites: Digital Design for the Screen or equivalent experience
Class participation - 20%
Written project - 40%
Homework assignments - 40%
Course Handouts and On-line Readings as identified below and in class
- JQuery Home Page
- The JQuery API Reference
- MV* Component Frameworks Comparison
- ECMAScript 6 New Features (compatibility)
welcome and getting started
- Welcome To Class
- Class Examples with subExamples reviewed in class
- Pre-test: Please write a 500-word essay of your current understanding of Web scripting languages and what they provide a Web designer, or if you think you know nothing, admit it and let me know what you do with any programming or scripting language general. We will discuss our understanding online and debunk any myths that emerge as a level set.
- Read more about the Document Object Model.
- Review the week two homework suggested diagramming solutions of examples we did in class.
- Start the JQuery Tutorial(s)
- Video One-31 minutes (Introduction to Video Night)
- Video Two-14 minutes (Form Field Prompt Example)
- Video Three-21 minutes (JQuery Expand/Collapse)
- Video Four-34 minutes (JQuery Draggable and Clone)
- Video Five-16 minutes (Editable Content with Local Storage)
- Video Six-22 minutes (HTML 5 Canvas)
- Video Seven-15 minutes (Gallerific Framework Example)
- Video Eight-22 minutes (JQuery API and Tutorials)
events and user interactivity
- Code from Videos (use Safari in the classroom for Example 5)
- Latest Gallerific Library
- Week 4 Lecture Notes
- Work on your projects (submit a project plan if you have not done so)
- Do the workbook assignment for this week.
loops and conditions
- Work on your projects
- Review last week's workbook assignment answers.
- Projects are Due May 20th in class.
- Check out the class project submissions
- Procedural, Object-Oriented, Functional programming styles.
- Design Patterns
- Our 2015 class project involved this AJAX code for working with dynamic turtle tracks.
- Our class project will be working with real-time web apps whereby we create our own interesting application (an example | documentation).
- The Constructor and Module Design Patterns
- The Good Parts, chapters 4 and 6
- A basic Madlib example created by a student in a previous class.
introduction to ajax
- Review object-oriented concepts via student constructor (code bundle) and module examples
- Guest presenter: Shawn Thomas, University of Washington (local example | code bundle)
- Asynchronous data passing with AJAX
- Popular to send text, XML, or JSON
- Overview of Server Side Technologies (MAMP, WAMP, LAMP, node.js)
- a minimal native AJAX base example.
- a clean use of AJAX with the HTML5 canvas (image converter here).
- a basic JQuery approach to AJAX with a face example that executes Javscript incrementally.
- AJAX applied to the sea turtle example built in last year's class.
ajax and the observer pattern
- Review a student's observer pattern example (code bundle).
- Consider the node.js library for networked web applications.
- Review Shawn Thomas' code with an AJAX available service.
- Study the observer pattern example, using our module syntax.
- We'll look at inheritance via a student's example and then focus on the MVC design pattern.
- Review Angularjs as a MVC derivative (code example).
- Review Knockout as a MVC derivative (Kevin's example). Example uses an API
- Review how Backbone provides MVC pattern support (code example).
- Consider the (many) arguments made in Magic Ink. Are his information software revolution steps ideal?:
- Generate widespread recognition of the need for designers to be involved.
- Find those people with talent for visual communication in design.
- Complement those designers' talents with skill achieved through education and practice.
- Supplement those designers' talents and skill with much better tools and platforms.
- Provide a better environment where experimentation, evolution, and interplay of ideas can thrive.
- We're reviewing RequireJS, Processing, and the D3 library as a result of class interest.
- We'll show off any work anyone has done that they want to share (my project here).
- Check out the code for our final real-time web application (read the instructions).
- Final Project is due Sunday at 11:59pm
Turn in your project contribution by 11:59pm on February 13th.