This document outlines an agenda for a workshop on building websites. The workshop will be led by instructor Michael Cruz and teaching assistants. Attendees will learn key HTML and CSS concepts, work with starter code, and build their own websites with support from the instructors. The agenda also promotes Thinkful, an online bootcamp for becoming a developer or data scientist through mentorship and projects. Thinkful offers workshops, full bootcamp programs, career support, and flexible learning opportunities to help people transition into tech careers.

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

2. Instructor
Michael Cruz
Software Developer, ZBrains
Thinkful mentor
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?
Wi-Fi: Cross Camp.us Events bit.ly/website-la
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: Cross Camp.us Events bit.ly/website-la
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: Cross Camp.us Events bit.ly/website-la
5

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

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

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

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

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

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

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

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

15. Glitch setup & first steps!
http://bit.ly/tf-website-starter
Wi-Fi: Cross Camp.us Events bit.ly/website-la
15 . 1

16. Ways to keep learning
15 . 2

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

18. 89%89%
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
15 . 4

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

20. 1-on-1 mentorship enables flexible learning
Learn anywhere,
anytime, and at your
own schedule
You don't have to quit
your job to start career
transition
15 . 6

21. Thinkful Two-Week Trial
Talk to one of us and email benjy@thinkful.combenjy@thinkful.com to learn more
Two-week course with 6 mentor
sessions for $50
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
15 . 7