Web Application Architecture -- Lessons Learned from Brackets
summary
Brackets is an open‑source code editor written mainly in HTML, CSS and JavaScript and developed on GitHub with hundreds of contributors; it embeds CodeMirror for editing and runs as a desktop app inside a customized Chromium Embedded Framework shell (Windows and Mac, Linux work in progress). Modules use RequireJS loading CommonJS‑style files with a private require context for extensions; styling uses LESS, localization uses Mustache, linting uses JSLint, tests use Jasmine, and a live preview via WebSockets updates Chrome as CSS and HTML are edited.
AI-written summary · about
chapters (24)
- 0:00Introduction
- 1:22Adobe Developer Center
- 1:53What is Brackets
- 2:38Creative Cloud
- 2:50Edge Code
- 3:09Brackets
- 3:38EdgeCode
- 4:31What makes Brackets different
- 8:35Lessons from Brackets
- 10:06MVC vs Bootstrap
- 11:09JavaScript vs HTML
- 14:01Required JS
- 15:11Brackets JS
- 16:39Required Contexts
- 18:17Jslint
- 18:52Code Quality Tool
- 19:05Configuring JSlint
- 23:05Jasmine Tests
- 25:44Mustache
- 26:45Template
- 27:00Strings
- 27:15String Replacement
- 27:57Less
- 31:50Save
related talks
26mOnline web application editor
29mBuilding Live HTML and Omniscient Debuggers in Brackets
54mThe Future of the Web-Apps
05mBuilding Editors in the Browser
35mBuilding a Browser Based Code Editor
34mBuilding a Browser Based Code Editor
08mDraft.js, Editor.js, Slate.js: Choosing Text Editor
40mHTML Re-imagined for the era of web apps