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, and provide 30 minutes for participants to build their site with support from TAs and instructors. It will conclude with a 10 minute discussion on next steps for continuing to learn. Attendees will learn how to structure basic HTML elements like headings and paragraphs, and how to apply CSS properties and selectors to style elements. The goal is for participants to leave having built a basic functioning website using these fundamentals.

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

2. Instructor
Michael Kulinski
Software Engineer - emGage
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/tf-website-starter
bit.ly/website-laWi-Fi: Cross Camp.us Events
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. 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
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 ($750 value)
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