A JavaScript Web App Deconstructed
Offered By: JSConf via YouTube
Course Description
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
Related Courses
Probabilistic Graphical Models 1: RepresentationStanford University via Coursera Computer Security
Stanford University via Coursera Intro to Computer Science
University of Virginia via Udacity Introduction to Logic
Stanford University via Coursera Internet History, Technology, and Security
University of Michigan via Coursera