• Stars
    star
    4,254
  • Rank 9,668 (Top 0.2 %)
  • Language
    HTML
  • Created about 13 years ago
  • Updated almost 3 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Repo for my 'Learning JavaScript Design Patterns' book

Built with Grunt Build Status

Learning JavaScript Design Patterns

This is the source code for Learning JavaScript Design Patterns. It is licensed under the Creative Commons Attribution-Non Commercial-Share Alike 3.0 license. I hope you enjoy it, I hope it helps you learn, and I hope you'll support O'Reilly and me by purchasing a print copy of the book at O'Reilly.com.

Design patterns are reusable solutions to commonly occurring problems in software development and are a very useful tool to have at your disposal. You can read the latest version online for free at any time.

Why is this book needed?

I wanted to write this book as I felt that patterns were an area a lot of new and intermediate JavaScript developers may not have had a chance to explore just yet and I'm hopeful my book will encourage you to check them out as they can be quite powerful.

Contributing and Errata

I'm always welcome to feedback on how the book can be improved.

Pull requests

If you would like to help improve the project, please feel free to send over a pull request. Some useful notes:

  • All changes should be made against the master branch.
  • The source of the book is currently in book/index.html.
  • Atomic commits make it easier to review changes. If you can separate changes out in this form, it'll save us time when trying to land.
  • Please review the version of the book online before requesting a change. It is updated more frequently than the physical version of the book but we do bring changes back in every few months.

Building the project

Install dependencies : npm install Build the project: grunt Preview: grunt serve

Additional formats

The project is currently authored in HTML, however we do plan on introducing builds for other formats (PDF, ePub) shortly. In the mean time, official releases for other formats can be obtained via O'Reilly.

Translations

If you would like to get involved with translating this project to another language, please open up a new issue. O'Reilly have a process for handling translations to ensure that they go through the same review process that the English version goes through.

So far, we've successfully had the book translated to Japanese. You can find that version on the O'Reilly Japan site.

License

This book is released under a Creative Commons Attribution-Noncommercial- No Derivative Works 3.0 United States License.

