WHAT THE WEB! 
Anoop Thomas Mathew 
CTO, Profoundis Inc. 
@atmb4u 
Web CAmp 
26 Sept, 2014
WHAT THE WEB! 
@atmb4u 
➢ http:// Protocol 
➢ HTML/JS/CSS 
➢ SERVER 
➢ Web Frameworks 
➢ SURPRISE !
WHAT THE WEB! 
@atmb4u 
(YOU) (facebook.com)
WHAT THE WEB! @atmb4u 
http:// ( 1991 ) 
➢ PROTOCOL 
➢ Request-response cycle 
➢ Headers (Host, User-Agent, Accept, Connection ..) 
➢ Status codes (404, 503, 200 ...) 
➢ Methods (GET, POST, PUT, DELETE, OPTIONS) 
➢ cookies
WHAT THE WEB! @atmb4u 
html/css/js ( ~1995 )
WHAT THE WEB! @atmb4u 
html/css/js ( ~1995 ) 
➢ html - CONTENT 
➢ css – STYLE 
➢ Js - CONTROL
WHAT THE WEB! @atmb4u 
SERVER ( 1991 )
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
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
WHAT THE WEB! @atmb4u 
WEB FRAMEWORKS 
➢ Url routing 
➢ HTTP cycle 
➢ Templating 
➢ orm 
➢ Serialization 
➢ Caching 
➢ Sessions
WHAT THE WEB! @atmb4u 
WEB FRAMEWORKS
WHAT THE WEB! @atmb4u 
SURPRISE 
Let me show it to you! 
(demo with FLASK) 
https://gist.github.com/atmb4u/acee78f13bebec000681
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

Web Development Fundamentals

  • 1.
    WHAT THE WEB! Anoop Thomas Mathew CTO, Profoundis Inc. @atmb4u Web CAmp 26 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 (Host, User-Agent, Accept, Connection ..) ➢ Status codes (404, 503, 200 ...) ➢ Methods (GET, POST, PUT, DELETE, OPTIONS) ➢ 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 ➢ Url routing ➢ HTTP cycle ➢ Templating ➢ orm ➢ Serialization ➢ Caching ➢ Sessions
  • 11.
    WHAT THE WEB!@atmb4u WEB FRAMEWORKS
  • 12.
    WHAT THE WEB!@atmb4u SURPRISE Let me show it to you! (demo with FLASK) https://gist.github.com/atmb4u/acee78f13bebec000681
  • 13.
    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