SlideShare a Scribd company logo
Build Your Own Website
September 2017
WIFI: TGS Guest
Password: visitor384
http://bit.ly/build-own-website
1
Instructor
Ivy Rueb
Thinkful Community Manager
Frontend Web Developer
TAs
Wi-Fi: TGS Guest
Password: visitor384
bit.ly/build-own-website
2
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: TGS Guest
Password: visitor384
bit.ly/build-own-website
3
About you
What's your name?
What brought you here today?
What is your programming experience?
One thing on your bucket list?
Wi-Fi: TGS Guest
Password: visitor384
bit.ly/build-own-website
4
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: TGS Guest
Password: visitor384
bit.ly/build-own-website
5
This is what we're making
View example here
Wi-Fi: TGS Guest
Password: visitor384
bit.ly/build-own-website
6
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: TGS Guest
Password: visitor384
bit.ly/build-own-website
7
HTML - Hypertext Markup Language
<h1 class="intro">Hi there!</h1>
AttributeOpening tag
h1 element
Closing tagContent
Wi-Fi: TGS Guest
Password: visitor384
bit.ly/build-own-website
8
HTML
Wi-Fi: TGS Guest
Password: visitor384
bit.ly/build-own-website
9
CSS - Cascading Style Sheets
h1 {
color: blue;
}
Value
Property
Selector
Wi-Fi: TGS Guest
Password: visitor384
bit.ly/build-own-website
10
CSS selectors, properties, values
Wi-Fi: TGS Guest
Password: visitor384
bit.ly/build-own-website
11
Margin, border, and padding
Wi-Fi: TGS Guest
Password: visitor384
bit.ly/build-own-website
12
Margin, border, and padding
Wi-Fi: TGS Guest
Password: visitor384
bit.ly/build-own-website
13
Real developers use Google... a lot
Wi-Fi: TGS Guest
Password: visitor384
bit.ly/build-own-website
14
Glitch setup & first steps!
http://bit.ly/build-website-starter
Wi-Fi: TGS Guest
Password: visitor384
bit.ly/build-own-website
15
Ways to keep learning
16
For aspiring developers, bootcamps fill the gap
17
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
18
Our students receive unprecedented support
Learning Mentor
Career MentorProgram Manager
Local Community
You
19
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
20
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
21

More Related Content

What's hot

Build your own Website
Build your own WebsiteBuild your own Website
Build your own Website
Aaron Lamphere
 
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7(1)
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7(1)Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7(1)
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7(1)
Thinkful
 
website phx
website phxwebsite phx
website phx
Thinkful
 
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-30
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-30Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-30
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-30
Thinkful
 
Build Your Own Website with HTML/CSS
Build Your Own Website with HTML/CSSBuild Your Own Website with HTML/CSS
Build Your Own Website with HTML/CSS
Thinkful
 
Byoweb8:30 sd
Byoweb8:30 sdByoweb8:30 sd
Byoweb8:30 sd
Thinkful
 
Frontend Crash Course
Frontend Crash CourseFrontend Crash Course
Frontend Crash Course
Aaron Lamphere
 
Labuildwebsiteseptember5
Labuildwebsiteseptember5Labuildwebsiteseptember5
Labuildwebsiteseptember5
Thinkful
 
Build your Own Website with HTML/CSS
Build your Own Website with HTML/CSSBuild your Own Website with HTML/CSS
Build your Own Website with HTML/CSS
Aaron Lamphere
 
Thinkful FrontEnd Crash Course - HTML & CSS
Thinkful FrontEnd Crash Course - HTML & CSSThinkful FrontEnd Crash Course - HTML & CSS
Thinkful FrontEnd Crash Course - HTML & CSS
TJ Stalcup
 
Thinkful DC FrontEnd Crash Course - HTML & CSS
Thinkful DC FrontEnd Crash Course - HTML & CSSThinkful DC FrontEnd Crash Course - HTML & CSS
Thinkful DC FrontEnd Crash Course - HTML & CSS
TJ Stalcup
 
Frontend Crash Course
Frontend Crash CourseFrontend Crash Course
Frontend Crash Course
Aaron Lamphere
 
website la 11/28
website la 11/28website la 11/28
website la 11/28
Thinkful
 
