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