Announcements
I posted the specification for the final project. Please read it out soon. You get to decide what you would like to create. If you don't have anything in mind, check out some ideas listed in the spec.
Note that you are to let me know what you will be working on by the end of the week. This can be simple: a paragraph describing your idea in a text file or a PDF file.
I finally posted the reading for Week 10. It has several
sections and some coding. You may not have time to work
through the entire reading before class tomorrow. If not,
you might want at least to skim the sections on
if
statements
and
boolean expressions.
We will write simple choices and boolean expressions then.
The notes for Session 15 include a link to instructions for installing Node.js on your computer. Node.js may not be required to do what we do the rest of the semester, but having it will make some of the things we talk about easier. Let me know if you have any questions.
I just posted notes and material for Session 11.
On Thursday, we will study a re-creation of the CSS layout for a YouTube search page. Download this zip file (also linked below in the Reading column for Session 12). Read the HTML and CSS files in tandem. Try to figure out what each part of the style sheet contributes to the displayed page. Make notes about any questions you have as you read.
I just posted Homework 5. After you finish up Homework 4 and take a little break, follow the link below and check it out.
This is another exercise in writing styles to recreate an existing look. It give you a chance to style HTML elements and to use CSS to control a page's layout, using ideas we learned about over the last couple of weeks.
The assignment offers point-by-point recommendations for most of the page. If you have a fair bit of CSS experience and would like a challenge, don't read those bullets right away. Spend 30 minutes or so trying to write styles on your own by paying close attention to the model. At any point, you can jump back to the recommendations and use them to guide you.
Session 8 today included the first graded in-class exercise of the semester. I won't be grading these for correctness or even completeness. In-class exercises are for practice, so I will grade them for the good-faith effort you made during class.
If you missed class today, work on the exercise on your own and submit your CSS file any time today. I have left the submission system open for the day.
Don't peek ahead to the code in session notes until after spending 30 minutes or so trying to do it on your own. The point of the in-class exercises is to practice, not to get answers before thinking on your own.
The reading for Week 4 is available. We finally get to read about CSS! This is a long reading, though. I suggest that you read these sections closely:
- Cascading Style Sheets (CSS)
- CSS Syntax
- CSS Selectors
- CSS Properties and Values
The other sections offer a lot of details. Skim them to see the range of what is possible. If you see something that interests you, try it out and read more about it!
I have just posted the assignment for Homework 1. You can find a link to it in the Homework column of the schedule below. Your final submission is due by the end of the day next Friday.
Please read the assignment early and ask any questions you have. In particular, the submission system is new to you. You don't have to wait until the last minute to try it out. Try to submit *something* early, to be sure that you are ready when it comes time to submit your final work. Don't worry: you can submit as many times as you like. Each new submission overwrites any old file with the same name.
Welcome to CS 1100, a course that will help you learn to build web pages using HTML, CSS, and JavaScript — the fundamental skills of web development. This website will contain all the materials for the course, from class notes to homework assignments to code examples, along with many links to resources out on the web.
I will be adding material to many course pages in the coming days. I'll let you know about any big changes!