KCC NMA Chris Gargiulo's Faculty Site - Interface Programming 1

ART 128

Interface Programming 1

@ KCC New Media Arts
ART 128

Interface Programming  1

Intro to Front-end Web Development

Teacher: Chris Gargiulo

Interface Programming 1 introduces HTML, CSS, and JavaScript. Students learn how to take static designs from Photoshop and convert them into coded interactive web sites using well formed, web standard compliant markup and styling.

The predominant underlying markup technology behind the web is HTML (Hypertext Markup Language). Together with CSS (Cascading Style Sheets) and JavaScript, HTML web sites can be powerful, flexible, usable, accessible, and beautiful. This class is catered toward visual web designers who need to be able to convert visually creative designs into interactive working web sites. During the first few weeks of the semester we will learn the basics of markup (HTML), styling (CSS), and scripting (JavaScript). During the remaining weeks of the semester, we take an existing design from Photoshop and use it to go through the final stages of the design process for interface design of building and testing a HTML web site.

ART 128 Syllabus

Course Info

The Schedule

Points
Grade
200
Site #1
40%
100
Site #2
20%
100
Site #3
20%
100
Crit
Crit
20%
500
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
100%

Grading System

40%
Site #1

Site Base
200 Points

20%
Site #2

"Mini" Midterm
100 Points

20%
Site #3

Final Project
100 Points

20%
Class Participation

Critiques
100 Points

The Calendar

Course Content

  1. Introduction

  2. Intro to HTML

  3. Intro to CSS

  4. HTML Structure

  5. CSS Architecture

  6. CSS Layout

  7. Site Structure and Navigation

  8. Intro to JavaScript

  9. Customizing HTML, CSS, and Javascript

  10. Forms

  11. Extending HTML, CSS, and Javascript

  12. Midterm Project

  13. Testing:

  14. Final Project

    • Create a Custom Single Page Site from Scratch (Starting from a Base)
  15. BONUS

    • Add a Main Nav Drop-Down Menu
    • Create a Mobile Side/Drawer/Overlay Nav
    • Use Icons to Create a Simple Services Page
    • Display a Thumbnail Grid by Creating a Products Page
    • Use Custom Layout Techniques to Create a Products Detail Page
    • Use Svg's for Custom Icons
    • Use Custom Typography and Web Fonts

Course Deliverables

12 Assignments

Initial Assignments

  1. Simple Web Page Week 1
  2. Simple Styled Web Page w/ CSS Week 2

Site #1: Site Base

  1. Site Base Blank Week 3
  2. Site Base Content Week 4
  3. Site Base Layout Week 5
  4. Site Base Home Page Week 6
  5. Site Base Toggle Nav Week 7
  6. Site Base About Page Week 8
  7. Site Base Contact Page Week 9
  8. Site Base Multi-Page Site Week 10

Site #2:

  1. Mini Mid-term Site Week 13

Site #3:

  1. Final Single-Page Site Week 17

Students

Current Students

Past Students

About

This is the faculty web site for KCC New Media Arts instructor Chris Gargiulo. Chris is a designer, animator, and filmmaker with experience in print design, web design, front-end web development, motion graphics, and animation for various film, web, and multimedia projects. This site is for his students and for all who are interested in web design related topics and techniques.

Contact

For specific information about this site and the Interface Design concentration of courses within New Media Arts program at Kapi‘olani Community College, please contact:

Chris Gargiulo

Telephone: 808-734-9707
Email: gargiulo [at] hawaii.edu

For more general information about New Media Arts program at Kapi‘olani Community College, the Associates degree, and the admissions process to become a student, please contact:

Steve Harris

Telephone: 808-734-9510
Email: snharris [at] hawaii.edu
Chris Gargiulo KCC New Media Arts