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:
Make it look good:
- 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 :
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.
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:
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.