This document outlines an agenda for a workshop on building one's own website. The workshop will cover key HTML and CSS concepts for 30 minutes, go over starter code for 10 minutes, provide 30 minutes for attendees to build their site with support, and discuss next steps for learning for 10 minutes. Thinkful helps people become developers through mentorship and project-based learning. Attendees are encouraged to treat the workshop as an opportunity to build something real, not just a drill, and to take advantage of support from instructors and TAs.

1. Build Your Own Website
September 2017
WIFI: MakeOffices 5Ghz
Password: Internet!23
http://bit.ly/build-own-website
1

2. Instructor
Adam Hinkel
Flex Thinkful Student
Aerial Videographer
TAs
Wi-Fi: MakeOffices 5GHz
Pass: Internet!23
bit.ly/build-own-website
2

3. About you
What's your name?
What brought you here today?
What is your programming experience?
Wi-Fi: MakeOffices 5GHz
Pass: Internet!23
bit.ly/build-own-website
3

4. About Thinkful
Thinkful helps people become developers or data scientists
through 1-on-1 mentorship and project-based learning
These workshops are built using this approach.These workshops are built using this approach.
Wi-Fi: MakeOffices 5GHz
Pass: Internet!23
bit.ly/build-own-website
4

5. Suggestions for learning
Don't treat this as a drill, we're making something realwe're making something real
Don't get discouraged, struggle leads to masterystruggle leads to mastery
Don't be shy, take full advantage of our supporttake full advantage of our support
Wi-Fi: MakeOffices 5GHz
Pass: Internet!23
bit.ly/build-own-website
5

6. This is what we're making
View example here
Wi-Fi: MakeOffices 5GHz
Pass: Internet!23
bit.ly/build-own-website
6

7. Agenda
Learn key HTML and CSS concepts (30 min)
Go over starter code (10 min)
Build your site with our support! (30 min)
Steps to continue learning (10 min)
Wi-Fi: MakeOffices 5GHz
Pass: Internet!23
bit.ly/build-own-website
7

8. HTML - Hypertext Markup Language
<h1 class="intro">Hi there!</h1>
AttributeOpening tag
h1 element
Closing tagContent
Wi-Fi: MakeOffices 5GHz
Pass: Internet!23
bit.ly/build-own-website
8

9. HTML
Wi-Fi: MakeOffices 5GHz
Pass: Internet!23
bit.ly/build-own-website
9

10. CSS - Cascading Style Sheets
h1 {
color: blue;
}
Value
Property
Selector
Wi-Fi: MakeOffices 5GHz
Pass: Internet!23
bit.ly/build-own-website
10

11. CSS selectors, properties, values
Wi-Fi: MakeOffices 5GHz
Pass: Internet!23
bit.ly/build-own-website
11

12. Margin, border, and padding
Wi-Fi: MakeOffices 5GHz
Pass: Internet!23
bit.ly/build-own-website
12

13. Margin, border, and padding
Wi-Fi: MakeOffices 5GHz
Pass: Internet!23
bit.ly/build-own-website
13

14. Real developers use Google... a lot
Wi-Fi: MakeOffices 5GHz
Pass: Internet!23
bit.ly/build-own-website
14

15. Glitch setup & first steps!
http://bit.ly/build-website-starter
Wi-Fi: MakeOffices 5GHz
Pass: Internet!23
bit.ly/build-own-website
15

16. Ways to keep learning
16

17. For aspiring developers, bootcamps fill the gap
Source: Bureau of Labor Statistics
17

18. Our students receive unprecedented support
1-on-1 Learning Mentor
1-on-1 Career MentorProgram Manager
Los Angeles Community
You
18

19. 91%91%
job-placement rate + job guarantee
Link for the third party audit jobs report:
https://www.thinkful.com/bootcamp-jobs-statshttps://www.thinkful.com/bootcamp-jobs-stats
Thinkful's track record of getting students jobs
19

20. Thinkful Two-Week Trial
Talk to one of us and email benjy@thinkful.combenjy@thinkful.com to learn more
Two-week Free Course Trial
Start with HTML, CSS and JavaScript
Option to continue with full bootcamp
Financing & scholarships available
Offer valid for one week after eventOffer valid for one week after event
BenjyBenjy SchechnerSchechner
Education Advisor
20