Web Design 2 | Resources

Javascript

• Basics:
  • Variables
  • Functions
  • If/else statements
• Using Javascript to get data from HTML form elements
• Showing/hiding DIVs in response to user input
• Please suggest other things you would like to learn how to do

Advanced Javascript

• JQuery
• Advanced exercises

HTML

• Form elements: learn by the examples below
  • Textfield
  • Drop down menu
  • Checkbox
  • Button
• Tables
  • Basics of tables
  • More complex uses of tables (scroll down to “More examples” at the bottom)
  • Tables tutorial: another resource if you dont like the two above
• Divs: for grouping a ‘chunk’ of HTML
• Using <div> tags: a comprehensive example of how to use <div>…</div> tag pairs
• Slides on HTML forms

CSS

• Styling HTML form elements:
  • Button
  • Text field
  • Checkbox (and radio buttons)
  • Drop down menu
  • How to style all forms elements at once
• CSS Cheat Sheet: summary of common CSS style declarations
• CSS Reference: complete list of all CSS attributes
• Colors:
  • HTML Color Names: list of all HTML color names
  • HTML Color Picker: find the #xxxxxx codes for specifying colors in HTML

Miscellaneous

• Schedule Generator tester: you can use this to input text from the schedule generator to see how the image comes out
• JSHint: tool to help you fix errors in your Javascript code. Paste your code into the box and uncheck the box “When code is not in strict mode” under “Warn”. If your code uses JQuery check the “JQuery” box under “Assume”.