Slide 1
Slide 1 text
Writing code is…
Slide 2
Slide 2 text
Writing code is…
Not as scary as it may first seem
Slide 3
Slide 3 text
Writing code is…
Giving your computer instructions
Slide 4
Slide 4 text
Computers are stupid
Slide 5
Slide 5 text
Computers are stupid
They only do what they are told to do
Slide 6
Slide 6 text
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.
Slide 7
Slide 7 text
A web browser’s job is
to take HTML code
and display it as a web
page you can see and
interact with.
Slide 8
Slide 8 text
What is HTML code?
Slide 9
Slide 9 text
What is HTML code?
The language of the World Wide Web
Slide 10
Slide 10 text
No content
Slide 11
Slide 11 text
No content
Slide 12
Slide 12 text
!
!
!
!
!
!
!
!
Slide 13
Slide 13 text
!
!
!
!
Slide 14
Slide 14 text
The title of our page!
Welcome to our example page
We write HTML code and our browser turns it into a web page
Slide 15
Slide 15 text
No content
Slide 16
Slide 16 text
Slide 17
Slide 17 text
But how do we make it
look pretty?
Slide 18
Slide 18 text
But how do we make it
look pretty?
With another language - CSS
Slide 19
Slide 19 text
No content
Slide 20
Slide 20 text
No content
Slide 21
Slide 21 text
More of that to
come…
Slide 22
Slide 22 text
How does the World
Wide Web work?
Slide 23
Slide 23 text
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.
Slide 24
Slide 24 text
Please can I have
http://google.com/?q=railsgirls
Sure! Here you go
Slide 25
Slide 25 text
No content
Slide 26
Slide 26 text
Where does Rails fit
into all of this?
Slide 27
Slide 27 text
Where does Rails fit
into all of this?
Rails runs on the server to receive the
request and generate the HTML response
Slide 28
Slide 28 text
Rails uses a programming
language called Ruby
Slide 29
Slide 29 text
Rails uses a programming
language called Ruby
Ruby is designed to make
programming fun and enjoyable
Slide 30
Slide 30 text
So let’s learn how to
write some Ruby!