├── .gitignore ├── 01 - what is a library ├── 01 - helper function.html └── 02 - library.html ├── 02- library patterns └── 01 - collection of helper functions.html ├── 03 - revealing module pattern ├── 01 - revealing module pattern.html └── 02 - private variables and functions.html ├── 04 - constructor pattern ├── 01 - creating a constructor.html ├── 02 - adding methods to a constructor library.html ├── 03 - creating static methods.html └── 04 - chaining methods.html ├── 05 - options and read-only properties ├── 01 - options.html └── 02 - read-only properties.html ├── 06 - class pattern ├── 01 - creating a class.html ├── 02 - static properties.html └── 03 - private class features.html ├── 07 - custom events ├── 01 - custom events.html ├── 02 - helper function.html ├── 03 - naming conventions.html └── 04 - adding custom events to our library.html ├── 08 - project ├── 01 - project template.html └── 02 - project complete.html └── README.md /.gitignore: -------------------------------------------------------------------------------- 1 | # Node 2 | node_modules 3 | test/results 4 | test/coverage 5 | 6 | ## OS X 7 | .DS_Store 8 | ._* 9 | .Spotlight-V100 10 | .Trashes -------------------------------------------------------------------------------- /01 - what is a library/01 - helper function.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Helper Function 7 | 8 | 9 | 10 | 11 | 12 | 13 | 43 | 44 | -------------------------------------------------------------------------------- /01 - what is a library/02 - library.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Library 7 | 8 | 9 | 10 | 11 | 12 | 13 | 43 | 44 | -------------------------------------------------------------------------------- /02- library patterns/01 - collection of helper functions.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Collection of helper functions 7 | 8 | 9 | 10 | 11 | 12 | 13 | 109 | 110 | -------------------------------------------------------------------------------- /03 - revealing module pattern/01 - revealing module pattern.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Revealing Module Pattern 7 | 8 | 9 | 10 | 11 | 12 | 13 | 116 | 117 | -------------------------------------------------------------------------------- /03 - revealing module pattern/02 - private variables and functions.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Private variables and functions 7 | 8 | 9 | 10 | 11 | 12 | 13 | 116 | 117 | -------------------------------------------------------------------------------- /04 - constructor pattern/01 - creating a constructor.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Creating a constructor pattern 7 | 8 | 9 | 10 | 11 | 12 | 13 | 37 | 38 | -------------------------------------------------------------------------------- /04 - constructor pattern/02 - adding methods to a constructor library.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Collection of helper functions 7 | 8 | 9 | 10 | 11 | 12 | 13 | 104 | 105 | -------------------------------------------------------------------------------- /04 - constructor pattern/03 - creating static methods.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Creating static methods 7 | 8 | 9 | 10 | 11 | 12 | 13 | 109 | 110 | -------------------------------------------------------------------------------- /04 - constructor pattern/04 - chaining methods.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Chaining constructor methods 7 | 8 | 9 | 10 | 11 | 12 | 13 | 108 | 109 | -------------------------------------------------------------------------------- /05 - options and read-only properties/01 - options.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Options and Settings 7 | 8 | 9 | 10 | 11 | 12 | 13 | 157 | 158 | -------------------------------------------------------------------------------- /05 - options and read-only properties/02 - read-only properties.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Read-only properties 7 | 8 | 9 | 10 | 11 | 12 | 13 | 162 | 163 | -------------------------------------------------------------------------------- /06 - class pattern/01 - creating a class.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Creating a JavaScript class 7 | 8 | 9 | 10 | 11 | 12 | 13 | 156 | 157 | -------------------------------------------------------------------------------- /06 - class pattern/02 - static properties.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Collection of helper functions 7 | 8 | 9 | 10 | 11 | 12 | 13 | 161 | 162 | -------------------------------------------------------------------------------- /06 - class pattern/03 - private class features.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Collection of helper functions 7 | 8 | 9 | 10 | 11 | 12 | 13 | 155 | 156 | -------------------------------------------------------------------------------- /07 - custom events/01 - custom events.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Custom Events 7 | 8 | 9 | 10 | 11 | 12 | 13 | 28 | 29 | -------------------------------------------------------------------------------- /07 - custom events/02 - helper function.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | A custom event helper function 7 | 8 | 9 | 16 | 17 | 18 | 19 | 20 | 21 | 54 | 55 | -------------------------------------------------------------------------------- /07 - custom events/03 - naming conventions.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Naming Conventions 7 | 8 | 9 | 10 | 11 | 12 | 43 | 44 | -------------------------------------------------------------------------------- /07 - custom events/04 - adding custom events to our library.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Collection of helper functions 7 | 8 | 9 | 10 | 11 | 12 | 13 | 212 | 213 | -------------------------------------------------------------------------------- /08 - project/01 - project template.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Project Template 7 | 8 | 9 | 10 | 11 | 12 | 13 | 16 | 17 | -------------------------------------------------------------------------------- /08 - project/02 - project complete.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Project Complete 7 | 8 | 9 | 10 | 11 | 12 | 13 | 140 | 141 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # The Writing Libraries Pocket Guide Source Code 2 | All of the source code for the [Writing Libraries Pocket Guide](https://vanillajsguides.com). --------------------------------------------------------------------------------