.

1. Build Your Own Website with HTML/CSS
August 2017
WIFI: Cartel Guest
http://bit.ly/build-website-phx
1

2. Instructor
Sean Jun
Thinkful Graduate
Software Developer, Intel
TA
Wi-Fi: Cartel Guest
bit.ly/build-website-phx
2

3. About you
What's your name?
What brought you here today?
What is your programming experience?
Wi-Fi: Cartel Guest
bit.ly/build-website-phx
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: Cartel Guest
bit.ly/build-website-phx
4

5. Suggestions for learning
Don't treat this as a drill, we're making somethingwe're making something
real.real.
Don't get discouraged, struggle leads to mastery.struggle leads to mastery.
Don't be shy, take full advantage of our support.take full advantage of our support.
Wi-Fi: Cartel Guest
bit.ly/build-website-phx
5

6. This is what we're making
View example here
Wi-Fi: Cartel Guest
bit.ly/build-website-phx
6

7. Agenda
Learn key HTML and CSS concepts (20 min)
Go over starter code (10 min)
Build your site with our support! (30 min)
Steps to continue learning (10 min)
Wi-Fi: Cartel Guest
bit.ly/build-website-phx
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: Cartel Guest
bit.ly/build-website-phx
8

9. HTML
Wi-Fi: Cartel Guest
bit.ly/build-website-phx
9

10. CSS - Cascading Style Sheets
h1 {
color: blue;
}
Value
Property
Selector
bit.ly/website-la
Wi-Fi: Cartel Guest
bit.ly/build-website-phx
10

11. CSS selectors, properties, values
Wi-Fi: Cartel Guest
bit.ly/build-website-phx
11

12. Margin, border, and padding
Wi-Fi: Cartel Guest
bit.ly/build-website-phx
12

13. Margin, border, and padding
Wi-Fi: Cartel Guest
bit.ly/build-website-phx
13

14. Real developers use Google... a lot
Wi-Fi: Cartel Guest
bit.ly/build-website-phx
14

15. Glitch setup & first steps!
http://bit.ly/build-website-starter
Wi-Fi: Cartel Guest
bit.ly/build-website-phx
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
86%86%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 shannon@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