Intro to js august 31
Intro to js august 31Intro to js august 31
Intro to js august 31
Thinkful
 
Thinkful FrontEnd Crash Course - HTML & CSS
Thinkful FrontEnd Crash Course - HTML & CSSThinkful FrontEnd Crash Course - HTML & CSS
Thinkful FrontEnd Crash Course - HTML & CSS
TJ Stalcup
 
Frontend Crash Course
Frontend Crash CourseFrontend Crash Course
Frontend Crash Course
TJ Stalcup
 
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-13-37
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-13-37Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-13-37
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-13-37
Thinkful
 
Build Your Own Website with HTML/CSS
Build Your Own Website with HTML/CSSBuild Your Own Website with HTML/CSS
Build Your Own Website with HTML/CSS
Thinkful
 
Build your own website July 2017 LA
Build your own website July 2017 LABuild your own website July 2017 LA
Build your own website July 2017 LA
Thinkful
 
Deck 6-130-441
Deck 6-130-441Deck 6-130-441
Deck 6-130-441
Justin Ezor
 

What's hot (20)

Build your own Website
Build your own WebsiteBuild your own Website
Build your own Website
 
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7(1)
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7(1)Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7(1)
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7(1)
 
website phx
website phxwebsite phx
website phx
 
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-30
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-30Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-30
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-30
 
Build Your Own Website with HTML/CSS
Build Your Own Website with HTML/CSSBuild Your Own Website with HTML/CSS
Build Your Own Website with HTML/CSS
 
Byoweb8:30 sd
Byoweb8:30 sdByoweb8:30 sd
Byoweb8:30 sd
 
Frontend Crash Course
Frontend Crash CourseFrontend Crash Course
Frontend Crash Course
 
Labuildwebsiteseptember5
Labuildwebsiteseptember5Labuildwebsiteseptember5
Labuildwebsiteseptember5
 
Build your Own Website with HTML/CSS
Build your Own Website with HTML/CSSBuild your Own Website with HTML/CSS
Build your Own Website with HTML/CSS
 
Thinkful FrontEnd Crash Course - HTML & CSS
Thinkful FrontEnd Crash Course - HTML & CSSThinkful FrontEnd Crash Course - HTML & CSS
Thinkful FrontEnd Crash Course - HTML & CSS
 
Thinkful DC FrontEnd Crash Course - HTML & CSS
Thinkful DC FrontEnd Crash Course - HTML & CSSThinkful DC FrontEnd Crash Course - HTML & CSS
Thinkful DC FrontEnd Crash Course - HTML & CSS
 
Frontend Crash Course
Frontend Crash CourseFrontend Crash Course
Frontend Crash Course
 
website la 11/28
website la 11/28website la 11/28
website la 11/28
 
Intro to js august 31
Intro to js august 31Intro to js august 31
Intro to js august 31
 
Thinkful FrontEnd Crash Course - HTML & CSS
Thinkful FrontEnd Crash Course - HTML & CSSThinkful FrontEnd Crash Course - HTML & CSS
Thinkful FrontEnd Crash Course - HTML & CSS
 
Frontend Crash Course
Frontend Crash CourseFrontend Crash Course
Frontend Crash Course
 
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-13-37
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-13-37Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-13-37
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-13-37
 
Build Your Own Website with HTML/CSS
Build Your Own Website with HTML/CSSBuild Your Own Website with HTML/CSS
Build Your Own Website with HTML/CSS
 
Build your own website July 2017 LA
Build your own website July 2017 LABuild your own website July 2017 LA
Build your own website July 2017 LA
 
Deck 6-130-441
Deck 6-130-441Deck 6-130-441
Deck 6-130-441
 

Similar to Build Own Website

Build your own website - LA 3-20-18
Build your own website - LA 3-20-18Build your own website - LA 3-20-18
Build your own website - LA 3-20-18
Justin Ezor
 
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-405 (2)
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-405 (2)Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-405 (2)
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-405 (2)
Justin Ezor
 
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-405 (1)
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-405 (1)Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-405 (1)
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-405 (1)
Justin Ezor
 
html/CSS Crash course
html/CSS Crash coursehtml/CSS Crash course
html/CSS Crash course
Justin Ezor
 
