Web Development Fundamentals

Post on 01-Dec-2014

676 views 0 download

description

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

Transcript of Web Development Fundamentals

Anoop Thomas MathewCTO, Profoundis Inc.

@atmb4u

WHAT THE WEB!

Web CAmp26 Sept, 2014

@atmb4uWHAT THE WEB!

➢ http:// Protocol➢ HTML/JS/CSS➢ SERVER➢ Web Frameworks➢ SURPRISE !

@atmb4uWHAT THE WEB!

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

THANK YOU

Profoundis is HIRING :)

➢ It was not like this a while ago !

➢ Be a Future Maker !

connect to me: @atmb4u

TAKEAW

AYS