This document outlines an agenda for a workshop to teach participants how to build their own website. The workshop will be led by Adam Hinkel and will include an introduction to HTML and CSS concepts, a review of starter code, a building period with support from TAs, and suggestions for continuing education. Participants will learn key elements of HTML like tags and attributes, and CSS concepts like selectors, properties, and values to style and lay out pages. The goal is to have participants leave with the skills and resources to continue developing websites on their own.

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

2. Instructor
Adam Hinkel
Flex Thinkful Student
Aerial Videographer
TAs
Wi-Fi: MakeOffices 5GHz
Pass: Internet!23
bit.ly/build-website-html-css
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-website-html-css
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-website-html-css
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-website-html-css
5

6. This is what we're making
View example here
Wi-Fi: MakeOffices 5GHz
Pass: Internet!23
bit.ly/build-website-html-css
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-website-html-css
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-website-html-css
8

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

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

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

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

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

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

15. Glitch setup & first steps!
http://bit.ly/build-website-starter
Wi-Fi: MakeOffices 5GHz
Pass: Internet!23
bit.ly/build-website-html-css
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