Build your Own Website with HTML/CSS

1. Build Your Own Website
October 2017
WIFI: In3-Guest
http://bit.ly/build-website-html-css
1

2. Instructor
Brittany Walker
Thinkful Alumni
CSS Extraordinar
TAs
Wi-Fi: In3-Guest bit.ly/build-website-html-css
2

3. About you
What's your name?
What brought you here today?
What is your programming experience?
Wi-Fi: MakeOffices 5GHz
Pass: Internet!23
bit.ly/build-website-html-cssWi-Fi: In3-Guest bit.ly/build-website-html-cssWi-Fi: In3-Guest bit.ly/build-website-html-css
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: MakeOffices 5GHz
Pass: Internet!23
bit.ly/build-website-html-cssWi-Fi: In3-Guest bit.ly/build-website-html-cssWi-Fi: In3-Guest
4
bit.ly/build-website-html-css

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: MakeOffices 5GHz
Pass: Internet!23
bit.ly/build-website-html-cssWi-Fi: In3-Guest bit.ly/build-website-html-cssWi-Fi: In3-Guest
5
bit.ly/build-website-html-css

6. This is what we're making
View example here
Wi-Fi: MakeOffices 5GHz
Pass: Internet!23
bit.ly/build-website-html-css
Wi-Fi: In3-Guest bit.ly/build-website-html-
Wi-Fi: In3-Guest
6
bit.ly/build-website-html-css

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: MakeOffices 5GHz
Pass: Internet!23
bit.ly/build-website-html-cssWi-Fi: In3-Guest bit.ly/build-website-html-css 7

8. HTML - Hypertext Markup Language
<h1 class="intro">Hi there!</h1>
AttributeOpening tag
h1 element
Closing tagContent
Wi-Fi: MakeOffices 5GHz
Pass: Internet!23
bit.ly/build-website-html-css
8Wi-Fi: In3-Guest bit.ly/build-website-html-css

9. HTML
Wi-Fi: MakeOffices 5GHz
Pass: Internet!23
bit.ly/build-website-html-cssWi-Fi: In3-Guest bit.ly/build-website-html-css
9

10. CSS - Cascading Style Sheets
h1 {
color: blue;
}
Value
Property
Selector
Wi-Fi: MakeOffices 5GHz
Pass: Internet!23
bit.ly/build-website-html-cssWi-Fi: In3-Guest
10
bit.ly/build-website-html-css

11. CSS selectors, properties, values
Wi-Fi: MakeOffices 5GHz
Pass: Internet!23
bit.ly/build-website-html-cssWi-Fi: In3-Guest bit.ly/build-website-html-css
11

12. Margin, border, and padding
Wi-Fi: MakeOffices 5GHz
Pass: Internet!23
bit.ly/build-website-html-cssWi-Fi: In3-Guest bit.ly/build-website-html-css 12

13. Margin, border, and padding
Wi-Fi: MakeOffices 5GHz
Pass: Internet!23
bit.ly/build-website-html-cssWi-Fi: In3-Guest bit.ly/build-website-html-css 13

14. Real developers use Google... a lot
Wi-Fi: MakeOffices 5GHz
Pass: Internet!23
bit.ly/build-website-html-cssWi-Fi: In3-Guest bit.ly/build-website-html-css 14

15. Glitch setup & first steps!
http://bit.ly/build-website-starter
Wi-Fi: MakeOffices 5GHz
Pass: Internet!23
bit.ly/build-website-html-cssWi-Fi: In3-Guest bit.ly/build-website-html-css
15

16. Ways to keep learning
16

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

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

19. 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
19

20. Thinkful Two-Week Trial
Talk to one of us and email benjy@thinkful.combenjy@thinkful.com to learn more
Two-week Free Course Trial
Start with HTML, CSS and JavaScript
Unlimited Q&A Sessions
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
20