Front End Development III
Unit 13: More on Links, Layout, and Responsiveness I
  • CSS for printing
  • Mobile design best practices
  • Mobile device display and the “viewport” meta tag
  • CSS media queries and responsive web design
  • Responsive images and the <picture> tag
  • A brief intro to Flexbox layout
Assignment: Make the website responsive with media queries
Unit 14: Tables
  • When to use tables in a web page
  • Basic table elements: <table>, <tr>, <th>, <td> tags
  • Table sections: <thead>, <tbody>, <tfoot> tags
  • Table accessibility
  • Styling tables with CSS
  • Structural pseudo-classes: “:first-of-type”, “:first-child”, etc.
Assignment: Add a table to the website
Unit 15: Forms I
  • Using forms on web pages
  • Basic form creation: <form>, <input>, <textarea>, <select> tags
  • Form accessibility: “accesskey” and “tabindex” attributes
  • Form controls and groups: <label>, <fieldset>, <legend> tags
Unit 15: Forms II
  • The <button> tag and custom button images
  • Styling a form with CSS
  • More form controls: email addresses, URLs, datalists, ranges, spinners, calendars, and color controls
  • Server-side processing
Assignment: Add a contact form to the website
Unit 16: Web Multimedia and Interactivity I
  • Plug-ins, helper applications, media containers and codecs
  • Types of multimedia used on the Web
  • Making hyperlinks for multimedia files
  • Using HTML to set up audio and video
  • Putting a Flash animation on a Web page
  • Putting a Java applet on a Web page
Assignment: Add a video with controls to the website
Unit 17: Web Multimedia and Interactivity II
  • The CSS “transform” and “transition” properties
  • JavaScript: features and common uses
  • Some HTML5 APIs: geolocation, web storage, offline web applications, and canvas
  • AJAX: features and common uses
  • jQuery: features and common uses
Assignment: Creating an interactive drop-down menu with CSS