HoverBaum

JS dev setup

This gist includes files detailing programs and tools I personally am using for frontend and mainly JavaScript development.

Atom

To edit all my JS, HTML and CSS files I use Atom. You can get it at atom.io. It is an open source HTML and JS based editor running on electron. So you can do a lot of configuration and hacking around.

Usage

HoverBaum

[
    WriteStream {
        _connecting: false,
        _hadError: false,
        _handle: TTY {
            _externalStream: {},
            fd: -1,
            writeQueueSize: 0,
            owner: [Circular],
            onread: [Function: onread]

HoverBaum

Goals:

• Have code documented in the code
• Automatically generate a documentation website/readme

JSDoc

The most wildly used standard for documenting JavaSCript is JSDoc.

JSDOC uses @tags in comment blocks that start with /**. So to specify a parameter which should be a string you do something like:

HoverBaum

Everything should be tested. Well everythings that is more than playing around. Tests make your code better, more reliable and help find bugs. Though tests do add a massive overhead to changing your code. And quite honestly I have probably spend more time writing tests then code that they test. But in the end it was always worth it because they find bugs and tell me what I can rely on to work.

Tape

I like the "KISS" princliple, not just because of its name, so let us keep it simple stupid (and yes I just researched wether or not to put a comma there).

A lot of testing Frameworks out there introduce a lot of overhead and semantics to your code.

HoverBaum

public domain images

A curated list of public domain image resources.

My favourite

unsplash.com

General image collections

• fancycrave.com

HoverBaum

Pen & Paper

Inspiration and motivation for Pen and Paper games.

Gamers

Eine Gruppe von Rollenspielern erlebet Abenteuer mit einem PnP Spiel. Dabei passiert alles, wieso wir PnP so leiben, Hosen werden geklaut und große Gefahren gemeistert.

• Season 1
• Season 2

HoverBaum

Document ALL the things

Inspired by the question if and how devdocs.io could add have a feature to add customs docs (see issue 295). I am beginning to wonder about the best way to create a System which centralizes all documentations you need for your work.

The end product

Should fulfill certain criteria:

• You can add your own documentation of in-house applications
• All documentations look the same
• That is to say the system is coherent in itself

HoverBaum

image: node:4.2.2

pages:
  cache:
    paths:
    - node_modules/

  script:
  - npm install -g gulp
  - npm install

HoverBaum

Developing react based applications using webpack

Since this just took me a day to get to work. Let me tell you how I did it.

My filestructure for this looks like this:

.
├── package.json
├── src
│   ├── js

HoverBaum

I.C.E. Project

This document strives to provide coding guidelines and standard to use in the iceproject.

At the same time it serves as the "must read" introduction for people new to the project.

General Filestructure

.