techhw1

MEST EIT Tech Assignment #1

Instructions

Finish the personal websites you have been working on with the following required features:

• Attractive and well formatted design
  • HTML documentation
  • Javascript documentation
  • CSS documentation
• Image(s)
• Reading (+exercises):
  • JavaScript First Steps 
    • "JavaScript building blocks"
    • and beyond!
  • How the Web works

JavaScript interactions

at least 2 of each

• Events
  • On mouse over
    • identify moused element and highlight moused element
    • change image on mouseover
  • On double click
    • hide About section on double click
    • change Pegasus image on double click
  • On scroll
    • show scroll depth on navbar
    • always show navbar during scroll
  • User inputs something
    • display user input oninput event
    • change user input to upper case
• Actions
  • Text change
    • text change with onchange event
    • change the header text
  • Image change
    • change image on double click
    • change image on mouse over
  • Background color change
    • change background to red
    • change background to white
  • Text color change
    • change text to green
    • change text color to black
  • Element size change
    • html body element resize counter
    • html body element coloring

Extra resources:

• If you haven't found a text editor you like, my personal favourite is Sublime.
• It's a bit terse but here is an extensive reference for JavaScript.
• Remember, Google is your friend! If you don't know something, pop a search. Stack overflow is another good place to find answers and inspiration.

Difficulties encountered

• choosing between html, css, javascript file to put javascript interactions
• documentation convention in html, css, javascript
• picking how to use javascript interactions

Extra features you would want to add, if you knew how

• templating

References

• how do I keep a nav bar at the top of the page?
• A Sticky Navigation Bar on Scroll Using Javascript
• Reload button