Area | Phase 1 | Phase 2 | Phase 3 |
---|---|---|---|
Techs | Editor, Responsive web, BEM, CSS3, HTML5, basic JS, animations, SVG, icon fonts, SCSS\Stylus, flexbox, building tools | advanced JS, Browser API's, algorithms, OOP, FP, MVC, templating, patterns, d3, React, Redux, Ember, Routers, Maps | server side, nodejs, isomorphic web, testing, REST, WS, docker, MongoDB, Redis, SQL, RabbitMQ |
Project | landing page | client for flickr | isomorphic app like google keep or so |
Time | 1-1.5 month | 2-2.5 months | 3-3.5 month |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
# This file is used by Flex Tool Bar to create buttons on your Tool Bar. | |
# For more information how to use this package and create your own buttons, | |
# read the documentation on https://atom.io/packages/flex-tool-bar | |
[ | |
{ | |
type: 'button' | |
tooltip: 'Show in file tree' | |
callback: 'tree-view:reveal-active-file' | |
icon: 'bullseye' |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
[ignore] | |
.*/node_modules/.* | |
[include] | |
[libs] | |
[options] | |
module.file_ext=.js | |
module.ignore_non_literal_requires=true |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
module.exports = { | |
"env": { | |
"browser": true, | |
"es6": true | |
}, | |
"extends": "eslint:recommended", | |
"parserOptions": { | |
"sourceType": "module" | |
}, | |
"rules": { |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
touch index.js | |
echo "node_modules" >> .gitignore | |
echo ".DS_Store" >> .gitignore | |
git init . | |
flow init | |
curl https://gist.githubusercontent.com/asci/dc5dfe08233b94b4b57a89d566c1233a/raw/0a70dec040024970310174cf94fa8f79ca113483/eslintrc.js >> eslintrc.js | |
npm init --yes |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
const juice = require("juice"); | |
console.log(juice(` | |
<style>.test {width: 100px}</style> | |
<div class="test">Test</div> | |
`))// => "<div class="test" style="width: 100px;">Test</div>" |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
(function() { | |
'use strict'; | |
function debounce(callback, delay) { | |
var timeout; | |
return function() { | |
var context = this, | |
args = arguments; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// return resolved promise | |
sandbox.stub(Obj, 'method').resolves(value); | |
// return rejected promise | |
sandbox.stub(Obj, 'method').rejects(value); |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
export default function fromPromise(promise) { | |
return new Observable(observer => { | |
let active = true; | |
promise.then((...data) => { | |
if (active) { | |
observer.next(...data); | |
} | |
observer.complete(); | |
}).catch((...err) => observer.error(...err)); |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
function walkTree(onEachChildren, childrenKey = "children") { | |
return function treeWalker(elem, level = 0) { | |
onEachChildren(elem, level); | |
if (elem[childrenKey]) { | |
elem[childrenKey].forEach(item => treeWalker(item, level + 1)); | |
} | |
}; | |
} | |
// how to use |