Recommended
More Related Content
What's hot
What's hot (20)
Viewers also liked
Viewers also liked (17)
Similar to Railsbridge intro
Similar to Railsbridge intro (20)
Recently uploaded
Recently uploaded (20)
Railsbridge intro
- 2. Victoria!
- 3. Thanks to
- 5. Thanks To
- 7. Thanks to our volunteers Aaron And Sophia
- 8. Thanks to
- 9. Why Railsbridge? Let's change the ratio
- 10. Sarah Sheehan's Cupcakes Photo credit: @sarahesheehan
- 11. Air, Food, Water ● The front doors and Elevator should be unlocked all day ● There are bathrooms in the hallway. The ladies' room is unlocked :) The men's room requires a key. Rebeca has the key. ● We can work anywhere in the office that is comfortable. Please leave any personal items in place.
- 12. Air, Food, Water ● Rebeca's mobile number is 250-415-1927. ● The WiFi is called xMguest. The password is xmattersnow
- 13. Thanks to YOU. Let's Learn some front-end stuff.
- 14. HTML It is what every web page is made from. To see what a page is made of, use “View Source”. For example...
- 16. Basic Tags <!DOCTYPE html> (see diveintohtml5.info/semantics.html for explanation) <HTML> <HEAD> ---stuff like the title of the page and meta tags--- </HEAD> <BODY> ---the contents of the page--- <BODY> </HTML>
- 17. <p>This is a paragraph</p> <h2>This is a heading</h2> <a href=”facebook.com”>This is a link to facebook</a> <img src=”facebook.com/logo.gif”/> <-- That displays an image that is stored on facebook.com <em>This is a bit of text that is emphasized</em> <i>This is a bit of text that will be italicized...</i> But we might not want to do that...
- 18. How HTML, CSS and JavaScript work together HTML marks the content up into different structural types, like paragraphs, blocks, lists, images, tables, forms, comments etc. CSS tells the browser how each type of element should be displayed, which may vary for different media (like screen, print or handheld device) JavaScript tells the browser how to change the web page in response to events that happen (like clicking on something, or changing the value in a form input) From webdesignfromscratch.com
- 19. Semantic markup Using HTML to enforce the meaning of the content of the page and not the details of the visual display <em> versus <i>
- 20. Browser compatibility Cross-browser compatibility is the bane of a web developer's existence.
- 23. You should read