Websitesd1.15.17.

1. Build Your Own Website
January 2018
http://bit.ly/websiteSD
codepen.io
1

2. About us
Nick Olsen, Instructor
Thinkful Student
Jasmine Kim , TA
Bootcamp Graduate
Mike McDonald , TA
Bootcamp Graduate
2

3. About you!
What's your name?
What brought you here today?
What is your programming experience?
3

4. About Thinkful
We train developers and data scientists
through 1x1 mentorship and project-based
learning.
Guaranteed.Guaranteed.
4

5. This is what we're making
View example here
5

6. Agenda
Learn key HTML and CSS concepts
Go over starter code
Build your site with our support!
Steps to continue learning
6

7. HTML - Hypertext Markup Language
<h1>Hi there!</h1>
Opening tag
h1 element
Closing tag
bit.ly/website-la
Content
7

8. HTML - Hypertext Markup Language
<h1 class="intro">Hi there!</h1>
AttributeOpening tag
h1 element
Closing tag
bit.ly/website-la
Content
8

9. HTML
9

10. CSS - Cascading Style Sheets
h1 {
color: blue;
}
Value
Property
Selector
bit.ly/website-la
10

11. CSS selectors, properties, values
11

12. Margin, border, and padding
12

13. Margin, border, and padding
13

14. Real developers use Google... a lot
14

15. Glitch setup & first steps!
http://bit.ly/build-website-starter
15

16. Ways to keep learning
16

17. Thinkful's Free Resource
HTML, CSS and JavaScript
Unlimited Group Mentor-led sessions
Personal Program Manager
bit.ly/web-dev-freebit.ly/web-dev-free
17