| { | |
| "name" : "", | |
| "version" : "", | |
| "license": "MIT", | |
| "repository": "", | |
| "devDependencies": { | |
| "del": "~1.2.1", | |
| "gulp": "~3.9.0", | |
| "gulp-babel": "^5.2.1", | |
| "gulp-concat": "^2.6.0", |
| { | |
| "theme": "Material-Theme-Darker.sublime-theme", | |
| "color_scheme": "Packages/Material Theme/schemes/Material-Theme-Darker.tmTheme", | |
| // Material Theme related settings | |
| "overlay_scroll_bars": "disabled", | |
| "line_padding_top": 3, | |
| "line_padding_bottom": 3, | |
| "font_options": [ "gray_antialias" ], // On retina Mac | |
| "always_show_minimap_viewport": false, | |
| "bold_folder_labels": true, |
| { | |
| "brace_style":"collapse", | |
| "break_chained_methods":false, | |
| "end_with_newline":true, | |
| "eval_code":false, | |
| "indent_char":" ", | |
| "indent_level":0, | |
| "indent_size":4, | |
| "indent_with_tabs":false, | |
| "jslint_happy":false, |
| // Example of using ES2015 | |
| // IIFE | |
| (() => { | |
| // Example of using rest params | |
| function main(...args) { | |
| // Cache length to increase performance | |
| for (let i = 0, length = args.length; i < length; i++) { | |
| // Display in the browser console |
| /*HTML not included!*/ | |
| footer { | |
| background: #c0392b; | |
| overflow: hidden; | |
| width: 100%; | |
| } | |
| footer div { | |
| background: #e74c3c; | |
| float: left; |
The following document was updated on 2017/04/28
Disclaimer: I'm very much aware documents like this already exist and no doubt I will end up linking to them as well. But I wanted to have corner of my own where I could document links and short snippets that are useful to me.
| // Example of an ES2015 class | |
| class Example { | |
| constructor() { | |
| this.property1 = 1; | |
| this.property2 = 2; | |
| } | |
| someMethod() { | |
| this.propery1 = this.propery2; |
| function destructuring( {weight, age, space = null }) { | |
| // Instead of using something like opts.weight, now just use the property name in the function signature | |
| console.log(weight); | |
| console.log(age); | |
| // Checking for null, standard ES5, as ?? isn't present in ES2015 | |
| console.log(space ? space : 'Space not set'); | |
| } | |
| // Block scoped variable using let/const |
| const myModule = ((interface) => { | |
| // Implementing the interface | |
| // This is like an interface, which doesn't pollute the main module with unrelated code | |
| console.log(interface.init()); | |
| // Instantiate a new class that is attached to the interface | |
| const _printClass = new interface.printClass(); | |
| return { |
| function valueToUpper(strings, ...values) { | |
| // Set the values i.e. first and last name to upper-case | |
| values[0] = values[0].toUpperCase(); | |
| values[1] = values[1].toUpperCase(); | |
| // Re-create the template | |
| return `${strings[0]}${values[0]}${strings[1]}${values[1]}${strings[2]}`; | |
| } | |
| // Create first and last name variables |