It seems like the (r)evolution of JavaScript-Land is in full swing and there are no signs of slowing down: Each week someone contributes a new hot library or framework to the ecosystem that is web-development.

My most important skill in this area is curiousity and willingness to sift through the latest stuff and give it a try. Yes, I even love to do that - I love to switch out tools in my stack if I see something new and think that might make my life easier.

And because of that I can adapt pretty quickly if a job requires a certain library, framework or stack - even if it is not my personal favorite.

In the following section I list some of my latest projects and the technologies I used to create and maintain them. All projects are hosted on GitHub, thus another one of my skills is to work with Git.

All my Projects on GitHub Download my CV as PDF

tl;dr: JavaScript (ES2015), HTML5, CSS3, Vue.js, Bulma, Stylus, Node.js, Hapi.js, MongoDB, Git. Tried many alternatives & I am open for new stuff.

Lehm

Lehm is a command-line file-generator that intends to get out of your way. No coding is required to create templates with variables, but it can also be extended with hooks.

  • Commander.js & Inquirer.js - To handle the command-line interface and user interactions.
  • Handlebars.js - To handle the templating. I extended Handlebars with the ability to have custom dilimeters.
  • Mocha.js & Sinon - To fully test the library.
  • Standard.js - To lint the source code and make sure it is consistent.
  • Lehm Docs - Writing extensive documentation with example code, published on GitHub-Pages.
  • Lehm @ NPM - Published to the NPM registry.
  • package.json - All the other modules used for this project.

Lehm Templates

I wrote front-end and back-end templates for Lehm. They represent the current full-stack I like to use when creating new projects.

jQAPI

jQAPI was my first successful project. It started back in 2011 when I wasn't happy about the navigation of the official jQuery documentation. So I put together my own navigation for the docs which was, and still is, well received. I re-wrote jQAPI multiple times, the latest version is all JS, before it was glued together with Ruby.

  • Shell.js - For cloning the official documentation via Git.
  • Cheerio - For transforming the original XML docs in to smaller JSON.
  • Karma & Mocha.js & Sinon - To fully test the documentation scraping and the front-end.
  • jQuery - For all front-end related stuff, like application events, Ajax requests, etc.
  • Stylus - CSS-preprocessor to speed up stylesheet development.
  • Browserify & Babel - To bundle the JS and transpile it, so I am able to write ES2015.
  • Standard.js - To lint the source code and make sure it is consistent.
  • package.json - All the other modules used in this project.

Akrasia.me

Ther very site you are looking at. As designers re-design their site often, I re-code my site. Already done with Jekyll, Ghost, Harp.js or a custom implementation - you name it. It's one of digital playgrounds.

  • Metalsmith - To generate the static site.
  • Async - To help with asynchronous code flow.
  • LWIP - To resize the pictures and create thumbnails.
  • Yarn - Tried the new package manager for the first time, also runs the tasks.
  • Browserify & Babel - To bundle the JS and transpile it, so I am able to write ES2015.
  • Bulma - The HTML/CSS framework to build the layout of the website.
  • Stylus - CSS-preprocessor to speed up stylesheet development.
  • jQuery - To help with some of the dynamic UI stuff.
  • EJS - To write the layouts for the static pages.
  • package.json - All the other modules used to build this website.

Ekso

Ekso is a small Node.js module that lets you require whole directory structures into an Object. I use it to structure my back-ends, as seen in the Lehm backe-end boilerplate.

  • Lodash - To build and extend the object that is returned.
  • Mocha.js - To fully test the module.
  • Standard.js - To lint the source code and make sure it is consistent.
  • Ekso @ NPM - Published to the NPM registry.
  • package.json - All the other modules used in this project.

Piffle

Piffle is a little HTML5 audio game that you play with your voice. I've built it in 48 hours for the StaticShowdown hackathon. It won in the category best-solo and scored 2nd place overall.

  • Browserify - To bundle the JS.
  • Vue.js - The front-end JS framework to build the dynamic part of the applation.
  • Stylus - CSS-preprocessor to speed up stylesheet development.
  • CoffeeScript - The last project where I used CoffeeScript to speed up JS development. Nowadays I am exclusively using ES2015.
  • package.json - All the other modules used to build this game.