Student Tracker

Student Tracker is this course's Assignment Uploader,Downloader, & and Course Grades Repository
INSTRUCTIONS: Using Student Tracker
INSTRUCTIONS: How to ZIP Files into One File

Course Info

Instructor Info

  • Instructor: Mike Panitz
    (Email listed in syllabus)
  • Office: CC1-319
  • Office Hours: Tuesdays/Thursdays from 11:00am till noon, and
    Tuesdays/Thursdays from 3:20pm till 3:50pm
    or by appointment

Open Labs

Open Labs are an opportunity to work in a computer lab with a knowledgable lab monitor present.  You can ask the monitor questions (but keep in mind that the monitor is NOT a tutor), you can do group work or group-studying with other students (in this class or any other class), or you can work individually on a school computer or on your own laptop.

Homework assignments

Homework #2

WARNING: This assignment may be changed by the instructor.  The instructor will announce in class when this assignment has been finalized and is ready for you to work on.

Assignment specification

Homework #3

WARNING: This assignment may be changed by the instructor.  The instructor will announce in class when this assignment has been finalized and is ready for you to work on.

Assignment specification


You can open a lecture by clicking anywhere in the title bar for that lecture.  If you click it a second time you will hide that lecture.
(This note will be removed after the first week of class.)

  • Ideas for next time
    • Show them 'Cornell notes' on the first day
    • Make them take notes, go home and review/organize the notes, bring them in the next class
    • Have them reflect on what their strengths are, what their weaknesses are, and to actively work on their weaknesses
  •  Instructor Presentation
  •  In-Class Exercises (ICEs)
  •  Supplementary Materials
    • Go here to get for Windows, Mac, or Linux
      While you will be shown the basics of using Brackets, you will largely be expected to figure out on your own. 
      • This is a great time to use (or develop) your Google/Bing skills. Adding "" to your query helps tell Google what to focus on. There's not a ton of pages out there, but you can find some nice stuff, like
      • If you like watching helpful videos, seems reasonable.
        It's about 10 minutes and it's a pretty good overview of  The author uses an HTML table as an example (which we haven't seen yet), and he also makes a couple of minor mistakes (he confuses the file size with the amount of RAM that the program will use, he keeps mispronoucing indentatio as  "in-den-shun" instead of "in-den-tay-shun").
        However, he does show the nice color picker feature, and does a good job showing off the Live Preview feature (right around 9:30 - 9 minutes and 30 seconds)
      • Warning: You may see references to Komodo Edit instead of Komodo Edit was used in a prior quarter.
        If you see something that talks about Komodo Edit please alert your instructor so that the teacher can change that to
    • The workflow that you'll use to edit web pages
      This page gives a brief but helpful outline of how you can edit web pages (and CSS files, and JavaScript files, etc) on your computer.
    • W3C Schools has some good, introductory tutorials on HTML (and JavaScript, and CSS)
      What's nice about them is that they're quick and focused.  They're also very basic. My advice is to use these to get oriented to the basics and then look for more detailed web pages if you need to / want to.
      Here's a couple of specific tutorials that you might find useful:
    • Udemy has some pre-recorded videos that explain some basic HTML elements. 
      I watched the one on lists and it seemed reasonable (I haven't watched the others). 
      In order to watch these you'd need to sign up for a free Udemy account, and then sign up for this free course.  There are lots of course that you could pay for, but I'd recommend avoiding them (there's lots of free material available online, and we'll be covering what you need in this course)
  •  Video Recordings Of In-Class Lectures
    • Videos from this lecture
    • Normally the instructor will attempt to record what's on his computer screen (and his voice) while lecturing.  After the lecture has concluded (and after the videos have been prepared for online viewing - this may take a while) the instructor will put those videos online for your later, optional viewing.  You don't have to watch them but many people find it useful to review specific parts of the lecture while doing exercises
    • Warning: Occassionally something will go wrong and a lecture(s) won't be recorded.  Do not rely on these videos! 
      This is a face-to-face class and you're expected to attend every class - please make use of these videos, but plan on using them as supplements to the lectures, not replacements.
    • Please let the instructor know if the videos haven't been posted within about a day.
  •  Instructor Presentation
  •  In-Class Exercises (ICEs)
  •  Supplementary Materials
    • W3Schools tutorial on lists
      Note that this page contains a lot of details about stuff that we won't be looking at in this class - look at the material about "Unordered HTML Lists" and "Ordered HTML Lists" and ignore everything else.
    • Lorem Ipsum Generators (This is an optional topic)
    • W3Schools tutorial on hyperlinks
      This also contains a lot of stuff that we don't need.  Skip that and you'll do great.
      (Also remember that there's some material on the slides for this lecture, too)
    • W3Schools tutorial on images
    • W3Schools tutorial on HTML comments
    • W3Schools tutorial on the HTML line break (it's a small section,about half-way down, with the title HTML Line Breaks
      You can find it quickly by copying "HTML Line Breaks", opening the page in your browser, pressing Control+F to open the 'Find In Page' box, and then pasting copying "HTML Line Breaks" into the find box.  You may need to repeat the find a couple of times before you get to it.
    • W3Schools reference material on the horizontal rule (the horizontal line)
      Note that this is just a reference and not a tutorial.  It's intended for you to quickly look stuff up (instead of teaching you everything from scratch)
    • W3Schools reference on pre-formatted text blocks
  •  Video Recordings Of In-Class Lectures


  •  In-Class Exercises (ICEs)
    • In class time will be used to work on outstanding assignments
  •  Supplementary Materials
    • List Of Topics For The Midterm Exam
      (Warning: this list is subject to change up to the moment when it's covered in class)
    • Practice exam questions
      Disclaimer: These are just a couple questions that cover some of the same material that will be on the midterm.
      This is NOT a comprehensive study guide (in other words, there are topics on the exam that don't show up in these practice exam questions)
  •  Video Recordings Of In-Class Lectures
No New Material Was Covered On This Day
While No New Material Will Be Covered
There Will Be A Quiz + In Class Participation Points
  •  Instructor Presentation
  •  In-Class Exercises (ICEs)
  •  Supplementary Materials
    • Numeric Arrays
  •  Video Recordings Of In-Class Lectures
    • Videos from this lecture


More ideas:

  • Single-item pattern
    • print each item
    • Find a particular item
      • print matching items?
  • accumulating state
    • sum up items
    • find minimum
    • Calculate average
    • Concatenating everything
      • find max
      • find largest three?
  • parallel arrays?
    • grades & names
      • print matching
      • print highest/lowest
    • detect palindrome?
      • compare the reverse()'d copy?
No New Material Was Covered On This Day
List Of Topics For The Final Exam

The following are hidden (display:none)


This panel is currently hidden (put it back during the longer Spring quarter)

Paste next section here