Welcome to Mono Codes, Codes to Adore, Love or Perish.


Let me introduce myself. I am Vincent Berger, a self thought developer for creating websites and applications for Android, iOs and Windows.
Thank you for visiting my portfolio! I appreciate your willingness to view my website for a specific subject or time.
That is one of the main reasons why I like this made website, so that you and I have certain codes, explanations, sources or memories can choose to participate in your next development project.
It also behaves like a portfolio to gain insight into my work, references and development.


I am generally a driven developer when it comes to something learn news and be able to handle it well. This mainly concerns technology behind the websites and applications and how this is all connected.
In my spare time I like to be creative in designing and implementing certain webiste's but also many applications.
Before that I am a hard worker with an excellent eye for detail. Since this is a mono job, team spirit is also very important to me; successes may be celebrated!

The world of developer is really changing every day, if not every week! As a commercial thinker and doer it makes my heart beat faster, which sometimes works contradictory.
Furthermore, I have a positive attitude, excellent empathy and I want everyone to get the attention he needs - three things that are very important to me in healthcare. With my ambitious personality I am always looking for possibilities in detail to improve and so the performance of me to a higher level.
I offer clarity, I have a large implementation power and knows how to combine my "soft" side with "hard" skills.



Are you the one who needs me for an application or website? click on the button below to hire me as a freelancer or get insight to my Resume/CV.

Get a preview to my work and references

DOM vs Canvas
In general I will cover the rendering, API's, preformance and memory compared to each other.

Created by Vincent Berger on Jan 21, 2019

Captcha - I'm Not A Robot
Avoid spam like behavior to implement a captcha to your forms.

Created by Vincent Berger on Jan 26, 2019

Webpage Preloader
Play a nice animation while the webpage preloads.

Created by Vincent Berger on Jan 22, 2019

Spiral Context (Animated)
Spiral Context drawed with Canvas, this is an animation.

Created by Vincent Berger on Jan 21, 2019

Modal Box
Modal box created with JQuery, simple but effective.

Created by Vincent Berger on Nov 6, 2018

Find The Extraordinary Box!
This contest code was to create 100 boxes which 1 of them has a higher amout of the others.
This was a very fun process since I visualized the way of finding the 1 box that stood out of the other boxes.

Created by Vincent Berger on Nov 5, 2018

Phone Number Formatting (Real-time)
Format the inserted phone number characters to a valid phone number format.

Created by Vincent Berger on Oct 14, 2018

Is That An IP Address?
Check wheter the inserted number values are a valid IP address string (in the real-world).

Created by Vincent Berger on Oct 4, 2018

Password Validation
Check whether your password is secure enough or not.

Created by Vincent Berger on Jan 25, 2019

Validate Your Binary String
Check whether your binary string is valid agianst the IBM ASCII table.

Created by Vincent Berger on Jan 24, 2019

(Web) Eco Bus America
EcoBusAmerica.com Is a delelopment project that is owned by Jorien Timmers.
This project focusses of creating awareness about the environmental problems, this includes mainly plastic waste.

Created by Vincent Berger on Feb 9, 2019

(Web) On The Roads
OnTheRoads.nl Is a development project that is onwed by Sebastiaan Berger. This platform focusses mainly on personal travel articles.

Created by Vincent Berger on Jan 25, 2018

Modern Javascript Cheatsheet

This modern Javascript cheatsheet is provided by mbeaudru.

This guide is not intended to teach you JavaScript from the ground up, but to help developers with basic knowledge who may struggle to get familiar with modern codebases (or let's say to learn React for instance) because of the JavaScript concepts used.
Visit the cheatsheet of mbeaudru

ES6 (ECMAScript 6)

ES6 cheatsheet provided by Devhints.io

A quick overview of new JavaScript features in ES2015, ES2016, ES2017, ES2018 and beyond.
Visit the cheatsheet of Devhints.io


React cheatsheet provided by Devhints.io

React is a JavaScript library for building user interfaces. This guide targets React v15 to v16.
Visit the cheatsheet of Devhints.io


Node.JS cheatsheet provided by Yoni Goldberg

Node.JS, The largest Node.js best practices list
Visit the cheatsheet of Yoni Goldberg

Guide for JS frameworks & libraries

Cheatsheet provided by John Hannah

Guide for Javascript frameworks & libraries
Visit the cheatsheet of jsreport.io
Additonal: The ultimate guide to Javascript frameworks
Visit the cheatsheet of javascriptreport.com

Learning JavaScript Design Patterns

Cheatsheet provided by Addy Osmani

Learning JavaScript Design Patterns is released under a Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 unported license. It is available for purchase via O'Reilly Media but will remain available for both free online and as a physical (or eBook) purchase for readers wishing to support the project.
Visit the cheatsheet of Addy Osmani


Cheatsheet provided by W3School

JavaScript, HTML & DOM Cheatsheet.
This section contains a complete JavaScript reference documentation.

Visit the cheatsheet of W3school

JavaScript String Cheatsheet
Visit the cheatsheet of W3school

JavaScript Operators Cheatsheet
Visit the cheatsheet of W3school

JavaScript Array Cheatsheet
Visit the cheatsheet of W3school

JavaScript Date Cheatsheet
Visit the cheatsheet of W3school

JavaScript RegExp Cheatsheet
Visit the cheatsheet of W3school

Provide Your resources and/or cheatsheets!

If you come across a recourse or cheatsheet that involves Javascript or their frameworks/libraries,
Do not hasitate to place them in the comment section assiociated with this article.
This will be highly appericiated!☻
Back to Top