Web Development Fundamentals

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

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

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