CSE 154: Web Programming, Autumn 2017

Turn in HW7 Homework 7 (Pokedex 2)

Due , 11:00pm.
No submissions accepted after , 11:00pm.

• Specification

• resources.zip (Your front-end code with html, css, and js).

Turn in HW6 Homework 6 (BestReads)

Due , 11:00pm.
No submissions accepted after , 11:00pm.

• Specification

• bestreads.zip (Your starter code with: html, css, images, and book files).

• page-load.png
• book-clicked.png

Turn in HW5 Homework 5 (Pokedex 1)

Due , 11:00pm.
No submissions accepted after , 11:00pm.

• Specification
• Pokedex API information

• resources.zip (Your starter code with: html, css, icons, images, and sprites).

Turn in HW4 Homework 4 (Fifteen Puzzle)

Due , 11:00pm.
No submissions accepted after , 11:00pm.

• Specification

• fifteen.html (The html file is a skeleton HTML file.)

• out.png
• out-wide.png
• out-after-shuffle.png
• out-hover.png

• ---

• Fifteen puzzle comes with an HTML skeleton. You are to write the CSS and JS for the assignment, and you won't turn in an HTML file. That means that any changes that you make to the HTML will NOT show up in our turn-in system. You must accomplish the assignment using only JS to modify the DOM, and CSS to style the elements.

Turn in HW3 Homework 3 (Speed Reader)

Due , 11:00pm.
No submissions accepted after , 11:00pm.

• Specification

• out.png
• out-wide.png
• out-mac.png
• animated.gif

• ---

• Speedreader doesn't come with any provided files. See the spec for more details, but for this assignment, you write all of the HTML, CSS, and JS.

  The only provided files are expected output images for the basic layout. See how the page should look here, before any buttons are clicked:

  If you're interested, the web-developer tools may have a resizer feature that you can use to resize the browser window to an exact width/height.

Turn in HW2 Homework 2 (Movie Review)

Due , 11:00pm.
No submissions accepted after , 11:00pm.

• Specification

• skeleton.html (The html file is a skeleton HTML file with many tags, but is missing classes, ids and page section tags. Add these as per the specification.)

• full-screen-expected-output.png
• expected-output-wide.png

• ---

• NOTE: The static expected output images that are linked to above (not the comparison tool) are taken on a computer whose screen resolution is 1024x768 pixels. So if your screen is larger, to you the screenshots may not reach all the way over to the right edge of your screen. You don't need to replicate that on your page. Your page's elements should extend all the way to the page's right edge. If you resize your window to 1024x768 resolution, your window should look similar to our screenshot.

  If you're interested, the web-developer tools may have a resizer feature that you can use to resize the browser window to an exact width/height.

• W3Schools HTML5 tag reference
• W3Schools CSS3 property reference

Turn in HW1 Homework 1 (Recipe)

Due , 11:00pm.
No submissions accepted after , 11:00pm.

• Specification

• skeleton.txt (The page's text contents without HTML/CSS markup, so you don't need to type in the whole page text.)

• out.png

• ---

• NOTE: The static expected output images that are linked to above (not the comparison tool) are taken on a computer whose screen resolution is 1024x768 pixels. So if your screen is larger, to you the screenshots may not reach all the way over to the right edge of your screen. You don't need to replicate that on your page. Your page's elements should extend all the way to the page's right edge. If you resize your window to 1024x768 resolution, your window should look similar to our screenshot.

  If you're interested, the web-developer tools may have a resizer feature that you can use to resize the browser window to an exact width/height.

• W3Schools HTML5 tag reference
• W3Schools CSS3 property reference