This document provides an introduction to coding and web development. It discusses HTML, CSS, and JavaScript, and how to structure them using concepts like the box model. It promotes Thinkful, an online coding bootcamp, and describes their curriculum and mentorship approach. Links are provided to free coding resources and a two-week trial for Thinkful's program. Graduates share their experiences and projects.

1. codepen.io

2. Introductions
➔ What's your name?
➔ What brought you here today?
➔ What is your programming experience?

3. About
Thinkful
We train web developers and
data scientists through 1x1
mentorship and project-based
learning.
Guaranteed.

4. This is
What
We’re
Making.

5. HTML:
Hypertext
Markup
Language

6. HTML:
Hypertext
Markup
Language

7. codepen.io
➔ Go to codepen.io
➔ Create a free account if you’d like
to save your work for later
➔ Go to Create
➔ Click New Pen
➔ Make your screen look like this:

8. HTML

9. CSS:
Cascading
Style
Sheets Selector
Value
Property

10. CSS
Selectors,
Properties,
Values

11. Margin,
Border, &
Padding

12. Margin,
Border, &
Padding
bit.ly/box-model-drill

13. Real
Developers
Use Google...
A Lot.

14. Starter
code:
bit.ly/build-website-starter

15. Ways
to
Learn
Code

16. ➔ Free trial of Full Stack Flex
online program
➔ Start with HTML, CSS and JavaScript
➔ Personal Program Manager
➔ Unlimited Q&A Sessions
➔ Student Slack Community
➔ bit.ly/freetrial-webdev
Thinkful
Two-Week
Free
Trial

17. The
Student
Experience
Jeff Connelly, Thinkful Graduate
Portfolio
Shay Kennedy, Thinkful Graduate
Capstone
Shari Hobbs, Thinkful Graduate
Capstone
Evan Thompson, Thinkful Graduate
Capstone