The Specs Page for 4020, 2021S1

Materials for major assessments or assignments can be downloaded here. Every listed assignment has a PHP page listed to the left containing further details.

What about quizzes? Quizzes appear in Canvas. They occur routinely on Mondays.

Assignments

Particulars on assignments will be listed in the tables below. These are organized by the major divisions of this class.

Podwork All pod assignments are due the Wednesday in the week after they are assigned. You are encourged to get them done early. When you complete them, upload them to Canvas. They will help you to gain a command of the material.

Projects These are done largely outside of class, and will have a specified due date.

Name Description Assigned Due Points
Reading Assignment This reading assignment will be covered in Monday's quiz. 23 Aug Canvas
Convert Between Bases This is a chance for you to try your hand at base conversion before I give a quiz. 10
Name Description Assigned Due Points
first.html You will learn about tags and use them to create a web page. 25 Aug 20
crappy.html This is an exercise in using the Validator to stamp out errors in an HTML page. 25 Aug 20
Document Tree Practice This is practice for the document tree quiz. You will translate between the tree and the HTML document. NA NA 0
special.html This is an exercise on creating special characters using special character entities. 9/2 20
imageFun.html This is an exercise presenting images on an HTML page. 9/10 20
tables.html This is an exercise presenting images on an HTML page. 9/10 20
petesParlour.html Replicate the page you see at the link using list techniques. Note that you can put lists inside of lists (nesting). 9/10 20
replicateMe.html This is summative exercise that is a take-home project. You will apply all of the techniques you have learned so far. It is excellent practice for the lab practical 9/16 50
Practice Lab Practical 0 This has an old lab practical you can try your hand at. Complete solutions are also provided. NA NA
Lab Practical 0 This has an old lab practical you can try your hand at. Complete solutions are also provided. 100 9/16 9/16
Name Description Assigned Due Points
puzzler.css You are given an HTML file which you cannot change. You are given part of the needed CSS, and must furnish the rest. Your job is to replicate the page in the screenshot.

Name Description Assigned Due Points
consoleLog.js Practice using console.log and methods on some basic types. 45

Name Description Assigned Due Points
dusty.zip This project allows you to take document.getElementById and events for a spin. 40
square.zip This project allows you practice getting text from a textbox and using it on a page. 40
Name Description Assigned Due Points
boxModel.zip This is a pure CSS project that will have you explore and learn abou tthe box model. 20
inlineBlock.zip This project has some uses of the inline-block display property. Also you will have to figure out how to cause items in a list to become bold when moused over. 40
Name Description Assigned Due Points
nodeLists.zip This is a project that will allow you to test-drive the means we have created to work with collections of elements on a page. 40

Name Description Assigned Due Points
colorCalculator.zip This is a project that will allow you to test-drive the means we have created to work with collections of elements on a page. 40

Name Description Assigned Due Points
net.zip This project creates a cool art work in Canvas using looping. 40

Name Description Assigned Due Points
calculator.zip This pairs project creates a simple calcuator. 40
tableBuilder.zip This pairs project creates a simple calcuator. 40

Lab Practicals

There will be two or three. Doing the podwork will help you do the projects. Doing the projects will make lab practicals routine. You will have access to your notes, the class notes, and documentation. During these, you cannot engage the help of intelligent agents such as other people, or programming forums such as StackOveflow. Skeleton files will be posted on this site to save you typing. You should download them in advance, when their existence is announced in class.

Lab Practial Grading Problems 1 and 2 show basic proficiency. Get 'em and you have a B-. Problems 3 and 4 show intermediate proficiency, get one of 'em and you have a B, both a B+. Getting 5 and 6 puts you in the A range.

LP0 This will be given once we finish HTML.

LP1 This will be given once we get some CSS down.

LP2 This will cover JavaScript and ask you to create some interactive page elements.

Useful Stuff

These tables will contain information on what you should be reading in the textbook. They will also include suggested videos and other resources to help you master the material.

Name Description Assigned Due Points
Final Project Proposal This is the final project 30
groupName.zip This is the final project 40
NPR An interesting article on passwords. This is well worth your time.
NPRThis article makes a case for taking paper and pencil notes. It's based on a solid body of research.