Railsbridge intro

In Particular...
Tobias
And
Jianping

In particular....
Stewart
And
Geoff
And
DJ

Thanks to our volunteers
Aaron
And
Sophia

Why Railsbridge?
Let's change the ratio

Sarah Sheehan's Cupcakes
Photo credit: @sarahesheehan

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.

Air, Food, Water
● Rebeca's mobile number is 250-415-1927.
● The WiFi is called xMguest. The password is
xmattersnow

Thanks to
YOU.
Let's Learn some front-end
stuff.

HTML
It is what every web page is made from.
To see what a page is made of, use “View Source”.
For example...

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>

<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...

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

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>

Browser compatibility
Cross-browser compatibility is the
bane of a web developer's existence.

Railsbridge intro

More Related Content

What's hot

Viewers also liked

Similar to Railsbridge intro

Recently uploaded

Railsbridge intro