Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

A JavaScript Web App Deconstructed

JSConf via YouTube

Overview

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.

Syllabus

Introduction
What is Monocle
Download Monocle
Sinatra
Sinatra middleware
Steps
Frontend
CommonJS Modules
Controllers
CSS
Post
Scroll into view
Updown keyboard navigation
Scrolling conflict
Dynamic pagination
Expired pagination
Serverside events
Streaming
Unload
Wake

Taught by

JSConf

Reviews

Start your review of A JavaScript Web App Deconstructed

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.