RailsGirs introduction to code and the web

Writing code is…

Writing code is… Not as scary as it may ﬁrst
seem

Writing code is… Giving your computer instructions

Computers are stupid

Computers are stupid They only do what they are told
to do

A Web Browser Eg. • Google Chrome • Internet Explorer
• Mozilla Firefox A web browser’s job is to take HTML code and display it as a web page you can see and interact with.

A web browser’s job is to take HTML code and
display it as a web page you can see and interact with.

What is HTML code?

What is HTML code? The language of the World Wide
Web

<!DOCTYPE html> <html> ! ! ! ! ! ! !
! </html>

<!DOCTYPE html> <html> <head> ! </head> <body> ! ! !
</body> </html>

<!DOCTYPE html> <html> <head> <title>The title of our page!</title> </head>
<body> <h1>Welcome to our example page</h1> <p>We write HTML code and our browser turns it into a web page</p> </body> </html>

<html> The entire HTML document <body> The part you can
see <h1>, <h2>, <h3> Headings <p> Paragraph <img> Image <a> Anchor (Link) <div> Division

But how do we make it look pretty?

But how do we make it look pretty? With another
language - CSS

More of that to come…

How does the World Wide Web work?

How does the web work? Your web browser asks for
a web page using an address eg: http://google.com/?q=railsgirls The server (a type of computer) receives the request The server creates the HTML needed and sends it back to your web browser Your web browser receives this HTML and displays the web page.

Please can I have http://google.com/?q=railsgirls Sure! Here you go

Where does Rails fit into all of this?

Where does Rails fit into all of this? Rails runs
on the server to receive the request and generate the HTML response

Rails uses a programming language called Ruby

Rails uses a programming language called Ruby Ruby is designed
to make programming fun and enjoyable

So let’s learn how to write some Ruby!

RailsGirs introduction to code and the web

RailsGirs introduction to code and the web

markjs

More Decks by markjs

Other Decks in Programming

Featured

Transcript

Writing code is…

Writing code is… Not as scary as it may ﬁrst

Writing code is… Giving your computer instructions

Computers are stupid

Computers are stupid They only do what they are told

A Web Browser Eg. • Google Chrome • Internet Explorer

A web browser’s job is to take HTML code and

What is HTML code?

What is HTML code? The language of the World Wide

<!DOCTYPE html> <html> ! ! ! ! ! ! !

<!DOCTYPE html> <html> <head> ! </head> <body> ! ! !

<!DOCTYPE html> <html> <head> <title>The title of our page!</title> </head>

<html> The entire HTML document <body> The part you can

But how do we make it look pretty?

But how do we make it look pretty? With another

More of that to come…

How does the World Wide Web work?

How does the web work? Your web browser asks for

Please can I have http://google.com/?q=railsgirls Sure! Here you go

Where does Rails fit into all of this?

Where does Rails fit into all of this? Rails runs

Rails uses a programming language called Ruby

Rails uses a programming language called Ruby Ruby is designed

So let’s learn how to write some Ruby!