CS 1100: Web Development: Client-Side Coding

Course Resources

General

• Mozilla Developer Network (MDN)
• MDN "Learn Web Development" path

HTML

• HTML Element Reference (MDN)
• DOM Document Reference (MDN)
• Learn HTML (web.dev)
• Learn Forms (web.dev)

CSS

• general
  • CSS Reference (MDN)
  • Learn CSS (web.dev)
• basics
  • CSS Basics
  • CSS Reference
  • CSS Selectors
• layout
  • CSS Layout
  • CSS Box Model
  • Learn CSS Layout

JavaScript

• JavaScript Reference (MDN)
• Eloquent JavaScript (text)
• Exploring ES6 (text)

Software

• Firefox (web browser)
• Chrome (web browser)
• Visual Studio Code (text editor)
• node.js (JavaScript engine)

Tools

• developer tools
  • Firefox DevTools
  • Chrome DevTools
• validators
  • W3C Markup Validator
  • W3C CSS Validator

Textbooks

• Learn to Code HTML & CSS: Develop and Style Websites

Other

• text: Lorem Ipsum generator
• images: Unsplash
• colors:
  • Color Picker Tool (MDN)
  • Contrast Checker
• fonts:
  • Google Fonts
  • Font Squirrel
  • DaFont
• icons:
  • Font Awesome (v5)
  • Material Symbols (Google)
• practice sites: Frontend Practice