Building a Programmable Web

Building a Programmable Web Sankha Narayan Guria [email protected]

Web == HTTP Server Browser Request Response

HTML • A simple structured way to represent documents. •
Think of them as ‘struct’ of C. • Each entity is an object.

HTML <html> <head> <title>Hi</title> </head> <body> Hello World! </body> </html>

CSS • Name explains it – Gives styles to document.
• Simple declarations to set properties of object in HTML documents.

CSS body { font-size: 20px; color: #ff0000; } … …
<link href="style.css" rel="stylesheet" type="text/css" />

Insight into web pages • Why do other web pages
look awesome? • Can we learn from them? HOW?

Why and Where JavaScript? • Bringing interaction in pages? •
Seriously do you like to see plain web pages or pages that can respond to you? • For the programming geeks – if you want arrays, sorting and searching, its there!

Why and Where JavaScript? • Can you make a calculator
in plain HTML? • Nope! You need JavaScript. • Lets make one.

Why and Where JavaScript? • Its functional and object oriented.
• Dynamic data types. • All classes, functions and variables are interchangeable. • Nested functions. • Callbacks.

AJAX • Imagine doing pages loading for every little content
that appears on your screen. • Even that “Loading …” yellow bar that you sometimes see on top of GMail. • AJAX – Asynchronous Java And XML • Make asynchronous requests for the benefit of the world.

JQuery • Doing AJAX requests are difficult. • People are
there to make it simpler. • So we have

JQuery • It’s a JavaScript library, something like stdio.h in
C. • Not just for AJAX requests, it is useful for manipulating your pages as well. • Add content to your pages, or make them disappear, or even animate them. • Lots more!

Data? • We are just blabbering about programming, functions, etc.
• How do we store data? • How do we store structured data? • Wait! We have JSON.

Combine it all. We get products like Twitter, Facebook and
Gmail.

Secret! Now lets build something using Twitter’s tools itself!

Building a Programmable Web

Building a Programmable Web

Sankha Narayan Guria

More Decks by Sankha Narayan Guria

Other Decks in Programming

Featured

Transcript