This document outlines an agenda for a workshop on building a website. The workshop will cover key HTML and CSS concepts for 30 minutes, review starter code for 10 minutes, provide 30 minutes for attendees to build their site with support, and discuss next steps for learning in 10 minutes. Attendees will learn about HTML tags and attributes, CSS selectors, properties and values, and margin, padding, and border. The goal is for attendees to leave with the skills to continue building their own website.

1. Build Your Own Website
June 2017
WIFI: Digital Ignition
Password: Countdown54321
http://bit.ly/build-own-website
1

2. Instructor
Connor Ericson
Thinkful Graduate
Coding Instructor
TAs
Wi-Fi: Digital Ignition
Pass: Countdown54321 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: Digital Ignition
Pass: Countdown54321 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: Digital Ignition
Pass: Countdown54321 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: Digital Ignition
Pass: Countdown54321 bit.ly/build-own-website
5

6. This is what we're making
View example here
Wi-Fi: Digital Ignition
Pass: Countdown54321 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: Digital Ignition
Pass: Countdown54321 bit.ly/build-own-website
7

8. HTML - Hypertext Markup Language
<h1 class="intro">Hi there!</h1>
AttributeOpening tag
h1 element
Closing tag
bit.ly/website-la
Content
Wi-Fi: Digital Ignition
Pass: Countdown54321 bit.ly/build-own-website
8

9. HTML
Wi-Fi: Digital Ignition
Pass: Countdown54321 bit.ly/build-own-website
9

10. CSS - Cascading Style Sheets
h1 {
color: blue;
}
Value
Property
Selector
bit.ly/website-la
Wi-Fi: Digital Ignition
Pass: Countdown54321 bit.ly/build-own-website
10

11. CSS selectors, properties, values
Wi-Fi: Digital Ignition
Pass: Countdown54321 bit.ly/build-own-website
11

12. Margin, border, and padding
Wi-Fi: Digital Ignition
Pass: Countdown54321 bit.ly/build-own-website
12

13. Margin, border, and padding
Wi-Fi: Digital Ignition
Pass: Countdown54321 bit.ly/build-own-website
13

14. Real developers use Google... a lot
Wi-Fi: Digital Ignition
Pass: Countdown54321 bit.ly/build-own-website
14

15. Glitch setup & first steps!
http://bit.ly/build-website-starter
Wi-Fi: Digital Ignition
Pass: Countdown54321 bit.ly/build-own-website
15

16. Ways to keep learning
More Structure
Less Structure
More SupportLess Support
16

17. 325+ mentors325+ mentors with an average of
10 years of experience10 years of experience in the
field
17

18. Support 'round the clock
Your Mentor
Q&A Sessions
Career Coach
In-person Workshops
Slack
Program Manager
YouYou
18

19. Our results
93%93%job-placement rate + job guarantee
Kaeside IwuagwuKaeside Iwuagwu
Link for the third party audit jobs report:
https://www.thinkful.com/bootcamp-jobs-https://www.thinkful.com/bootcamp-jobs-
statsstats
Frontend Developer
Sierra GreggSierra Gregg
Software Engineer
JP EarnestJP Earnest
Web Developer
19

20. Trying Thinkful
Talk to me (or email jasjit@thinkful.com ) if you'reTalk to me (or email jasjit@thinkful.com ) if you're
interestedinterested
Get a free trial of Thinkful
with three mentor sessions
Starting with HTML/CSS/JS,
with option to continue to
full program
20