Some tests on javascript, CSS and HTML. Because at least with github it can be stored online and I know where to find them. You know that feeling like "I knew how to do it, where did I put that ... oh right I made a junk repo out of it 👍". Are you really reading this? 👀

Here are some complete website for web based languages and technologies to learn:

• w3c Schools
• SoloLearn
• Kirupa's blog
• MDN learning Area
  • mdn/learning-area code example on github

Here is a list of nice links for HTML:

• getting started
• Simple HTML examples : samdutton/simpl
• Generate favicon with real favicon generator

Here is a list of nice links for CSS:

• How to align div
• CSS Grid for better cross plateform design
• CSS tricks
• Center in CSS generator
• 30s solutions to CSS problem

It is default with bootstrap, but here are some explainations on how to do it yourself:

• pure CSS navbar
• CSS and js responsive navbar
• Basic responsive navbar

Make it look good:

• Color scheme
• Color's info
• Design-seeds
• Müller's Colour Brightness Theory

• HSL and HSV
• RGB to HSL color conversion
• HSL to RGB color conversion
• Math behind colorspace conversions, RGB-HSL
• The three-dimensional representation of the HSV model

Bootstrap is a nice CSS / Javascript framework to build good looking sites, app, blogs, etc.

You can follow the github project here

There are also a lot of layout tools that can be used to either customiser or simplify your life with bootstrap such as :

• layouit
• Bootstrap design tool
• Bootstrap elements

If you don't want to have everything bootstrapped but rather only the grid or else, you can isolate bootstrap into another class say .bootstrap-iso with less.

• Isolate bootstrap with less

And you can install less with the node.js package manager (npm):

npm install -g less

For proxy errors try this:

npm config set proxy https://<proxy-server-url>:<port>
npm config set https-proxy https://<proxy-server-url>:<port>

Here is a list of nice links for Javascript:

• Reading files in JavaScript using the File APIs

• Creating and triggering events
• Trigger events with parameters
• Dispatch event with data

I have mostly french documentation for that, how to handle server/application or API communication. Ajax and XMLHttpRequest:

• FR: Interrogez un serveur web
• FR: Utilisez des API web
• FR: Le fonctionnement de $.ajax()
• Getting started with Ajax
• FR: L'objet XMLHttpRequest

You can load JSON through an XMLHttpRequest.

When you want to transform a JSON object into string or a string into a JSON. Write that in the console (ctr + shift + i) in the browser

var myJSON = { "name": "John", "level": "27" };
myJSON

var myString = JSON.stringify(myJSON);
myString

var myParsed = JSON.parse(myString);
myParsed

In Javascript, the … will take each element of an array separately.

arr =[1, 2, 3, 4]
String.fromCharCode(…arr)

Will return the string equivalent for all of the element of arr

To test your javascript code, you might need the help of some test framework. As in other languages, they are here to help you write better code.

• Raygun - framework comparaison
• Designmodo - test javascript unit