Difference between revisions of "JavaScript"

From
Jump to: navigation, search
m
m
 
(32 intermediate revisions by the same user not shown)
Line 20: Line 20:
 
[https://www.bing.com/news/search?q=ai+javascript...X&qft=interval%3d%228%22 ...Bing News]
 
[https://www.bing.com/news/search?q=ai+javascript...X&qft=interval%3d%228%22 ...Bing News]
  
−
* [[Python]]   ... [[Generative AI with Python]] ... [[Javascript]] ... [[Generative AI with Javascript]]
+
* [[Python]] ... [[Generative AI with Python|GenAI w/ Python]] ... [[JavaScript]] ... [[Generative AI with JavaScript|GenAI w/ JavaScript]] ... [[TensorFlow]] ... [[PyTorch]]  
−
* [[Analytics]] ... [[Bayes]] ... [[Loop]] ... [[Visualization]] ... [[Diagrams for Business Analysis|Diagrams]] & [[Generative AI for Business Analysis]] ... [[Network Pattern]]
 
−
* [[Development]] ... [[Notebooks]] ... [[Development#AI Pair Programming Tools|AI Pair Programming]] ... [[Codeless Options, Code Generators, Drag n' Drop|Codeless, Generators, Drag n' Drop]] ... [[Algorithm Administration#AIOps/MLOps|AIOps/MLOps]] ... [[Platforms: AI/Machine Learning as a Service (AIaaS/MLaaS)|AIaaS/MLaaS]]
 
 
* [[Libraries & Frameworks Overview]] ... [[Libraries & Frameworks]] ... [[Git - GitHub and GitLab]] ... [[Other Coding options]]
 
* [[Libraries & Frameworks Overview]] ... [[Libraries & Frameworks]] ... [[Git - GitHub and GitLab]] ... [[Other Coding options]]
−
* [[Gaming]] ... [[Game-Based Learning (GBL)]] ... [[Games - Security|Security]] ... [[Game Development with Generative AI|Generative AI]] ... [[Metaverse#Games - Metaverse|Metaverse]] ... [[Games - Quantum Theme|Quantum]] ... [[Game Theory]]
+
* [[Analytics]] ... [[Visualization]] ... [[Graphical Tools for Modeling AI Components|Graphical Tools]] ... [[Diagrams for Business Analysis|Diagrams]] & [[Generative AI for Business Analysis|Business Analysis]] ... [[Requirements Management|Requirements]] ... [[Loop]] ... [[Bayes]] ... [[Network Pattern]]
−
* [[Generative AI]] ... [[Conversational AI]] ... [[OpenAI]]'s [[ChatGPT]] ... [[Perplexity]] ... [[Microsoft]]'s [[Bing]] ... [[You]] ...[[Google]]'s [[Bard]] ... [[Baidu]]'s [[Ernie]]
+
* [[Development]] ... [[Notebooks]] ... [[Development#AI Pair Programming Tools|AI Pair Programming]] ... [[Codeless Options, Code Generators, Drag n' Drop|Codeless]] ... [[Hugging Face]] ... [[Algorithm Administration#AIOps/MLOps|AIOps/MLOps]] ... [[Platforms: AI/Machine Learning as a Service (AIaaS/MLaaS)|AIaaS/MLaaS]]
 +
* [[Gaming]] ... [[Game-Based Learning (GBL)]] ... [[Games - Security|Security]] ... [[Game Development with Generative AI|Generative AI]] ... [[Metaverse#Games - Metaverse|Games - Metaverse]] ... [[Games - Quantum Theme|Quantum]] ... [[Game Theory]] ... [[Game Design | Design]]
 +
* [[What is Artificial Intelligence (AI)? | Artificial Intelligence (AI)]] ... [[Generative AI]] ... [[Machine Learning (ML)]] ... [[Deep Learning]] ... [[Neural Network]] ... [[Reinforcement Learning (RL)|Reinforcement]] ... [[Learning Techniques]]
 +
* [[Conversational AI]] ... [[ChatGPT]] | [[OpenAI]] ... [[Bing/Copilot]] | [[Microsoft]] ... [[Gemini]] | [[Google]] ... [[Claude]] | [[Anthropic]] ... [[Perplexity]] ... [[You]] ... [[phind]] ... [[Ernie]] | [[Baidu]]
 +
* [https://jsfiddle.net/ JSFiddle] ... an online code playground for developers to test and share snippets of JavaScript, CSS, and HTML code. ... experiment and tinker without having to set up a whole project.
 
* [https://kinsta.com/blog/javascript-libraries/ The 40 Best JavaScript Libraries and Frameworks for 2022 | Durga Prasad Acharya - Kinsta]
 
* [https://kinsta.com/blog/javascript-libraries/ The 40 Best JavaScript Libraries and Frameworks for 2022 | Durga Prasad Acharya - Kinsta]
−
* [https://www.robinwieruch.de/machine-learning-javascript-web-developers/ A Web Developer's Guide to Machine Learning in Javascript | Robin Wieruch]
+
* [https://www.robinwieruch.de/machine-learning-javascript-web-developers/ A Web Developer's Guide to Machine Learning in JavaScript | Robin Wieruch]
−
* [https://modeling-languages.com/javascript-drawing-libraries-diagrams/ 10+ Javascript libraries to draw your own diagrams (2020 edition) | Hamza Ed-douibi - MOdeling LAnguages]   
+
* [https://modeling-languages.com/javascript-drawing-libraries-diagrams/ 10+ JavaScript libraries to draw your own diagrams (2020 edition) | Hamza Ed-douibi - MOdeling LAnguages]   
 
* [https://jamesthom.as/blog/2018/08/07/machine-learning-in-node-dot-js-with-tensorflow-dot-js/ Machine Learning in Node.js With TensorFlow.js |  James Thomas]  
 
* [https://jamesthom.as/blog/2018/08/07/machine-learning-in-node-dot-js-with-tensorflow-dot-js/ Machine Learning in Node.js With TensorFlow.js |  James Thomas]  
−
* [https://docs.npmjs.com/misc/registry NPM]  Javascript package registry  
+
* [https://docs.npmjs.com/misc/registry NPM]  JavaScript package registry  
−
** [https://engineering.fb.com/web/yarn-a-new-package-manager-for-javascript/ Yarn] package manager for Javascript
+
** [https://engineering.fb.com/web/yarn-a-new-package-manager-for-javascript/ Yarn] package manager for JavaScript
 
* [https://www.freecodecamp.org/news/learn-deno-a-node-js-alternative/ Learn Deno, a Node.js alternative | Beau Carnes - freeCodeCamp.org] a Node.js  alternative created by Ryan Dahl, the same person who created Node.js.  
 
* [https://www.freecodecamp.org/news/learn-deno-a-node-js-alternative/ Learn Deno, a Node.js alternative | Beau Carnes - freeCodeCamp.org] a Node.js  alternative created by Ryan Dahl, the same person who created Node.js.  
 
* [https://www.theverge.com/2022/8/18/23206110/james-webb-space-telescope-javascript-jwst-instrument-control The James Webb Space Telescope runs JavaScript, apparently | Mitchell Clark - The Verge] ... It’s in charge of taking the pretty pictures
 
* [https://www.theverge.com/2022/8/18/23206110/james-webb-space-telescope-javascript-jwst-instrument-control The James Webb Space Telescope runs JavaScript, apparently | Mitchell Clark - The Verge] ... It’s in charge of taking the pretty pictures
Line 37: Line 39:
  
  
−
 
+
==== A [https://news.ycombinator.com/item?id=16718285 sampling] of [https://blog.bitsrc.io/11-javascript-machine-learning-libraries-to-use-in-your-app-c49772cca46c available] JavaScript Machine Learning libraries ====
−
==== A [https://news.ycombinator.com/item?id=16718285 sampling] of [https://blog.bitsrc.io/11-javascript-machine-learning-libraries-to-use-in-your-app-c49772cca46c available] Javascript Machine Learning libraries ====
 
 
* Libraries for NLP see [[Natural Language Tools & Services]]
 
* Libraries for NLP see [[Natural Language Tools & Services]]
 
*[[TensorFlow.js]] for training and deploying ML models in the browser and on [https://nodejs.org/en/ Node.js] (was called Deeplearnjs)  
 
*[[TensorFlow.js]] for training and deploying ML models in the browser and on [https://nodejs.org/en/ Node.js] (was called Deeplearnjs)  
 
** [https://transcranial.github.io/keras-js/#/ Keras.js] No longer active - capability now is in [[TensorFlow.js]]
 
** [https://transcranial.github.io/keras-js/#/ Keras.js] No longer active - capability now is in [[TensorFlow.js]]
 
** [https://deeplearnjs.org/ Deeplearnjs] rebranded to [[TensorFlow.js]]
 
** [https://deeplearnjs.org/ Deeplearnjs] rebranded to [[TensorFlow.js]]
−
* [[TensorFlow Playground]] written in Javascript (TypeScript) using [[Javascript#D3.js|D3.js]]
+
* [[TensorFlow Playground]] written in JavaScript (TypeScript) using [[JavaScript#D3.js|D3.js]]
 
* [[Brain.js]]
 
* [[Brain.js]]
 
* [[ML5.js]]
 
* [[ML5.js]]
 
* [https://github.com/NaturalNode/natural Natural] provides tokenizing, stemming (reducing a word to a not-necessarily morphological root), classification, phonetics, [[Term Frequency–Inverse Document Frequency (TF-IDF)]], [https://wordnet.princeton.edu/ WordNet], string similarity, some inflections, and more. (nodejs)
 
* [https://github.com/NaturalNode/natural Natural] provides tokenizing, stemming (reducing a word to a not-necessarily morphological root), classification, phonetics, [[Term Frequency–Inverse Document Frequency (TF-IDF)]], [https://wordnet.princeton.edu/ WordNet], string similarity, some inflections, and more. (nodejs)
−
* [https://github.com/NeuroJS Neuro.js] [https://janhuenermann.com/projects/learning-to-drive Learning to Drive project] a deep learning and reinforcement learning Javascript library framework for the browser. Implementing a full stack neural-network based machine learning framework with extended reinforcement-learning support
+
* [https://github.com/NeuroJS Neuro.js] [https://janhuenermann.com/projects/learning-to-drive Learning to Drive project] a deep learning and reinforcement learning JavaScript library framework for the browser. Implementing a full stack neural-network based machine learning framework with extended reinforcement-learning support
 
* [https://tenso.rs/ TensorFire] is a framework for running neural networks in the browser, accelerated by [https://get.webgl.org/ WebGL]
 
* [https://tenso.rs/ TensorFire] is a framework for running neural networks in the browser, accelerated by [https://get.webgl.org/ WebGL]
−
* [[ConvNetJS]] an NPM version is also available for those using [https://nodejs.org/en/ Node.js], and the library is designed to make proper use of Javascript’s asynchronicity with neural networks supporting common modules, classification, [[Regression]], an experimental Reinforcement Learning module, able to train [[(Deep) Convolutional Neural Network (DCNN/CNN)]] that process images
+
* [[ConvNetJS]] an NPM version is also available for those using [https://nodejs.org/en/ Node.js], and the library is designed to make proper use of JavaScript’s asynchronicity with neural networks supporting common modules, classification, [[Regression]], an experimental Reinforcement Learning module, able to train [[(Deep) Convolutional Neural Network (DCNN/CNN)]] that process images
 
* [https://github.com/mljs/ml mljs] includes supervised and unsupervised learning, artificial neural networks, [[Regression]] algorithms and supporting libraries for [[Math for Intelligence | statistics, math etc.]]
 
* [https://github.com/mljs/ml mljs] includes supervised and unsupervised learning, artificial neural networks, [[Regression]] algorithms and supporting libraries for [[Math for Intelligence | statistics, math etc.]]
−
* [https://github.com/cazala/synaptic Synaptic] multilayer perceptrons, multilayer long-short term memory networks, liquid state machines and a trainer capable of training a verity of networks
+
* [https://github.com/cazala/synaptic Synaptic] multilayer perceptrons, multilayer long-short term [[memory]] networks, liquid state machines and a trainer capable of training a verity of networks
−
* [https://mil-tokyo.github.io/webdnn/ Webdnn] this framework optimizes the [[Deep Neural Network (DNN)]] model to compress the model data and accelerate execution through Javascript APIs such as [https://webassembly.org/ WebAssembly] and [https://gpuweb.github.io/gpuweb/ WebGPU]   
+
* [https://mil-tokyo.github.io/webdnn/ Webdnn] this framework optimizes the [[Deep Neural Network (DNN)]] model to compress the model data and accelerate execution through JavaScript APIs such as [https://webassembly.org/ WebAssembly] and [https://gpuweb.github.io/gpuweb/ WebGPU]   
 
* [https://wagenaartje.github.io/neataptic/ Neataptic] neuro-evolution & [[backpropagation]] for the browser
 
* [https://wagenaartje.github.io/neataptic/ Neataptic] neuro-evolution & [[backpropagation]] for the browser
 
* [https://stevenmiller888.github.io/mindjs.net/ Mind] make predictions, using a matrix implementation to process training data and enabling configurable network topology.
 
* [https://stevenmiller888.github.io/mindjs.net/ Mind] make predictions, using a matrix implementation to process training data and enabling configurable network topology.
Line 63: Line 64:
 
** [https://www.abcsoftwarecompany.com/blog/chat-gpt-to-generate-diagrams-graphs-charts-with-mermaid-js-org-1 ChatGPT to generate diagrams/graphs/charts with Mermaid.js.org | Khanah Mai - ABC Software Solutions]
 
** [https://www.abcsoftwarecompany.com/blog/chat-gpt-to-generate-diagrams-graphs-charts-with-mermaid-js-org-1 ChatGPT to generate diagrams/graphs/charts with Mermaid.js.org | Khanah Mai - ABC Software Solutions]
 
** [https://betterprogramming.pub/how-to-create-diagrams-with-chatgpt-19099de795ce How to Create Diagrams With ChatGPT | David Oliver - Medium]  ... No in-depth knowledge of Mermaid script needed  
 
** [https://betterprogramming.pub/how-to-create-diagrams-with-chatgpt-19099de795ce How to Create Diagrams With ChatGPT | David Oliver - Medium]  ... No in-depth knowledge of Mermaid script needed  
−
* [[Python#Visualization with Python| Visualization with Python]] and underlying Javascript libraries
+
* [[Python#Visualization with Python| Visualization with Python]] and underlying JavaScript libraries
−
* [https://get.webgl.org/ WebGL.js] - (Web Graphics Library) is a Javascript API for rendering interactive 3D and 2D graphics within any compatible web browser without the use of plug-ins
+
* [https://get.webgl.org/ WebGL.js] - (Web Graphics Library) is a JavaScript API for rendering interactive 3D and 2D graphics within any compatible web browser without the use of plug-ins
 
* [[Knowledge Graphs]]
 
* [[Knowledge Graphs]]
 
** [https://neo4j.com/use-cases/artificial-intelligence-analytics/ Graphs Are Fundamental to Modern AI Systems | neo4j]
 
** [https://neo4j.com/use-cases/artificial-intelligence-analytics/ Graphs Are Fundamental to Modern AI Systems | neo4j]
Line 85: Line 86:
  
 
<youtube>BEquEEsr6_Q</youtube>
 
<youtube>BEquEEsr6_Q</youtube>
−
<youtube>out-60vx558</youtube>
 
 
<youtube>9Hz3P1VgLz4</youtube>
 
<youtube>9Hz3P1VgLz4</youtube>
 
<youtube>gQLKufQ35VE</youtube>
 
<youtube>gQLKufQ35VE</youtube>
−
<youtube>TjQmZeyIiTk</youtube>
 
 
<youtube>o6_SjgrmHqU</youtube>
 
<youtube>o6_SjgrmHqU</youtube>
  
Line 115: Line 114:
 
[https://www.google.com/search?q=React+artificial+intelligence+deep+learning+ML ...Google search]
 
[https://www.google.com/search?q=React+artificial+intelligence+deep+learning+ML ...Google search]
  
−
* [https://reactjs.org/ React] A Javascript library for building user interfaces
+
* [https://reactjs.org/ React] A JavaScript library for building user interfaces
 
* [https://medium.com/@geekyants/deep-learning-with-react-native-65fae456839d Deep Learning With React Native | GeekyAnts - Medium]
 
* [https://medium.com/@geekyants/deep-learning-with-react-native-65fae456839d Deep Learning With React Native | GeekyAnts - Medium]
 
* [https://nextjs.org/ Next.js] the most popular component within React
 
* [https://nextjs.org/ Next.js] the most popular component within React
Line 131: Line 130:
 
* [https://www.codecademy.com/resources/blog/how-to-code-wordle-game-in-javascript/ Here's How To Code Wordle — That Game That Everyone's Talking About]
 
* [https://www.codecademy.com/resources/blog/how-to-code-wordle-game-in-javascript/ Here's How To Code Wordle — That Game That Everyone's Talking About]
  
−
{|<!-- T -->
+
* [https://gist.github.com/gaearon/deb61c3f10a9319c348987acc0435ff9 Let's write a Wordle clone in javascript (part 1) - Dan] ... if you liked this, check out my beautiful dark twisted JavaScript course: https://justjavascript.com   
−
| valign="top" |
+
 
−
{| class="wikitable" style="width: 550px;"
 
−
||
 
−
<youtube>mpby4HiElek</youtube>
 
−
<b>Wordle Clone in JavaScript!
 
−
</b><br>You need to sign up here to follow along: https://bit.ly/rapidapi-hub In this video, I show you my approach to creating the game of Wordle in JavaScript, with the added benefit of using API's in order to generate random 5 letter words for us, and check if the words we are using for our guesses exist!  GitHub Repo: https://github.com/kubowania/wordle-javascript Code with Ania Kubów
 
−
|}
 
−
|<!-- M -->
 
−
| valign="top" |
 
−
{| class="wikitable" style="width: 550px;"
 
−
||
 
 
<youtube>K77xThbu66A</youtube>
 
<youtube>K77xThbu66A</youtube>
−
<b>Let's write a Wordle clone in javascript (part 1)
 
−
</b><br>Result code: https://gist.github.com/gaearon/deb61c3f10a9319c348987acc0435ff9 if you liked this, check out my beautiful dark twisted javascript course: https://justjavascript.com/  - Dan
 
  
−
|}
+
= <span id="Games to Learn"></span>Games to Learn =
−
|}<!-- B -->
+
[https://www.youtube.com/results?search_query=Learn+JavaScript+CSS+game+gaming YouTube]
 +
[https://www.quora.com/search?q=Learn%20JavaScript%20CSS%20game%20gaming ... Quora]
 +
[https://www.google.com/search?q=Learn+JavaScript+CSS+game+gaming ...Google]
 +
[https://news.google.com/search?q=Learn+JavaScript+CSS+game+gaming ...Google News]
 +
[https://www.bing.com/news/search?q=Learn+JavaScript+CSS+game+gaming&qft=interval%3d%228%22 ...Bing News]
 +
 
 +
* [[Game-Based Learning (GBL)]]
 +
* [[Python#Games_to_Learn_Python | Games to Learn Python]]
 +
* [[Gaming]]
 +
* [https://www.themuse.com/advice/15-games-thatll-teach-you-how-to-code-that-also-happen-to-be-really-fun 15 Games That'll Teach You How to Code (That Also Happen to Be Really Fun) | Skillcrush]
 +
 
 +
== <span id="JavaScript"></span>JavaScript ==
 +
* [https://dev.to/dailydevtips1/10-games-to-learn-javascript-155j 10 Games to Learn JavaScript | Chris Bongers]
 +
 
 +
== <span id="CSS"></span>CSS ==
 +
* [https://daily-dev-tips.com/posts/10-amazing-games-to-learn-css/ 10 Amazing Games to Learn CSS | Chris Bongers]

Latest revision as of 11:52, 6 November 2024

YouTube ... Quora ...Google search ...Google News ...Bing News


A sampling of available JavaScript Machine Learning libraries

Graphics / Visualization

________________________________

Demos

Node.js

Youtube search... ...Google search

React

Youtube search... ...Google search

Wordle

Youtube search... ...Google search

Games to Learn

YouTube ... Quora ...Google ...Google News ...Bing News

JavaScript

CSS

Retrieved from "https://primo.ai/index.php?title=JavaScript&oldid=37711"