Build your own website - LA 2-13-18
Build your own website - LA 2-13-18Build your own website - LA 2-13-18
Build your own website - LA 2-13-18
Justin Ezor
 
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-353-412-457
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-353-412-457Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-353-412-457
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-353-412-457
Justin Ezor
 
html/CSS crash course correct free course link
html/CSS crash course correct free course linkhtml/CSS crash course correct free course link
html/CSS crash course correct free course link
Justin Ezor
 
html/CSS Crash course w/ interactive slides link
html/CSS Crash course w/ interactive slides linkhtml/CSS Crash course w/ interactive slides link
html/CSS Crash course w/ interactive slides link
Justin Ezor
 
Build Your Own Website - Intro to HTML & CSS
Build Your Own Website - Intro to HTML & CSSBuild Your Own Website - Intro to HTML & CSS
Build Your Own Website - Intro to HTML & CSS
TJ Stalcup
 
Thinkful build a website (html, css)
Thinkful build a website (html, css)Thinkful build a website (html, css)
Thinkful build a website (html, css)
Thinkful
 
Build Your Own Website - Thinkful DC
Build Your Own Website - Thinkful DCBuild Your Own Website - Thinkful DC
Build Your Own Website - Thinkful DC
TJ Stalcup
 
Intro to js september 19
Intro to js september 19Intro to js september 19
Intro to js september 19
Thinkful
 
Deck 6-80-140-196-213-271-321-364-413
Deck 6-80-140-196-213-271-321-364-413Deck 6-80-140-196-213-271-321-364-413
Deck 6-80-140-196-213-271-321-364-413
Justin Ezor
 
Intro To JavaScript
Intro To JavaScriptIntro To JavaScript
Intro To JavaScript
Ivy Rueb
 
Intro to Javascript
Intro to JavascriptIntro to Javascript
Intro to Javascript
TJ Stalcup
 

Similar to Build Own Website (15)

Build your own website - LA 3-20-18
Build your own website - LA 3-20-18Build your own website - LA 3-20-18
Build your own website - LA 3-20-18
 
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-405 (2)
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-405 (2)Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-405 (2)
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-405 (2)
 
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-405 (1)
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-405 (1)Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-405 (1)
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-405 (1)
 
html/CSS Crash course
html/CSS Crash coursehtml/CSS Crash course
html/CSS Crash course
 
Build your own website - LA 2-13-18
Build your own website - LA 2-13-18Build your own website - LA 2-13-18
Build your own website - LA 2-13-18
 
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-353-412-457
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-353-412-457Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-353-412-457
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-353-412-457
 
html/CSS crash course correct free course link
html/CSS crash course correct free course linkhtml/CSS crash course correct free course link
html/CSS crash course correct free course link
 
html/CSS Crash course w/ interactive slides link
html/CSS Crash course w/ interactive slides linkhtml/CSS Crash course w/ interactive slides link
html/CSS Crash course w/ interactive slides link
 
Build Your Own Website - Intro to HTML & CSS
Build Your Own Website - Intro to HTML & CSSBuild Your Own Website - Intro to HTML & CSS
Build Your Own Website - Intro to HTML & CSS
 
Thinkful build a website (html, css)
Thinkful build a website (html, css)Thinkful build a website (html, css)
Thinkful build a website (html, css)
 
Build Your Own Website - Thinkful DC
Build Your Own Website - Thinkful DCBuild Your Own Website - Thinkful DC
Build Your Own Website - Thinkful DC
 
Intro to js september 19
Intro to js september 19Intro to js september 19
Intro to js september 19
 
Deck 6-80-140-196-213-271-321-364-413
Deck 6-80-140-196-213-271-321-364-413Deck 6-80-140-196-213-271-321-364-413
Deck 6-80-140-196-213-271-321-364-413
 
Intro To JavaScript
Intro To JavaScriptIntro To JavaScript
Intro To JavaScript
 
Intro to Javascript
Intro to JavascriptIntro to Javascript
Intro to Javascript
 

More from Ivy Rueb

Getting Started in Tech
Getting Started in TechGetting Started in Tech
Getting Started in Tech
Ivy Rueb
 
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-33-82-317
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-33-82-317Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-33-82-317
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-33-82-317
Ivy Rueb
 
