- Students will learn the tools and technologies behind modern front end web development.
- Students will gain the skills needed to represent themselves and their practice through their website and web applications.
- Students will improve their computer science fundamentals by learning how to use the command line (terminal) and the developer tools built into it.
- A computer with internet access
We will install these together as the course progresses:
- A programming focused text editor of your choice (I recommend VSCode, Atom, or Sublime Text)
- A modern web browser (Google Chrome, Firefox, Safari, Microsoft Edge)
Purchasing a domain name to use as your website URL is an optional, but strongly encouraged part of this course. Domain name costs vary depending on TLD (.com, .me, .party, .art, etc) and some other factors, but most personal website domains come in at about $12 per year.
This repository contains all course materials for ICOM 101, organized by week. Each week includes lecture notes and code examples.
- Week 1 - Web Fundamentals & Dev Tools
- Week 2 - Introduction to HTML
- Week 3 - Introduction to CSS
- Week 4 - Advanced CSS
- Week 5 - Leaving Glitch! Text Editors & Dev Servers
- Week 6 - Deployment & Custom Domains
- Week 7 - Responsive Web Development
- Week 8 - Basic JavaScript
- Week 9 - WordPress
- Week 10 - Workshop Time
- Week 11 - Final Project Presentations
- Week 12 - Final Project Presentations
Each week folder contains:
notes/- Lecture slides and course notescode-examples/- Hands-on coding examples and demonstrationsREADME.md- Weekly overview, topics, and assignments
Creative Computing at California Institute of the Arts is a forward-thinking interdisciplinary program that fuses the power of computational engineering skills with the limitless possibilities of artistic expression. This innovative degree encourages students to explore the intersection of technology and creativity, using computational tools to craft work that is both personally and culturally meaningful, while preparing them for industry. Our program is designed to provide an integrative learning experience that equips students with the skills to push the boundaries of art, music, and technology. With a strong foundation in computer science, electrical engineering, signal processing, and emerging technologies including virtual/augmented reality, robotics, and machine learning, students will be empowered to innovate, experiment, and reimagine what technology can do in artistic contexts.
ICOM-101-01 / MTEC-617-01
Instructor: Max Fishman - maxfishman@alum.calarts.edu
This course provides an introduction to practical web development for artists. Each student will learn the basics of HTML and CSS, and how to combine them into a functioning portfolio website. Students will learn how to work with rich media sources, create dynamic animations, and deploy content to the web using free and open source tools. The final project in this course is to have a personal website up and running.
Students will learn the tools and technologies behind modern front end web development. Students will gain the skills needed to represent themselves and their practice through the web.
A computer with internet access Software we will install these together as the course progresses A programming focused text editor of your choice ( I recommend VSCode, Atom, or Sublime Text ) A modern web browser ( Google Chrome, Firefox, Safari, Microsoft Edge ) Node.js
Purchasing a domain name to use as your website URL is an optional, but strongly encouraged part of this course. Domain name costs vary depending on TLD ( .com, .me, .party, etc ) and some other factors, but most personal website domains come in at under $10 per year.
3 absences will yield an NX grade for the course. #Assignments: 70% #Final Project: 30% - Failure to submit a final project will yield an NC grade for the course. Units #Undergraduate students should be committing a total of 6 hours per week, including lectures. #Graduate students should be committing a total of 8 hours per week, including lectures. Time spent outside of class constitutes researching, planning, and executing assignments
Inappropriate, aggressive, or offensive behavior or language, or provocation of conflict will not be tolerated in this class. If something about the class is making you uncomfortable, please contact your instructor immediately.
Plagiarism is the use of ideas and/or quotations (from the Internet, books, films, television, newspapers, articles, the work of other students, works of art, media, etc.) without proper credit to the author/artist. While the argument in a paper can be enhanced by research, students are cautioned to delineate clearly their own original ideas from source material. Students should introduce source material (either quoted or paraphrased); note when the source material ends; and provide citations for source materials using standard documentation formats.
According to CalArts policy, students who misrepresent source material as their own original work and fail to credit it have committed plagiarism and are subject to disciplinary action, as determined by the faculty member, the dean of the student’s school and the Office of the Provost.
If you have questions regarding plagiarism or would like direction on how to credit source material, there are reference guides on permanent reserve in the CalArts library. Please contact one of the CalArts reference librarians for more information.
If you use code written by someone else, you must provide attribution by including an authors name and/or url in your code comments!
Students who have documented disabilities and who want to request accommodations should first go to the Student Affairs office in A207. The Office of Student Affairs will meet with students and communicate with their faculty about appropriate classroom accommodations. Students are encouraged to use these procedures early in the semester, so that the proper arrangements can be in place throughout the course.