We have been using web for a very long time. How does this actually work and how can I create something of my own as an informed computer software professional? How does this entire web contraption work? What are HTTP methods and status codes? Why should I care what is an web request? Why is HTML5 so popular; Is it that good? How does the flow precisely move from browser to server and back to that? What is the significance of virtual hosts? What is the cliché "cloud" anyway? Join me, let's untangle the intertwined web of mysteries together.

1. WHAT THE WEB!
Anoop Thomas Mathew
CTO, Profoundis Inc.
@atmb4u
MakerParty
22 Sept, 2014

2. WHAT THE WEB!
@atmb4u
➢ http:// Protocol
➢ HTML/JS/CSS
➢ SERVER
➢ Web Frameworks
➢ SURPRISE !

3. WHAT THE WEB!
@atmb4u
(YOU) (facebook.com)

4. WHAT THE WEB! @atmb4u
http:// ( 1991 )
➢ PROTOCOL
➢ Request-response cycle
➢ Headers
➢ Status codes
➢ Methods
➢ cookies

5. WHAT THE WEB! @atmb4u
html/css/js ( ~1995 )

6. WHAT THE WEB! @atmb4u
html/css/js ( ~1995 )
➢ html - CONTENT
➢ css – STYLE
➢ Js - CONTROL

7. WHAT THE WEB! @atmb4u
SERVER ( 1991 )

8. WHAT THE WEB! @atmb4u
SERVER
➢ One that serves (file/db/mail)
➢ Ip Address, MAC Address, DOMAIN, DNS, ISP
➢ 24X7 (99.99% uptime – DownTIME of 52 .56 miin/Year)
➢ Virtual Private Server (VPS)
➢ Dedicated Server
➢ “Cloud” Instances
➢ CDN

9. WHAT THE WEB! @atmb4u
WEB FRAMEWORKS( 1991 )
➢ CGI (1993), Apache (1995)
➢ Reign of Php
(WordPress and other CMS)
➢ Server-side Frameworks
(CakePHP, Spring, Django, Ruby On Rails, Flask etc...)
➢ Client-side Frameworks
(AngularJS, BackboneJS, EmberJS, MeteorJS* etc..)
➢ Application Stack

10. WHAT THE WEB! @atmb4u
WEB FRAMEWORKS

11. WHAT THE WEB! @atmb4u
SURPRISE
Let me show it to you!
(demo with FLASK)

12. WHAT THE WEB! @atmb4u
➢ It was not like this
a while ago !
➢ Be a Future Maker !
THANK YOU
Profoundis is HIRING :)
TAKEAWAYS
connect to me: @atmb4u