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 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: , , , tags Table sections: , , 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: , , , tags Form accessibility: “accesskey” and “tabindex” attributes Form controls and groups: , , tags   Unit 15: Forms II The 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

Mesh Cowork
2005 EYE Street STE #6 (Map)
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 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: , , , , 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:
      , ,
    , tags
  • Table sections: