Web development fundamentals for complete newbies. introduction to http protocol, web servers, what is html, js and css, as well as a short demo on creating a basic web application

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