Front End Development I
Unit 1: Introduction to the Internet and the WorldWide Web I
  • Evolution of the Internet and the Web
  • Web standards
  • Universal/accessible design
  • Ethical use of the Web
 
Unit 2: Introduction to the Internet and the WorldWide Web II
  • Browsers and Servers
  • Networking protocols
  • URIs, URLs, and Domain Names
  • Evolution of HTML
  • Current Web Trends
Assignment: Come up with a plan for the web page(s) you want to create
 
Unit 3: HTML Basics I
  • What’s “markup”?
  • Markup language in a web document
  • Web document structure: <html>, <head>, <body>, <title>, <meta> tags
  • Basic page markup: <h1>-<h6>, <p>, <br>, <ol>, <ul>, <li>, <blockquote> tags
  • Inline vs. block tags: <em>, <strong>, <span>, etc.
Assignment: Create a basic web page
 
Unit 4: HTML Basics II
  • Page organization: <header>, <nav>, <main>, <footer> tags
  • Hyperlinks: the <a> tag
  • Phrase elements
  • Special characters
  • Testing for valid syntax
Assignment: Reorganize the web page, add links
 
Unit 5: Styling Color and Text with CSS I
  • What’s a “style sheet”?
  • Inline styling with the “style” attribute
  • Cascading Style Sheets (CSS) and their advantages
  • Configuring backgrounds and text colors
 
Unit 5: Styling Color and Text with CSS II
  • Creating a basic style sheet
  • Embedded and external stylesheets
  • Element, class, id, and descendant selectors
  • Using the “cascade”
  • Validating your CSS
Assignment: Create an external stylesheet for the web page
 
Unit 6: Visual Elements and Graphics I
  • Creating and formatting borders
  • Using graphic elements in web pages
  • Images in a web page: the <img> tag
  • Optimizing images for the web
  • Images as backgrounds
  • Images as hyperlinks
Assignment: Add graphical elements to the web page