Calendar

Must Dos for All Labs, Assignments and Projects

class date	topic	references	lab, assignment
Thurs, Jan 8	introduction to the course and how the web works	syllabus Web Introduction
Tues, Jan 13	HTML markup	HTML Powerpoint w3schools HTML HTML Code Tutorial Opensource Tutorials Cheat Sheets	class exercise: mark up Primates text in codepen
Thurs, Jan 15	CLASS CANCELLED
Tues, Jan 20	CSS	CSS Powerpoint w3schools CSS Font Families Colors by name CODEPENS centering text centering list centering list in box pt vs px em pseudo-elements	Lab 1: using the Primates file that you saved in the last class (or get it from here, add CSS to change the background color of the page the font style and size used on the page the width of the page to be centered at 80% of the window the first letter of every list item to be capitalized and twice the size of the rest the color of the footer text and to right align it install Komodo Editor, Filezilla and Chrome before class on Thursday
Thurs, Jan 22	creating a web page, external style sheets and validation	Powerpoint HTML Formatter Formatting Principles W3C HTML and CSS Validation Browser Shots Google web fonts	class exercise: put Primates on the web student video
Sat, Jan 24	Assignment 1: Lighthouses (text to HTML and CSS; match a page)
Tues, Jan 27	box models	Box Model Powerpoint google fonts Snippets page	Lab 2: Elections (box model)
Thurs, Jan 29	links and anchor points	ISIS permissions Links Powerpoint Snippets page	Lab 3: course home page (links)
Sat, Jan 31	Project 1: Using Computers
Mon, Feb 2	Project 1 Critiques: (due 11:59 pm): assignments and key and doc for posting (as well as Sakai)
Tues, Feb 3	formatting in context (classes)	Powerpoint Snippets page	Lab 4: Easter Island (classes)
Thurs, Feb 5	colors and images	Powerpoint Snippets page Resources page	Lab 5: Images
Sat, Feb 7	Assignment 2: Casey at the Bat
Tues, Feb 10	multipage sites and page design	Powerpoint	Lab 6: February Holidays (navigation bar)
Thurs, Feb 12	EXAM
Tues, Feb 17	SNOW DAY
Thurs, Feb 19	exam review	Solutions and Grades
Tues, Feb 24	floating elements Videos: float Floating pictures Next Prev Navigation bar Side bar	Powerpoint Snippets Floating Pictures Next Prev with Float Navigation Bar with Float Side Bar Navigation Floatutorial	Lab 7: Floats (float)
Thurs, Feb 26	SNOW DAY
Sat, Feb 28	Project 2: Event, Holiday, or Activity
Tues, Mar 3	Project 2 Critiques: (due 12:30 pm): assignments and doc for posting (as well as Sakai)
Tues, Mar 3	tables	Powerpoint Snippets Basic Parts Spanning Rows and Columns Column Widths Automatic Sizing All Columns the Same Different Widths by class Simple Calendar Formatted Calendar Link as Content (Jeopardy) TH as Row Header Pictures in Tables Display options	Lab 8: Calendar (tables)
Thurs, Mar 5	Project 2 Revision
Thurs, Mar 5	positional (DOM) formatting and using Excel for tables	Powerpoint Snippets Descendents and children Siblings Inheritance nth-child adjacent sibling	Lab 9: National Parks (DOM, table from Excel)
Fri, Mar 6	Assignment 3: Planets (Tables)
Mar 9 - 13	SPRING BREAK
Tues, Mar 17	multimedia and widgets	Powerpoint Snippets Audio and Video PDF Embedding a Widget	Lab 10: Fun (multimedia, widgets)
Thurs, Mar 19	intro to javaScript	Powerpoint Snippets Onclick on div Alert from onclick jsFiddle	Lab 11: People (jsfiddle and alerts)
Sat, Mar 21	Assignment 4: March Madness (multimedia and javaScript)
Tues, Mar 24	forms	Powerpoint Snippets Alert with text from onclick Alert with number from onclick Set an initial value for a text box Set a placeholder for a text box Image as Button Background Button with Hover Datalist	Lab 12: Weather (forms)
Thurs, Mar 26	functions	Powerpoint Snippets Using javaScript console Alert using function, no parameters Alert using function, one parameter, one use Alert using function, one parameter, multiple uses Alert using function, two parameters Alert using numbers jsbin	Lab 13: Text (jsbin, console, and functions)
Sat, Mar 28	Project 3: Place
Tues, Mar 31	Project 3 Critiques: (due 12:30 pm): assignments and doc for posting (as well as Sakai)
Tues, Mar 31	writing to the page	Powerpoint Snippets Write output to the page Write output to the page using a function Format input boxes using [] selector in CSS Access elements in diffferent forms Hide the box using CSS Change a picture by changing src	Lab 14: Buttons, Buttons (JavaScript write to page)
Thurs, Apr 2	Project 3 Revision
Thurs, Apr 2	functions with returns	Powerpoint Alternative Presentation Snippets Return a value from a function Add two numbers and returns their sum Two different functions in one file	no lab today
Tues, Apr 7	conditionals	Powerpoint Snippets simple if no else if, else if, else if, else simple if return inside if button to select function single button switces picture	Lab 15: BMI (JavaScript with conditional)
Thurs, Apr 9	EXAM (Study Guide)
Tues, Apr 14	arrays, random, date	Powerpoint Array Snippets User number Dropdown Date Snippets Month and Day using arrays Date functions to build msg Using += operator Month and Day to text 2 messages based on Day 3 messages based on Hour Day to string using array Random Snippets Using if - else Convert random to integer	Lab 16: Koozebane (JavaScript random and arrays)
Thurs, Apr 16	exam review	solutions
Sat, Apr 18	Assignment 5: Calculator (JavaScript)
Tues, Apr 21	onLoad and getElement	Powerpoint onLoad Snippet Random selection of picture innerHTML Snippet more complex content	Lab 17: Koozebane Revisited (onLoad and getElementbyId)
Thurs, Apr 23	scope and canvas	Powerpoint Scope Snippets counts clicks global and local className and src Snippets carousel with form carousel with div change class Canvas Snippet single rectangle formatting the canvas two rectangles overlapping rectangles opacity, canvasses lines and triangles single circle circles and arcs	Lab 18: Raise the Flag (HTML Canvas)
Fri, Apr 24	Extra Credit: COMP 101 Concepts due at midnight Project Form due at 5 pm
Sat, Apr 25	Assignment 6: About a Country (GetElementById, random, canvas)
Fri, May 1	Section 2 Final Exam at noon: WEBSITES
Mon, May 4	Section 1 Final Exam at noon: WEBSITES