Главная
Study mode:
on
1
Introduction
2
What is Monocle
3
Download Monocle
4
Sinatra
5
Sinatra middleware
6
Steps
7
Frontend
8
CommonJS Modules
9
Controllers
10
CSS
11
Post
12
Scroll into view
13
Updown keyboard navigation
14
Scrolling conflict
15
Dynamic pagination
16
Expired pagination
17
Serverside events
18
Streaming
19
Unload
20
Wake
Description:
Explore the inner workings of a JavaScript web application in this 36-minute conference talk from JSConf.Asia 2013. Dive deep into the architecture of Monocle.io, a link submission and commentary site built with CoffeeScript and Ruby. Follow along as the speaker deconstructs the application, revealing its components, design decisions, and performance optimizations. Learn about MVC patterns, decoupling strategies, and best practices for structuring JavaScript web apps. Gain insights into using Sinatra, middleware, CommonJS modules, controllers, CSS, dynamic pagination, server-side events, and streaming. Discover techniques for handling scrolling conflicts, keyboard navigation, and unload events. Perfect for developers looking to enhance their understanding of modern web application architecture and performance tuning.

A JavaScript Web App Deconstructed

JSConf
Add to list