Giter Club home page Giter Club logo

js-dev-env's Introduction

js-dev-env

Travis Build Status

[Build status] (https://ci.appveyor.com/api/projects/status/github/sonalsatpute/js-dev-env)

  • Editorconfig

    • .editorconfig
  • Package Managers

    • Bower
    • npm
    • JSPM
    • Jam
    • volo
  • Node.js (6)

    • Configuration using package.json
  • Automation

    • Grunt
    • Gulp
    • nmp scripts { "scripts": { "command-name" : "command" } }
  • Security Check

    • $nsp check**
  • Development Server

    • http-server
    • live-server
    • Express
    • budo
    • webpack dev server
    • Browsersync
  • Share

    • localtunnerl (public url with in your network)
    • ngrok (Secure tunnel - need authtoken)
    • Surge (host static files, simple)
    • now (Quickly deploy Node.js to cloud)
  • Transpiling

    • Babel
    • TypeScript
    • Elm
  • Bundling

    • webpack
    • Require JS
    • Browserify
    • Roolup
    • JSPM
  • Linting

    • JSLint
    • JSHint
    • ESLint
  • Testing Framwork

    • Mocha (highly configurable)
    • Jasmine (build in assertion libary)
    • Tape (lean and simple)
    • QUnit (jQurty testing)
    • AVA (execute affected only)
    • Jest (from facebook wraper over Jasmine)
  • Assertion Library

    • Chai
    • ShouldJS
    • Expect
  • Helper Library

    • JSDOM (simulat the browser's DOM without browser)
    • Cheerio (jQuery for the server, Query virtual DOM uisng jQuery selectors)
  • Test Runner

    • In Browser
      • Karma
      • Testem
    • Headless Browser (no visible interface) ** PhantomJS (V8 enggine behind)
    • In-memory DOM
      • JSDOM (fast and quick the setup)
  • Test Files Location

    • Centralized
      • Less "noise" in src folder
      • Deployment confussion
      • Inertia
    • Alongside
      • Easy import
      • Clear Visibility
      • Convenient to open
      • No recreating folde structure
      • Easy file moves
  • When should test runs

    • (unit tests) When you hit save (Rapid feedback, Facilitates TDD, Automatic/Low friction, Incress test Visibility)
  • Unit Tests

    • Test a small unit
    • Often single function
    • Fast
    • Run upon save
  • Integration Tests

    • Test multiple units
    • Often involves clicking and waiting
    • Slow
    • Often run on demand, or in QA
  • Multiple Task Parallel Execusion

  • Http Calls

  • Polyfill.io : send Polyfill to those who need it.

  • Mocking Http Calls

    • Nock
    • Static JSON
    • Create development webserver
      • api-mock
      • JSON server
      • JSON schema fake
        • faker, chance, regexp
      • Browserssync
      • Express

Commands

  • $node buildScript\srcServer.js
  • $npm install -g localtunnel
  • $node buildScript\srcServer.js
  • $Lt --port 3000
  • $npm start
  • $npm run security-check

js-dev-env's People

Contributors

sonalsatpute avatar

Stargazers

Alok Arora avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.