JS-Libraries

JavaScript Libraries - Prewritten JavaScript http://en.wikipedia.org/wiki/Javascript_library

List of Libraries http://en.wikipedia.org/wiki/List_of_JavaScript_libraries

Nicely laid out grid of the types, names with links to popular JavaScript Libraries http://javascriptlibraries.com/

Wikipedia take on Libraries: http://en.wikipedia.org/wiki/List_of_JavaScript_libraries

Wikipedia take on Frameworks http://en.wikipedia.org/wiki/Comparison_of_JavaScript_frameworks

LIBRARY - Third-Party Libraries https://www.javascripting.com/?sort=rating

jQuery is a cross-browser JavaScript library that facilitates DOM traversal, event handling, animation, and AJAX interactions.

jQuery - cross-browser JavaScript library http://en.wikipedia.org/wiki/Jquery

jQuery - JavaScript library for interactions with animation http://en.wikipedia.org/wiki/JQuery_UI

http://www.tormus.com/tools/div_checker

React - JavaScript Library for building user interfaces:

React + GraphQL 2020 FREE Crash Course https://www.freecodecamp.org/news/the-react-graphql-2020-crash-course/

AngularJS - Free Tutorial https://www.codeschool.com/courses/shaping-up-with-angularjs

JS.Tensorflow.org

DeepLearn.JS - a JS Library that combines the Browser with Machine Learning to create 3D graphics. 2017

TensorFlow.JS - Machine Learning with JavaScript https://www.youtube.com/watch?time_continue=86&v=YB-kfeNIPCE 2018

Great Article about creating Graphs - https://medium.com/@PepsRyuu/why-i-no-longer-use-d3-js-b8288f306c9a20

2019's Favorite 11 JavaScript Libraries https://blog.bitsrc.io/11-javascript-utility-libraries-you-should-know-in-2018-3646fb31ade

FRAMEWORK

Bootstrap - Sleek, intuitive, and powerful front-end framework for faster and easier web development. http://twitter.github.io/bootstrap/

Foundation — sleek & intuitive, a little less powerful than Bootstrap but well supported http://foundation.zurb.com/

TOOLKIT and/or TASK RUNNER

gulp.js

Gulp - is built on Node.js (Server Side-JavaScript) & NPM (Node Packet Manager)

Gulp - has hundreds of plugins

Tutorial: Crash Course https://www.youtube.com/watch?v=1rw9MfIleEg

Other LIBRARIES

To see the current list https://www.javascripting.com/?sort=rating

MooTools - My Object Oriented Tools - http://en.wikipedia.org/wiki/MooTools

DoJo Toolkit - JavaScript Tool-Kit - for JavaScript/Ajax based apps http://en.wikipedia.org/wiki/Dojo_Toolkit

Spry - Open Source AJAX Framework developed by Adobe and incorporated into DreamWeaver http://en.wikipedia.org/wiki/Spry_framework

Google Web Toolkit - open source tools - for JavaScript front-end applications in JAVA http://en.wikipedia.org/wiki/Google_Web_Toolkit

Modernizr http://www.modernizr.com - HTML5 & CSS3 - that does more than detect the browser ... it has feature detection ...

" Instead of doing simple browser detection, Modernizr will figure out just what features the user’s browser can support and react accordingly."

http://www.linkedin.com/news?actionBar=&articleID=5564322122379038738&ids=0Me30Qc3sRej0UcPwPdjcPdzkRb3ATe3oPd30Rej0Td3cSejcSdjkIdzoUc3wPdPkOdjkPczwSd3oRdiMVcPsVd3oQd3cOdjkOd3oPdzkRb3wPdPwPc3ATcP8Ocj8OcPgSdjkIejgOc34QczwTdP8SczAQd3oRdiMNczsQd3kVc3wSdz8MejgOdzkR&aag=true&freq=weekly&trk=eml-tod2-b-ttl-2&ut=1rYUcrMvexyR41

Adobe article on using Modernizr http://www.adobe.com/devnet/dreamweaver/articles/using-modernizr.html

Can I Use??? Lower Right Hand corner has JavaScript http://caniuse.com

Testing Platforms

Karma, Jasmine, Protractor https://angular.io/guide/testing

Common Sense on using libraries & third-party libraries:

1. Use only actively maintained libraries.

2. Use only libraries with an appropriate license.

3. Limit the amount of code that touches the library

4. Keep the library up to date.

5. Write regression tests for the library (tests that prove the functionality that you want to use from the library).

6. Know what libraries you use.

7. Take ownership of the library (If a problem arises from the library you use, you need to be able to know how to fix it).

By following these tips, you should be more comfortable in using third-party libraries on your site, and be better prepared to take action if a problem were to occur.