ahmed1490

These are the Kickstarter Engineering and Data role definitions for both teams.

Technical	Data	People
Junior Software Engineer
Software Engineer	Data Analyst
Senior Software Engineer	Data Scientist	Engineering Manager
Staff Engineer	VP of Data	Engineering Director
Principal Engineer		CTO

ahmed1490

Styleguides courtesy [@codylindley](https://twitter.com/codylindley) & [@mundizzle](https://twitter.com/mundizzle)

- [http://demo.patternlab.io](http://demo.patternlab.io)
- [http://www.yelp.com/styleguide](http://www.yelp.com/styleguide)
- [http://patterns.alistapart.com](http://patterns.alistapart.com)
- [http://ux.mailchimp.com/patterns](http://ux.mailchimp.com/patterns)
- [http://www.starbucks.com/static/reference/styleguide/](http://www.starbucks.com/static/reference/styleguide/)

[*Original Tweet](https://twitter.com/jdsharp/status/519958518112075776)

ahmed1490

#CSS FLEXBOX

Summary of : http://la-cascade.ghost.io/flexbox-guide-complet/

1. Container

1.1 Init flex

display: flex | inline-flex;

ahmed1490

ServiceWorker for github pages

This is a ServiceWorker template to turn small github pages into offline ready app.

Why ?

Whenever I make small tools & toys, I create github repo and make a demo page using github pages (like this one).
Often these "apps" are just an index.html file with all the nessesary CSS and JavaScript in it (or maybe 2-3 html/css/js files). I wanted to cache these files so that I can access my tools offline as well.

Notes

Make sure your github pages have HTTPS enforced, you can check Settings > GitHub Pages > Enforce HTTPS of your repository.

ahmed1490

This article has been given a more permanent home on my blog. Also, since it was first written, the development of the Promises/A+ specification has made the original emphasis on Promises/A seem somewhat outdated.

You're Missing the Point of Promises

Promises are a software abstraction that makes working with asynchronous operations much more pleasant. In the most basic definition, your code will move from continuation-passing style:

getTweetsFor("domenic", function (err, results) {
 // the rest of your code goes here.

ahmed1490

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Element

Box metrics

• elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent
• elem.clientLeft, elem.clientTop, elem.clientWidth, elem.clientHeight
• elem.getClientRects(), elem.getBoundingClientRect()

ahmed1490

Things I learned the hard way using React Native

Set up your environment carefully: It's important to have one canonical source of truth per environment, per platform. (i.e. iOS Development, iOS Testflight, iOS Production, ditto Android.) Every time you build, your config should propagate values from one input source (per platform) to either Java/JavaScript or Objective-C/JavaScript. Here's what we did for Android and here's what we did for iOS. I don't doubt that you can do better. Please do better. But you can't say that we didn't have one canonical source of truth that worked very simply and effectively throughout the development process.

Don't wait until the end to develop Android and iOS concurrently: Even if you're not actively focusing on both platforms, don't assume that "RN is cross platform… we can develop iOS and flip the Android switch when we'r

ahmed1490

http://www.dennyferra.com/setting-up-a-front-end-development-environment/

ahmed1490

{
    env: {
        es6: true
    },
    parserOptions: {
        sourceType: 'module',
        ecmaVersion: 6,
        ecmaFeatures: {
           modules: true,
           experimentalObjectRestSpread: true

ahmed1490

node_modules/**
dist/**
reports/**