June 2010
Beginner
320 pages
9h 37m
English
Content preview from Building the Realtime User ExperienceBecome an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.
Chapter 3. The Dynamic Homepage (Widgets in Pseudorealtime)
Moving past syndication, which primarily gives you benefits on the backend, this chapter looks at dipping our toes into realtime experiences on the frontend side of things. We’re going to start with an example that uses standard pull requests to build a few dynamic widgets to add to any website or homepage. This example will show the power of realtime experiences and serve as a good example of why new technologies are needed to get the most out of modern browsers.
In a change from the concepts in previous chapters, all of these examples can be built using nothing more than HTML, a bit of CSS, and some JavaScript. Not only are they based in the web browser, but there is no server setup to get them up and running. With minor modifications you can easily put any and all of these widgets onto any webpage.
The Basic Widgets
The first widget that we’re going to add to this homepage is a quick view into the trending topics on Twitter (http://twitter.com). This widget will do two things. First, it will use Twitter’s API to find the trending topics on Twitter. Trending topics are keywords that are currently very active in tweets on Twitter. Then, we’ll create a realtime feed of tweets that contain any of those keywords. So if “realtime” is a trending topic, this widget will display any tweet containing the word “realtime” as it comes in.
HTML
Since there is no server-side part to this example, you can put the files wherever it makes ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access
More than 5,000 organizations count on O’Reilly
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.Julian F.
I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.Addison B.
I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.Amir M.
I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.