N/B: You don't need to know all of these. In fact, knowing just React or Vue is enough to build full websites.
- ANGULAR JS
Some of the popular companies who use Angular are Google (obviously), PayPal and iTunes.
- VUE JS
Very similar to React, Vue is a front-end framework used to create single-paged applications with the popular component-based architecture. The upside with using Vue is that you write smaller amount to code compared to other UI libraries. Vue JS is growing stronger by the day, and is getting adopted at a quick rate.
- UNDERSCORE JS
- BABYLON JS
I have a confession to make; I really love the name of this particular library.
For the game developers, this name might not be a new one. Babylon is a full fledged 3D video game engine for creating complex and web-based 3D Video games.
Chances are they were all made with React. React is a component-based UI library which allows you create reusable UI elements (components) for your website. It is used by many companies, including Facebook, of course.
For those of you looking to learn React, HTML to React is a brilliant course to go from knowing just HTML to knowing React.
It includes everything you need to create rich UIs and combine them to form a powerful and highly scalable website.
- BACKBONE JS
Another cool name!
- CLIPBOARD JS
As its name already implies, Clipboard allows you copy data from your site right off the bat! No need to install any additional dependency.
Some of us may be already be aware of the story of the tower of Babel in the bible. Creating a language division amongst the builders to cut of communication and create discordance.
Svelte is a complete new approach to building user interfaces. While traditional frameworks like React and Vue are browser based, Svelte shifts that work into a compile step that happens when you build your app.
- LETTERING JS
- CHARTIST JS
Ah, here is something for the data analysts!
- DROPZONE JS
Dropzone allows you implement “drag and drop” features on your website. It is also highly customizable with custom code. It’s lightweight, doesn’t depend on any other library (like jQuery).
- THREE JS
Aha! Something to make some cool, eye-catching stuff.
When you think of this library, you think of utilities. Lodash is an immensely useful library which contains and provides utility functions which you call into your code to perform a specific task. Saving your time you would have wasted in writing it yourself.
- PIXI JS
Named after the popular movie animation studio Pixar, Pixi is an open source 2D engine used to create beautify, eye-catching animations on your website. Pixi uses WebGL, and uses HTML canvas if the former is not supported.
PixiJS is made of multiple consumable components that can be installed in your project with NPM/Yarn
- D3 JS
It stands for “Data Driven Documents”, which kind of explains its task. The library uses pre-built functions to select DOM elements, create SVG objects, style them and add transitions and other effects. These objects can also be styled using pure CSS.
You should know that by default, the connection between the browser and web server is closed once the server responds with data. So how do you keep the connection open so data can seamlessly flow bi-directionally without having to make new requests in the process?
- MATH JAX
Ah, good old maths.
As its name suggests, MathJAX simply allows you to include mathematics in your pages. This includes special math notations and symbols. MathJax automatically formats the mathematical symbols and equations that you enter in HTML and problem components using LaTeX notation into beautiful math. A MathJax equation can appear with other text in the paragraph (inline) or on its own dedicated line (block).
Modernizr is a libary of tests. Features like CSS transform, web sockets, CSS transitions and animations can be tested on the browser using special properties from Modernizr.
There are over 260 features which can be tested using this utility.
Which of these are your favourite? Let me know in the comments.
P/S: I recently launched my Web Development Beginners Guide eBook for Absolute Beginners. Check it out here - Web Development - The Beginners Guide