The web and programming: an introduction - Simple, short and friendly

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

The web and
programming:
an introduction
Simple, short and friendly

3 basic question

What are web apps and how do they work?

What is Ruby, how is it connected to Rails?

What is Rails an...

How does the web work?

• Let’s take a look at an example:
- What happens when I type
railsgirls.com into my web bro...

(109.74.202.152)

1) The web browser looks up the IP address of
the web site us...

2) The broswers sends a “GET” request
to the server

Hey, I need info Just a mom...

3) The servers respons with a web page,
written in HTML language

Aha!...

4) The web browser makes sure the web site
is displayed correctly

Ta-da!
...

So, what are we
going to work on today?

j

A web app for
collecting ideas

What will the app look like
in our browser?

Hmm... what are
web apps?

And what are
web pages?

simplesushi.com
I want sushi!

j
...

sushi.html
is as it is!
simplesushi.com
...

What about fancysushi.com
here? Can I get a sushi
without ﬁsh?

j

Octocat

web app
on the server
What about

...

web app
on the server

...

web app
on the server

j
...

web app
In the real world ... on the server

j
...

If we want to
build web apps ...

If we want to
build web apps ...

j
We need to be able to talk to
the sushi ...

Ruby is one of the programming
languages that we can use in web apps
If ...

How we can use Ruby
to talk to a computer?
As a starting point:
1) We need to have Ruby installed (Installation Pa...

Simple example
Let’s use irb = Interactive RuBy

“Rails Girls”

irb examples
"Rails Girls" # strings
2+2 # integers
2*2 # Ruby as a simp...

Simple example
Let’s save a program into a .rb ﬁle for easy access

Sublime Text 2 Terminal

simple.rb

puts “Rails Girls”

ime.rb

quiz.rb

Even the big, scary dragon
is made out of simple Lego blocks!

Photo by: themickeyd

Bonus tip: learn programming
at home with:

http://tryruby.org
http://www.codeschool.com

...

What about Rails?

Rails = Ruby on Rails = RoR
= a framework, which makes sure we can
easily use Ruby to build web...

We’ll build today’s app
with Rails ...

... the app will be made with different text
ﬁles with Ruby, HTML and other code

Rails* apps have three basic
building blocks
MVC architecture = Mode...

Confused? No worries :)

When programming:
• Googling is a must;
• copy-paste a valid met...

Let’s warm up before we make our own app:
getting to know web technologies!

My Bentobox ...

Share Slideshare

LinkedIn
Facebook
Twitter

Embed

Size (px)

Show related Slideshows at end

WordPress Shortcode

Link

Share
Email

Programming & The Web & Programming... by Vesa Vänskä 99032 views
Rails Girls: Programming, Web Appli... by DonSchado 3215 views
WEB I - 01 - Introduction to Web De... by Randy Connolly 27445 views
Web programming and development - I... by Joel Briza 1756 views
Ruby MVC from scratch with Rack by DonSchado 2531 views
Web Server-Side Programming Techniques by guest8899ec02 7691 views

View on Slideshare

1 of 35 Ad

View on Slideshare

1 of 35 Ad