html/CSS Crash course w/ interactive slides link

html/CSS Crash course w/ interactive slides link

• 1.
  HTML/CSS Crash Course: BuildYour Own Website March 2018 WIFI: CrossCamp.us Members Password: innovate bit.ly/website-labit.ly/website-la Interactive Slides: bit.ly/website-la-slidesInteractive Slides: bit.ly/website-la-slides 1
• 2.
  Instructor Walter Guevara Thinkful WebDev Mentor CTO & Co-founder @ Renly Wi-Fi: CrossCamp.usEvents Pass: none http://bit.ly/website-la Justin Ezor - TA Thinkful LA Community Manager Web Developer Co-founder @ Hacker Fund 2
• 3.
  About you What's yourname? What brought you here today? What is your programming experience? Wi-Fi: Digital Ignition Pass: Countdown54321 bit.ly/build-own-website Wi-Fi: CrossCamp.usEvents Pass: none http://bit.ly/website-la 3
• 4.
  About Thinkful Thinkful helpspeople 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: Digital Ignition Pass: Countdown54321 bit.ly/build-own-website Wi-Fi: CrossCamp.usEvents Pass: none http://bit.ly/website-la 4
• 5.
  Suggestions for learning Don'ttreat 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: Digital Ignition Pass: Countdown54321 bit.ly/build-own-website Wi-Fi: CrossCamp.usEvents Pass: none http://bit.ly/website-la 5
• 6.
  This is whatwe're making View example here Wi-Fi: Digital Ignition Pass: Countdown54321 bit.ly/build-own-website Wi-Fi: CrossCamp.usEvents Pass: none http://bit.ly/website-la 6
• 7.
  Agenda Learn key HTMLand 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: Digital Ignition Pass: Countdown54321 bit.ly/build-own-website Wi-Fi: CrossCamp.usEvents Pass: none http://bit.ly/website-la 7
• 8.
  HTML - HypertextMarkup Language <h1 class="intro">Hi there!</h1> AttributeOpening tag h1 element Closing tag bit.ly/website-la Content Wi-Fi: Digital Ignition Pass: Countdown54321 bit.ly/build-own-website 8Wi-Fi: CrossCamp.usEvents Pass: none http://bit.ly/website-la
• 9.
  HTML Wi-Fi: Digital Ignition Pass:Countdown54321 bit.ly/build-own-website Wi-Fi: CrossCamp.usEvents Pass: none http://bit.ly/website-la 9
• 10.
  CSS - CascadingStyle Sheets h1 { color: blue; } Value Property Selector bit.ly/website-la Wi-Fi: Digital Ignition Pass: Countdown54321 bit.ly/build-own-website Wi-Fi: CrossCamp.usEvents Pass: none 10http://bit.ly/website-la
• 11.
  CSS selectors, properties,values Wi-Fi: Digital Ignition Pass: Countdown54321 bit.ly/build-own-website Wi-Fi: CrossCamp.usEvents Pass: none http://bit.ly/website-la 11
• 12.
  Margin, border, andpadding Wi-Fi: Digital Ignition Pass: Countdown54321 bit.ly/build-own-website Wi-Fi: CrossCamp.usEvents Pass: none http://bit.ly/website-la 12
• 13.
  Margin, border, andpadding Wi-Fi: Digital Ignition Pass: Countdown54321 bit.ly/build-own-website Wi-Fi: CrossCamp.usEvents Pass: none http://bit.ly/website-la 13
• 14.
  Real developers useGoogle... a lot Wi-Fi: Digital Ignition Pass: Countdown54321 bit.ly/build-own-website Wi-Fi: CrossCamp.usEvents Pass: none http://bit.ly/website-la 14
• 15.
  Glitch setup &first steps! http://bit.ly/build-website-starter Wi-Fi: Digital Ignition Pass: Countdown54321 bit.ly/build-own-website Wi-Fi: CrossCamp.usEvents Pass: none http://bit.ly/website-la 15
• 16.
  Ways to keeplearning More Structure Less Structure More SupportLess Support 16
• 17.
  325+ mentors325+ mentorswith an average of 10 years of experience10 years of experience in the field 17
• 18.
  Support 'round theclock Your Mentor Q&A Sessions Career Coach In-person Workshops Slack Program Manager YouYou 18
• 19.
  Our results 92%92%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.
  Thinkful's free resource Talkto one of us and email justin.ezor@thinkful.comjustin.ezor@thinkful.com to learn more Web Development Fundamentals Covers HTML, CSS and JavaScript Unlimited mentor-led Q&A sessions Personal Program Manager to help you set goals and navigate resources Student Slack Channel bit.ly/free-web-la 20