Course dates


 

Sat June 4, 2016    10:00 - 5:00

HTML 1 - Intro to HTML/CSS

 

 

 

 

 

Sun June 5, 2016    10:00 - 5:00

HTML 2 - Intermediate HTML/CSS

 

 

 

 

 

 

 

 

 

Thurs June 9, 2016   6:00 - 8:00

Study Group with TAs

 

 

 

 

Sat June 18, 2016    10:00 - 5:00

HTML 3 - Bootstrap

 

 

 

 

 

 

 

 

 

Sun June 19, 2016    10:00 - 5:00

 HTML 4 - Hosting

Lesson Plan


Day 1: Intro to HTML

  • Anatomy of a website
  • Formatted text - paragraphs, headers
  • Links, images, lists, tables
  • CSS properties: colors, different fonts and font sizes
  • HTML5, pseudo-classes, the box model, padding
  • Layouts: positions, z-index, floats, clear

Day 2: HTML & CSS

  • Fixed and fluid pages
  • HTML5: browser compatibility, new structural elements 
  • Horizontal & fixed navigation
  • Heroes with full bleed background images
  • Border-radius on images & elements
  • Custom font-faces
  • Three column layouts
  • Fancy buttons
  • SVG graphics
  • Colors: RGBA colors and opacity, gradients
  • Transform: scale, rotate, translate
  • Responsive web design: fluid grids, flexible images, media queries

Study Group with Lightning Talks

Work with TAs on your projects and get feedback to improve. This is a good opportunity to get personalized attention and get any of your questions answered by our qualified TAs. 


Day 3: Responsive Design & Bootstrap

  • HTML & CSS Review
  • Tools and pro-tips for front-end development and debugging
  • Good defaults and comparison of front-end frameworks
  • Bootstrap grid system
  • Exercise - Fluid layout with bootstrap system
  • Bootstrap CSS, component classes, atomic design
  • Building a website with UI components
  • Exercise - Splash page for your portfolio
  • Exercise - Contact me form
  • Exercise - Personal website gallery

Day 4: Deploying

  • Review Bootstrap
  • Peer Critique: Bootstrap projects
  • Client side web development
  • Web servers and protocols: Hosting provider, FTP, SSH
  • Domains, registrars, DNS
  • Version control systems
  • Intro to Github (Desktop client and basic commands)
  • Github workflow for multiple users: forking, branching, merging, PRs
  • Exercise – Set up repository and account on Github
  • Intro to Github pages
  • Exercise - Deploy with Github pages, show off to friends
  • Exercise - Student Project Directory, submit a PR with your entry to showcase your work & stay in touch

I come away from Girl Develop It classes knowing that I’ve learned as much on a subject, if not more, in a day than most learn over the course of a month.
— Stephanie Taylor