Build your Own Twitter bot 09/20
Build your Own Twitter bot 09/20Build your Own Twitter bot 09/20
Build your Own Twitter bot 09/20
Ivy Rueb
 
Intro To JavaScript
Intro To JavaScriptIntro To JavaScript
Intro To JavaScript
Ivy Rueb
 
Instagram filters (10-5)
Instagram filters (10-5)Instagram filters (10-5)
Instagram filters (10-5)
Ivy Rueb
 
Instagram filters (8 24)
Instagram filters (8 24)Instagram filters (8 24)
Instagram filters (8 24)
Ivy Rueb
 
Instagram filters (8 24)
Instagram filters (8 24)Instagram filters (8 24)
Instagram filters (8 24)
Ivy Rueb
 
Build a Game with Javascript
Build a Game with Javascript Build a Game with Javascript
Build a Game with Javascript
Ivy Rueb
 
Frontend Crash Coarse 09/28
Frontend Crash Coarse 09/28Frontend Crash Coarse 09/28
Frontend Crash Coarse 09/28
Ivy Rueb
 
Build a Virtual Pet with Javascript
Build a Virtual Pet with JavascriptBuild a Virtual Pet with Javascript
Build a Virtual Pet with Javascript
Ivy Rueb
 
Build a Web App with Javascript and Jquery 09/19
Build a Web App with Javascript and Jquery 09/19Build a Web App with Javascript and Jquery 09/19
Build a Web App with Javascript and Jquery 09/19
Ivy Rueb
 
Deck 6-80
Deck 6-80Deck 6-80
Deck 6-80
Ivy Rueb
 
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-9-81
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-9-81Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-9-81
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-9-81
Ivy Rueb
 
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-9-52-74
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-9-52-74Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-9-52-74
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-9-52-74
Ivy Rueb
 
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-9-52-74
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-9-52-74Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-9-52-74
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-9-52-74
Ivy Rueb
 
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-14-25-72 (1)
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-14-25-72 (1)Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-14-25-72 (1)
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-14-25-72 (1)
Ivy Rueb
 
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-14-25-72
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-14-25-72Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-14-25-72
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-14-25-72
Ivy Rueb
 
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-13-66
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-13-66Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-13-66
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-13-66
Ivy Rueb
 
Deck 4-67
Deck 4-67Deck 4-67
Deck 4-67
Ivy Rueb
 
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-57 (2)
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-57 (2)Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-57 (2)
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-57 (2)
Ivy Rueb
 

More from Ivy Rueb (20)

Getting Started in Tech
Getting Started in TechGetting Started in Tech
Getting Started in Tech
 
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-33-82-317
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-33-82-317Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-33-82-317
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-33-82-317
 
Build your Own Twitter bot 09/20
Build your Own Twitter bot 09/20Build your Own Twitter bot 09/20
Build your Own Twitter bot 09/20
 
Intro To JavaScript
Intro To JavaScriptIntro To JavaScript
Intro To JavaScript
 
Instagram filters (10-5)
Instagram filters (10-5)Instagram filters (10-5)
Instagram filters (10-5)
 
Instagram filters (8 24)
Instagram filters (8 24)Instagram filters (8 24)
Instagram filters (8 24)
 
Instagram filters (8 24)
Instagram filters (8 24)Instagram filters (8 24)
Instagram filters (8 24)
 
Build a Game with Javascript
Build a Game with Javascript Build a Game with Javascript
Build a Game with Javascript
 
Frontend Crash Coarse 09/28
Frontend Crash Coarse 09/28Frontend Crash Coarse 09/28
Frontend Crash Coarse 09/28
 
Build a Virtual Pet with Javascript
Build a Virtual Pet with JavascriptBuild a Virtual Pet with Javascript
Build a Virtual Pet with Javascript
 
Build a Web App with Javascript and Jquery 09/19
Build a Web App with Javascript and Jquery 09/19Build a Web App with Javascript and Jquery 09/19
Build a Web App with Javascript and Jquery 09/19
 
