August 12, 2017 Schedule

Posted by:
on August 10, 2017

‘Build-Your-Own-Curriculum’ and Interactive Video Series

  • 9:30 am
    • Doors Open
  • 9:30 am – 10:00 am
    • Questions / obstacles / problem solving (optional)
      • for those who ran into any issues during the week that we were unable to solve, you can come by early and we can figure out what is going on
  • 10:00 am – 10:30 am
    • Creating Web Layouts with CSS
      • How does the Browser decide where to put things?
      • CSS properties that affect layout
  • 10:30 am – 11:30 am
    • Implementing Layout Patterns
      • Common types of layouts on the web
        • Grid layouts
        • Centered interfaces
        • Dashboard layouts
  • 11:30 am – 12:00 pm
    • The ‘future’ of CSS Layouts
    • Introduction to Flexbox and CSS Grids
    • How to decide when and where to use them
  • 12:00 pm – 12:30 pm
    • Web Video meets CSS
      • What kinds of considerations can we make regarding how video is presented online?
      • How can video relate to the surrounding web page?
      • What aspects of the video experience can be controlled with CSS?
  • 12:30 pm – 1:30 pm
    • Video at Different Screen Shapes and Sizes
      • One of the phenomenon of current web experiences is the variety of different sizes and shapes of screens there are
        • How can we take advantage of this with regard to video viewing experiences?
        • Understanding aspect-ratios and screen resolutions
        • Creating CSS to display things differently depending on the screen shape and size
        • displaying video optimized for a screen size
  • 1:30 pm – 2:30 pm
    • “Blending” a Video into a Website
      • Using CSS techniques to integrate video into the surrounding web page
      • Creating overlays and masks and using CSS layouts to apply them to the video
      • Creating video backgrounds for web pages
  • 2:30 pm
    • Wrap-up and setting Goals and Objectives for next week

Interested in joining the ‘Build-Your-Own-Curriculum’ Series? Contact for details.

, ,