web development fundamentals

13
Anoop Thomas Mathew CTO, Profoundis Inc. @atmb4u WHAT THE WEB! Web CAmp 26 Sept, 2014

Upload: anoop-thomas-mathew

Post on 01-Dec-2014

676 views

Category:

Technology


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

Page 1: Web Development Fundamentals

Anoop Thomas MathewCTO, Profoundis Inc.

@atmb4u

WHAT THE WEB!

Web CAmp26 Sept, 2014

Page 2: Web Development Fundamentals

@atmb4uWHAT THE WEB!

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

Page 3: Web Development Fundamentals

@atmb4uWHAT THE WEB!

YOU facebook.com( ) ( )

Page 4: Web Development Fundamentals

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

Page 5: Web Development Fundamentals

WHAT THE WEB!@atmb4u

html css js/ / ( ~1995 )

Page 6: Web Development Fundamentals

WHAT THE WEB!@atmb4u

html css js/ / ( ~1995 )

➢ html - CONTENT ➢ css – STYLE➢ Js - CONTROL

Page 7: Web Development Fundamentals

WHAT THE WEB!@atmb4u

SERVER ( 1991 )

Page 8: Web Development Fundamentals

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

Page 9: Web Development Fundamentals

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

Page 10: Web Development Fundamentals

WHAT THE WEB!@atmb4u

WEB FRAMEWORKS➢ Url routing➢ HTTP cycle➢ Templating➢ orm➢ Serialization➢ Caching➢ Sessions

Page 11: Web Development Fundamentals

WHAT THE WEB!@atmb4u

WEB FRAMEWORKS

Page 12: Web Development Fundamentals

WHAT THE WEB!@atmb4u

SURPRISE

Let me show it to you!(demo with FLASK)

https://gist.github.com/atmb4u/acee78f13bebec000681

Page 13: Web Development Fundamentals

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