Web Development Fundamentals

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