What this means it that the project is free to read and use, but the license does not permit commercial use of the material (i.e you can freely print out the book for your own use, but you can't sell it). I'm trying to best to publish all of my books in a free + purchased (if you would like to support these projects) form so I would greatly appreciate it if you would respect these terms.

Copyright Addy Osmani, 2017.

More Repositories

1

critical

Extract & Inline Critical-path CSS in HTML pages
JavaScript
9,959
star
2

backbone-fundamentals

πŸ“– A creative-commons book on Backbone.js for beginners and advanced users alike
JavaScript
9,294
star
3

es6-tools

An aggregation of tooling for using ES6 today
3,954
star
4

basket.js

A script and resource loader for caching & loading files with localStorage
JavaScript
3,362
star
5

es6-equivalents-in-es5

WIP - ES6 Equivalents In ES5
2,533
star
6

puppeteer-webperf

Automating Web Performance testing with Puppeteer πŸŽͺ
JavaScript
1,775
star
7

a11y

Accessibility audit tooling for the web (beta)
JavaScript
1,705
star
8

tmi

TMI (Too Many Images) - discover your image weight on the web
JavaScript
1,639
star
9

timing.js

Navigation Timing API measurement helpers
JavaScript
1,500
star
10

critical-path-css-tools

Tools to prioritize above-the-fold (critical-path) CSS
1,141
star
11

getUserMedia.js

Shim for getUserMedia(). Uses native implementation for modern browsers and a Flash fallback for everyone else.
JavaScript
908
star
12

critical-path-css-demo

Above-the-fold CSS generation + inlining using Critical & Gulp
ApacheConf
532
star
13

backbone-boilerplates

Backbone.js stack boilerplates demonstrating integration with Express, Ruby, PHP, Grails and more.
JavaScript
488
star
14

webpack-lighthouse-plugin

A Webpack plugin for Lighthouse
JavaScript
290
star
15

sublime-fixmyjs

SublimeText package for FixMyJS
Python
250
star
16

learning-jsdp

Learning JavaScript Design Patterns: 2nd Edition - The Examples
HTML
240
star
17

predictive-fetching

Improve performance by predictively fetching pages a user is likely to need
238
star
18

storage-on-the-web

πŸ—ƒ Comparing storage options for the open web in 2016
225
star
19

visibly.js

A cross-browser Page Visibility API shim
JavaScript
221
star
20

sublime-build-systems

Sublime Text build systems
202
star
21

yeoman-examples

A repo of up to date examples using Yeoman
JavaScript
202
star
22

oust

Extract URLs to stylesheets, scripts, links, images or HTML imports from HTML
JavaScript
176
star
23

cssprettifier-bookmarklet

A bookmarklet for prettifying your CSS
JavaScript
174
star
24

polymer-boilerplate

A Polymer.js template for building fast, robust web apps using Web Components
JavaScript
166
star
25

pubsubz

Another Pub/Sub implementation
JavaScript
164
star
26

backbone-mobile-search

A Backbone.js + jQuery Mobile sample app using AMD for separation of modules, Require.js for dependency management + template externalisation and Underscore for templating
JavaScript
154
star
27

prism-js

A Polymer element for syntax highlighting with Prism.js
HTML
149
star
28

starter

A simple, git-clone friendly starting point for personal projects.
JavaScript
145
star
29

memoize.js

A faster JavaScript memoizer
JavaScript
143
star
30

largescale-demo

Scalable JS architecture demo for #jqcon
JavaScript
138
star
31

psi-gulp-sample

Sample Gulp project using PSI
JavaScript
126
star
32

preact-hn

πŸ—ž Preact Hacker News
JavaScript
121
star
33

network-emulation-conditions

Network emulation / throttling conditions (2G, 3G, 4G, Wifi etc) ☎️
JavaScript
108
star
34

bubblesort

Bubble Sort implementation with O(n^2) complexity.
JavaScript
106
star
35

polymer-filters

Polymer filters for formatting values of expressions.
JavaScript
105
star
36

angular1-dribbble-pwa

Angular 1 Dribbble Progressive Web App demo
JavaScript
102
star
37

ember-progressive-webapp

Ember.js Zuperkulblog PWA (built with FastBoot and ember-cli)
JavaScript
97
star
38

memory-mysteries

V8 memory mysteries (sample app)
CSS
84
star
39

smaller-pictures-app

Smaller Pics Progressive Web App
JavaScript
82
star
40

x-instagram

[Deprecated] A Polymer element for querying the Instagram API (Note: not yet updated to Polymer 0.5.x)
JavaScript
76
star
41

x-imager

Responsive images using Imager.js and Polymer
74
star
42

backbonejs-gallery

A Backbone, Underscore and jQuery Templates based image gallery (early early beta)
JavaScript
72
star
43

todomvc-angular-4

Angular 4.x TodoMVC implementation
TypeScript
66
star
44

socketchat

SocketChat - a beginners chat app using SocketStream
CSS
63
star
45

github-watchers-button

An Embeddable GitHub 'Watchers' Button For External Pages
JavaScript
63
star
46

gulp-uncss-task

[Deprecated] Use gulp-uncss instead please.
JavaScript
63
star
47

yt-jukebox

A YouTube Jukebox element built with Polymer & Yeoman
JavaScript
61
star
48

critical-path-angular-demo

Above-the-fold CSS generation + inlining using Critical, Gulp & Angular
JavaScript
60
star
49

native-media-resizing

Draft proposal for browser-level media resizing
59
star
50

catclock

Polymer + Material Timer/Countdown/Countdown app (alpha)
JavaScript
56
star
51

recursive-binarysearch

Recursive Binary Search with O(log N) complexity
JavaScript
56
star
52

selectionsort

Selection sort with O(n^2) time complexity
JavaScript
56
star
53

polymer-grunt-example

Polymer + Grunt
JavaScript
56
star
54

microtemplatez

Another compact micro-templating solution
JavaScript
55
star
55

page-er

A Polymer element for paginating model data
CSS
53
star
56

google-slides

⚑ An offline-enabled Polymer slide-deck
HTML
53
star
57

flickly-wireframe

The jQuery mobile wireframe for Flickly
52
star
58

grunt-uncss-sass-example

An example of using grunt-uncss on a Sass project
JavaScript
52
star
59

sparkle-trail

<sparkle-trail> Polymer element - useful as a pre-loader
CSS
51
star
60

componentized-todo

Todo app using vanilla Web Components
CSS
48
star
61

cssdiet

(WIP) - A DevTools extension for multi-page unused CSS auditing
JavaScript
46
star
62

backbone-koans-qunit

Backbone Koans for QUnit
JavaScript
44
star
63

github-client

Angular GitHub client for Firefox OS
JavaScript
44
star
64

a11y-webapp

A11y WebApp built with Polymer (WIP)
JavaScript
44
star
65

video-js

A Polymer element for Video.js
CSS
42
star
66

generator-webapp-uncss

Yeoman generator with grunt-uncss
JavaScript
42
star
67

lottie-animation-demo

Network-aware adaptive loading with Lottie Web
JavaScript
41
star
68

spine.bitly

(Demo app) A Spine.js Bit.ly client for shortening URLs and archiving references to these links offline.
JavaScript
39
star
69

backbone-aura

Backbone Aura
38
star
70

es2015-todomvc-chrome

ES2015 TodoMVC app that works without a transpiler
JavaScript
38
star
71

critical-css-weather-app

Critical-path CSS optimized weather app
JavaScript
37
star
72

polymer-blog

A tutorial app for generator-polymer
JavaScript
33
star
73

generator-boilerplate

A simple Yeoman generator using Git submodules to clone over a boilerplate hosted elsewhere on GitHub
JavaScript
31
star
74

npm-and-polymer-demo

Demo of Polymer + Paper elements working off npm3
HTML
31
star
75

jquery-roundrr

A jQuery plugin for plotting interactive content galleries in a circle form
JavaScript
30
star
76

polymer-localforage

A Polymer element for Mozilla's localForage (async storage via IndexedDB or WebSQL)
HTML
30
star
77

devtools-timeline-model-browser

Browser-friendly helper for parsing DevTools Timeline traces into structured profiling data models
JavaScript
29
star
78

mustache-for-chromeapps

A special build of mustache that works in Chrome Apps under CSP
JavaScript
28
star
79

addyosmani

GitHub README
27
star
80

tmdb-viewer-load-more

Accessibility-friendly version of TMDB Viewer (load-more)
JavaScript
25
star
81

active-route

Active view routing for Polymer extending <template>
CSS
25
star
82

webapp-scaffold

Polymer webapp scaffold element
CSS
25
star
83

typeahead-country

A Polymer element for autocompleting country names
24
star
84

react-interop

React + Polymer + X-Tag interop
JavaScript
24
star
85

vue-cli-todomvc

TodoMVC built using the Vue.js 2.0 CLI 🍰
JavaScript
22
star
86

polymer-browserify-vulcanize

Polymer + Browserify + Vulcanize
JavaScript
22
star
87

es6-starter

A minimal starting point for using ES6 today.
JavaScript
21
star
88

faster-video

A Polymer element for <video> with playback speed controls
JavaScript
21
star
89

js-shapelib

A minimalist JavaScript library for drawing objects around a Circle or Ellipse
JavaScript
19
star
90

element-query

Element queries with Polymer (experimental fork)
CSS
19
star
91

clientside-sample-buildfile

A Client-side ANT Build File Example
19
star
92

parsely

A small utility for parsing URLs of all types.
JavaScript
18
star
93

video-player

A themeable Polymer video element
JavaScript
16
star
94

page-router

Declarative URL routing for Polymer elements.
CSS
16
star
95

polymer-eventemitter

A Polymer event emitter element with support for wildcards, many and once.
JavaScript
15
star
96

lighthouse-reports

Quick module for getting Lighthouse reports in JSON form
JavaScript
15
star
97

generator-es6

An ES6.now project generator for Yeoman.
JavaScript
14
star
98

aura

A scalable, event-driven JavaScript architecture for developing widget-based applications. Works with Backbone.js and other frameworks.
14
star
99

jquery-googleviewer-plugin

A compact Google Viewer plugin
14
star
100

medium-backups

HTML
13
star