Deck 6-80
Deck 6-80Deck 6-80
Deck 6-80
 
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-9-81
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-9-81Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-9-81
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-9-81
 
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-9-52-74
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-9-52-74Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-9-52-74
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-9-52-74
 
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-9-52-74
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-9-52-74Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-9-52-74
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-9-52-74
 
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-14-25-72 (1)
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-14-25-72 (1)Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-14-25-72 (1)
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-14-25-72 (1)
 
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-14-25-72
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-14-25-72Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-14-25-72
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-14-25-72
 
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-13-66
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-13-66Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-13-66
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-13-66
 
Deck 4-67
Deck 4-67Deck 4-67
Deck 4-67
 
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-57 (2)
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-57 (2)Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-57 (2)
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-57 (2)
 

Recently uploaded

Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........
Alison B. Lowndes
 
The Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and SalesThe Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and Sales
Laura Byrne
 
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Ramesh Iyer
 
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
Product School
 
Epistemic Interaction - tuning interfaces to provide information for AI support
Epistemic Interaction - tuning interfaces to provide information for AI supportEpistemic Interaction - tuning interfaces to provide information for AI support
Epistemic Interaction - tuning interfaces to provide information for AI support
Alan Dix
 
Designing Great Products: The Power of Design and Leadership by Chief Designe...
Designing Great Products: The Power of Design and Leadership by Chief Designe...Designing Great Products: The Power of Design and Leadership by Chief Designe...
Designing Great Products: The Power of Design and Leadership by Chief Designe...
Product School
 
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdfSmart TV Buyer Insights Survey 2024 by 91mobiles.pdf
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf
91mobiles
 
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered QualitySoftware Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Inflectra
 
IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx
IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptxIOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx
IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx
Abida Shariff
 
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Tobias Schneck
 
Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...
BookNet Canada
 
Neuro-symbolic is not enough, we need neuro-*semantic*
Neuro-symbolic is not enough, we need neuro-*semantic*Neuro-symbolic is not enough, we need neuro-*semantic*
Neuro-symbolic is not enough, we need neuro-*semantic*
Frank van Harmelen
 
Accelerate your Kubernetes clusters with Varnish Caching
Accelerate your Kubernetes clusters with Varnish CachingAccelerate your Kubernetes clusters with Varnish Caching
Accelerate your Kubernetes clusters with Varnish Caching
Thijs Feryn
 
Mission to Decommission: Importance of Decommissioning Products to Increase E...
Mission to Decommission: Importance of Decommissioning Products to Increase E...Mission to Decommission: Importance of Decommissioning Products to Increase E...
Mission to Decommission: Importance of Decommissioning Products to Increase E...
Product School
 
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdfFIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
FIDO Alliance
 
DevOps and Testing slides at DASA Connect
DevOps and Testing slides at DASA ConnectDevOps and Testing slides at DASA Connect
DevOps and Testing slides at DASA Connect
Kari Kakkonen
 
Essentials of Automations: Optimizing FME Workflows with Parameters
Essentials of Automations: Optimizing FME Workflows with ParametersEssentials of Automations: Optimizing FME Workflows with Parameters
Essentials of Automations: Optimizing FME Workflows with Parameters
Safe Software
 
UiPath Test Automation using UiPath Test Suite series, part 3
UiPath Test Automation using UiPath Test Suite series, part 3UiPath Test Automation using UiPath Test Suite series, part 3
UiPath Test Automation using UiPath Test Suite series, part 3
DianaGray10
 
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
Product School
 
Knowledge engineering: from people to machines and back
Knowledge engineering: from people to machines and backKnowledge engineering: from people to machines and back
Knowledge engineering: from people to machines and back
Elena Simperl
 

Recently uploaded (20)

Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........
 
The Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and SalesThe Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and Sales
 
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
 
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
 
Epistemic Interaction - tuning interfaces to provide information for AI support
Epistemic Interaction - tuning interfaces to provide information for AI supportEpistemic Interaction - tuning interfaces to provide information for AI support
Epistemic Interaction - tuning interfaces to provide information for AI support
 
Designing Great Products: The Power of Design and Leadership by Chief Designe...
Designing Great Products: The Power of Design and Leadership by Chief Designe...Designing Great Products: The Power of Design and Leadership by Chief Designe...
Designing Great Products: The Power of Design and Leadership by Chief Designe...
 
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdfSmart TV Buyer Insights Survey 2024 by 91mobiles.pdf
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf
 
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered QualitySoftware Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
 
IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx
IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptxIOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx
IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx
 
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
 
Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...
 
Neuro-symbolic is not enough, we need neuro-*semantic*
Neuro-symbolic is not enough, we need neuro-*semantic*Neuro-symbolic is not enough, we need neuro-*semantic*
Neuro-symbolic is not enough, we need neuro-*semantic*
 
Accelerate your Kubernetes clusters with Varnish Caching
Accelerate your Kubernetes clusters with Varnish CachingAccelerate your Kubernetes clusters with Varnish Caching
Accelerate your Kubernetes clusters with Varnish Caching
 
Mission to Decommission: Importance of Decommissioning Products to Increase E...
Mission to Decommission: Importance of Decommissioning Products to Increase E...Mission to Decommission: Importance of Decommissioning Products to Increase E...
Mission to Decommission: Importance of Decommissioning Products to Increase E...
 
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdfFIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
 
DevOps and Testing slides at DASA Connect
DevOps and Testing slides at DASA ConnectDevOps and Testing slides at DASA Connect
DevOps and Testing slides at DASA Connect
 
Essentials of Automations: Optimizing FME Workflows with Parameters
Essentials of Automations: Optimizing FME Workflows with ParametersEssentials of Automations: Optimizing FME Workflows with Parameters
Essentials of Automations: Optimizing FME Workflows with Parameters
 
UiPath Test Automation using UiPath Test Suite series, part 3
UiPath Test Automation using UiPath Test Suite series, part 3UiPath Test Automation using UiPath Test Suite series, part 3
UiPath Test Automation using UiPath Test Suite series, part 3
 
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
 
Knowledge engineering: from people to machines and back
Knowledge engineering: from people to machines and backKnowledge engineering: from people to machines and back
Knowledge engineering: from people to machines and back
 

Build Own Website

  • 1. Build Your Own Website September 2017 WIFI: TGS Guest Password: visitor384 http://bit.ly/build-own-website 1
  • 2. Instructor Ivy Rueb Thinkful Community Manager Frontend Web Developer TAs Wi-Fi: TGS Guest Password: visitor384 bit.ly/build-own-website 2
  • 3. 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: TGS Guest Password: visitor384 bit.ly/build-own-website 3
  • 4. About you What's your name? What brought you here today? What is your programming experience? One thing on your bucket list? Wi-Fi: TGS Guest Password: visitor384 bit.ly/build-own-website 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: TGS Guest Password: visitor384 bit.ly/build-own-website 5
  • 6. This is what we're making View example here Wi-Fi: TGS Guest Password: visitor384 bit.ly/build-own-website 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: TGS Guest Password: visitor384 bit.ly/build-own-website 7
  • 8. HTML - Hypertext Markup Language <h1 class="intro">Hi there!</h1> AttributeOpening tag h1 element Closing tagContent Wi-Fi: TGS Guest Password: visitor384 bit.ly/build-own-website 8
  • 9. HTML Wi-Fi: TGS Guest Password: visitor384 bit.ly/build-own-website 9
  • 10. CSS - Cascading Style Sheets h1 { color: blue; } Value Property Selector Wi-Fi: TGS Guest Password: visitor384 bit.ly/build-own-website 10
  • 11. CSS selectors, properties, values Wi-Fi: TGS Guest Password: visitor384 bit.ly/build-own-website 11
  • 12. Margin, border, and padding Wi-Fi: TGS Guest Password: visitor384 bit.ly/build-own-website 12
  • 13. Margin, border, and padding Wi-Fi: TGS Guest Password: visitor384 bit.ly/build-own-website 13
  • 14. Real developers use Google... a lot Wi-Fi: TGS Guest Password: visitor384 bit.ly/build-own-website 14
  • 15. Glitch setup & first steps! http://bit.ly/build-website-starter Wi-Fi: TGS Guest Password: visitor384 bit.ly/build-own-website 15
  • 16. Ways to keep learning 16
  • 17. For aspiring developers, bootcamps fill the gap 17
  • 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 18
  • 19. Our students receive unprecedented support Learning Mentor Career MentorProgram Manager Local Community You 19
  • 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 20
  • 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 21