asci

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>"

asci

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

asci

module.exports = {
    "env": {
        "browser": true,
        "es6": true
    },
    "extends": "eslint:recommended",
    "parserOptions": {
        "sourceType": "module"
    },
    "rules": {

asci

[ignore]
.*/node_modules/.*

[include]

[libs]

[options]
module.file_ext=.js
module.ignore_non_literal_requires=true

asci

# 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'

asci

test

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

asci

useful

• http://wesbos.com/git-hot-tips/
• https://github.com/sindresorhus/awesome - check every tech you're working with for some awesomeness
• http://caniuse.com/ - check browser support for some features berfore use them
• http://stackoverflow.com/ - questions
• https://coderwall.com/ - tips and tricks
• http://javascriptweekly.com/ - subcription
• http://html5weekly.com/ - subcription
• http://css-weekly.com/ - subcription

asci

Built-in Atom packages (89)
├── about@1.3.0
├── archive-view@0.61.0
├── atom-dark-syntax@0.27.0
├── atom-dark-ui@0.51.0
├── atom-light-syntax@0.28.0
├── atom-light-ui@0.43.0
├── autocomplete-atom-api@0.9.2
├── autocomplete-css@0.11.0
├── autocomplete-html@0.7.2

asci

(function webpackUniversalModuleDefinition(root, factory) {
	if(typeof exports === 'object' && typeof module === 'object')
		module.exports = factory(require("react"));
	else if(typeof define === 'function' && define.amd)
		define(["react"], factory);
	else if(typeof exports === 'object')
		exports["ReactMotion"] = factory(require("react"));
	else
		root["ReactMotion"] = factory(root["React"]);
})(this, function(__WEBPACK_EXTERNAL_MODULE_1__) {

asci

{
  "script" : "bin/www"
}