This document outlines an agenda for a workshop on building websites. The workshop will be led by Anna Mendoza from Thinkful and will include introductions, an overview of HTML and CSS concepts, reviewing starter code, building a website with support from TAs, and information on continuing learning. Attendees will learn key elements of HTML like tags and attributes and CSS like selectors, properties and values. They will then build their own site using starter code provided. Thinkful helps people become developers through 1-on-1 mentorship and project-based learning.

1. Build Your Own Website
July 2017
WIFI: Cross Camp.us Events
http://bit.ly/website-la
1

2. Instructor
Anna Mendoza
Thinkful Mentor
Curve Design - Principal
TAs
Wi-Fi: Cross Camp.us Events bit.ly/website-la
2

3. About you
What's your name?
What brought you here today?
What is your programming experience?
bit.ly/website-laWi-Fi: Cross Camp.us Events
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.
bit.ly/website-laWi-Fi: Cross Camp.us Events
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
bit.ly/website-laWi-Fi: Cross Camp.us Events
5

6. This is what we're making
View example here
bit.ly/website-laWi-Fi: Cross Camp.us Events
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)
bit.ly/website-laWi-Fi: Cross Camp.us Events
7

8. HTML - Hypertext Markup Language
<h1 class="intro">Hi there!</h1>
AttributeOpening tag
h1 element
Closing tag
bit.ly/website-la
Content
bit.ly/website-laWi-Fi: Cross Camp.us Events
8

9. HTML
bit.ly/website-laWi-Fi: Cross Camp.us Events
9

10. CSS - Cascading Style Sheets
h1 {
color: blue;
}
Value
Property
Selector
bit.ly/website-labit.ly/website-laWi-Fi: Cross Camp.us Events
10

11. CSS selectors, properties, values
bit.ly/website-laWi-Fi: Cross Camp.us Events
11

12. Margin, border, and padding
bit.ly/website-laWi-Fi: Cross Camp.us Events
12

13. Margin, border, and padding
bit.ly/website-laWi-Fi: Cross Camp.us Events
13

14. Real developers use Google... a lot
bit.ly/website-laWi-Fi: Cross Camp.us Events
14

15. Glitch setup & first steps!
http://bit.ly/build-website-starter
bit.ly/website-laWi-Fi: Cross Camp.us Events
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. Take a tour!
Talk to me (or email georgie@thinkful.com ) if you're interested
Get a tour of the program to see if
project-based, online learning is a
good fit for you.
Discuss the curriculum,
mentorship, and how to create
your own learning schedule.
20