Railsbridge intro

148 views

Published on

Published in: Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
148
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Railsbridge intro

  1. 1. Welcome to Railsbridge...
  2. 2. Victoria!
  3. 3. Thanks to
  4. 4. In Particular...TobiasAndJianping
  5. 5. Thanks To
  6. 6. In particular....StewartAndGeoffAndDJ
  7. 7. Thanks to our volunteersAaronAndSophia
  8. 8. Thanks to
  9. 9. Why Railsbridge?Lets change the ratio
  10. 10. Sarah Sheehans CupcakesPhoto credit: @sarahesheehan
  11. 11. Air, Food, Water● The front doors and Elevator should be unlockedall day● There are bathrooms in the hallway. The ladiesroom is unlocked :) The mens room requires a key.Rebeca has the key.● We can work anywhere in the office that iscomfortable. Please leave any personal items in place.
  12. 12. Air, Food, Water● Rebecas mobile number is 250-415-1927.● The WiFi is called xMguest. The password isxmattersnow
  13. 13. Thanks toYOU.Lets Learn some front-endstuff.
  14. 14. HTMLIt is what every web page is made from.To see what a page is made of, use “View Source”.For example...
  15. 15. Basic Tags<!DOCTYPE html>(see diveintohtml5.info/semantics.html for explanation)<HTML><HEAD>---stuff like the title of the pageand meta tags---</HEAD><BODY>---the contents of the page---<BODY></HTML>
  16. 16. <p>This is a paragraph</p><h2>This is a heading</h2><a href=”facebook.com”>This is alink to facebook</a><img src=”facebook.com/logo.gif”/><-- That displays an image that isstored on facebook.com<em>This is a bit of text that isemphasized</em><i>This is a bit of text that willbe italicized...</i>But we might not want to do that...
  17. 17. How HTML, CSS andJavaScript work togetherHTMLmarks the content up into different structural types, like paragraphs, blocks, lists, images, tables,forms, comments etc.CSStells the browser how each type of element should be displayed, which may vary for differentmedia (like screen, print or handheld device)JavaScripttells the browser how to change the web page in response to events that happen (like clicking onsomething, or changing the value in a form input)From webdesignfromscratch.com
  18. 18. Semantic markupUsing HTML to enforce the meaningof the content of the page and notthe details of the visual display<em> versus <i>
  19. 19. Browser compatibilityCross-browser compatibility is thebane of a web developers existence.
  20. 20. Developer tools/inspector
  21. 21. HTML 5From wsj.com
  22. 22. You should read

×