Beginners Coding Workshop

Setup

• open Google Chrome
• open and login into Codepen.io
• open and login into Github.com

Goals

• practice something new to see if it interest you
• able to read and understand HTML/CSS & Bootstrap (front-end development)

Outline

• stage 0 - Hello, World Wide Web
• stage 1 - Let's learn HTML
• stage 2 - Beautiful pages with CSS
• stage 3 - Sketch your idea
• stage 4 - Bootstrap for speedy design
• stage 5 - Build your site

URLs for your school's tech dept

• https://github.com
• https://codepen.io
• https://placeholder.com
• https://google.com (fonts.google.com, docs.google.com)
• https://ccsearch.creativecommons.org
• https://getbootstrap.com