Difference between revisions of "JavaScript"

From
Jump to: navigation, search
m
m
 
(53 intermediate revisions by the same user not shown)
Line 2: Line 2:
 
|title=PRIMO.ai
 
|title=PRIMO.ai
 
|titlemode=append
 
|titlemode=append
|keywords=artificial, intelligence, machine, learning, models, algorithms, data, singularity, moonshot, Tensorflow, Google, Nvidia, Microsoft, Azure, Amazon, AWS  
+
|keywords=ChatGPT, artificial, intelligence, machine, learning, GPT-4, GPT-5, NLP, NLG, NLC, NLU, models, data, singularity, moonshot, Sentience, AGI, Emergence, Moonshot, Explainable, TensorFlow, Google, Nvidia, Microsoft, Azure, Amazon, AWS, Hugging Face, OpenAI, Tensorflow, OpenAI, Google, Nvidia, Microsoft, Azure, Amazon, AWS, Meta, LLM, metaverse, assistants, agents, digital twin, IoT, Transhumanism, Immersive Reality, Generative AI, Conversational AI, Perplexity, Bing, You, Bard, Ernie, prompt Engineering LangChain, Video/Image, Vision, End-to-End Speech, Synthesize Speech, Speech Recognition, Stanford, MIT |description=Helpful resources for your journey with artificial intelligence; videos, articles, techniques, courses, profiles, and tools
|description=Helpful resources for your journey with artificial intelligence; videos, articles, techniques, courses, profiles, and tools  
+
 
 +
<!-- Google tag (gtag.js) -->
 +
<script async src="https://www.googletagmanager.com/gtag/js?id=G-4GCWLBVJ7T"></script>
 +
<script>
 +
  window.dataLayer = window.dataLayer || [];
 +
  function gtag(){dataLayer.push(arguments);}
 +
  gtag('js', new Date());
 +
 
 +
  gtag('config', 'G-4GCWLBVJ7T');
 +
</script>
 
}}
 
}}
[http://www.youtube.com/results?search_query=javascript+brain.js+tensorflow.js+ML5.js+artificial+intelligence+deep+machine+learning Youtube search...]
+
[https://www.youtube.com/results?search_query=ai+javascript YouTube]
[http://www.google.com/search?q=javascript+brain.js+tensorflow.js+ML5.js+artificial+intelligence+deep+machine+learning ...Google search]
+
[https://www.quora.com/search?q=ai%20javascript ... Quora]
 +
[https://www.google.com/search?q=ai+javascript ...Google search]
 +
[https://news.google.com/search?q=ai+javascript ...Google News]
 +
[https://www.bing.com/news/search?q=ai+javascript...X&qft=interval%3d%228%22 ...Bing News]
  
* [[Python]]
+
* [[Python]] ... [[Generative AI with Python|GenAI w/ Python]] ... [[JavaScript]] ... [[Generative AI with JavaScript|GenAI w/ JavaScript]] ... [[TensorFlow]] ... [[PyTorch]]
* [[Development]]
+
* [[Libraries & Frameworks Overview]] ... [[Libraries & Frameworks]] ... [[Git - GitHub and GitLab]] ... [[Other Coding options]]
* [http://towardsdatascience.com/top-javascript-machine-learning-libraries-in-2019-cb63b95bdd10 Top Javascript Machine Learning libraries in 2019 | Jason Shin - Towards Data Science - Medium]
+
* [[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]]
* [http://blog.bitsrc.io/11-javascript-machine-learning-libraries-to-use-in-your-app-c49772cca46c3 11 Javascript Machine Learning Libraries for 2019 | Jonathan Saring - Bits and Pieces - Medium]
+
* [[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]]
* [http://www.robinwieruch.de/machine-learning-javascript-web-developers/ A Web Developer's Guide to Machine Learning in Javascript | Robin Wieruch]
+
* [[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]]
* [http://modeling-languages.com/javascript-drawing-libraries-diagrams/ 10+ Javascript libraries to draw your own diagrams (2020 edition) | Hamza Ed-douibi - MOdeling LAnguages]   
+
* [[What is Artificial Intelligence (AI)? | Artificial Intelligence (AI)]] ... [[Generative AI]] ... [[Machine Learning (ML)]] ... [[Deep Learning]] ... [[Neural Network]] ... [[Reinforcement Learning (RL)|Reinforcement]] ... [[Learning Techniques]]
* [http://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]  
+
* [[Conversational AI]] ... [[ChatGPT]] | [[OpenAI]] ... [[Bing/Copilot]] | [[Microsoft]] ... [[Gemini]] | [[Google]] ... [[Claude]] | [[Anthropic]] ... [[Perplexity]] ... [[You]] ... [[phind]] ... [[Ernie]] | [[Baidu]]
* [[Visualization]]
+
* [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.
* [http://docs.npmjs.com/misc/registry NPM]  Javascript package registry  
+
* [https://kinsta.com/blog/javascript-libraries/ The 40 Best JavaScript Libraries and Frameworks for 2022 | Durga Prasad Acharya - Kinsta]
** [http://engineering.fb.com/web/yarn-a-new-package-manager-for-javascript/ Yarn] package manager for Javascript
+
* [https://www.robinwieruch.de/machine-learning-javascript-web-developers/ A Web Developer's Guide to Machine Learning in JavaScript | Robin Wieruch]
* [http://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://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://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://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.stsci.edu/~idash/pub/dashevsky0607rcsgso.pdf JWST: Maximizing Efficiency and Minimizing Ground Systems | lana Dashevsky and Vicki Balzano - Space Telescope Science Institute]
  
  
==== A [http://news.ycombinator.com/item?id=16718285 sampling] of [http://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 [http://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)  
** [http://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]]
** [http://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]]
* [http://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)]], [http://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)
* [http://github.com/NeuroJS Neuro.js] [http://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
* [http://tenso.rs/ TensorFire] is a framework for running neural networks in the browser, accelerated by [http://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 [http://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
* [http://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.]]
* [http://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
* [http://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 [http://webassembly.org/ WebAssembly] and [http://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]   
* [http://wagenaartje.github.io/neataptic/ Neataptic] neuro-evolution & [[backpropagation]] for the browser
+
* [https://wagenaartje.github.io/neataptic/ Neataptic] neuro-evolution & [[backpropagation]] for the browser
* [http://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.
* [http://deepforge.readthedocs.io/en/latest/deployment/overview.html DeeForge] a development environment for deep learning
+
* [https://deepforge.readthedocs.io/en/latest/deployment/overview.html DeeForge] a development environment for deep learning
* [http://github.com/dmlc/mxnet.js/ MXnet.js] deep learning in browser (without server); allows you to mix symbolic and imperative programming on the fly with a graph optimization layer for performance
+
* [https://github.com/dmlc/mxnet.js/ MXnet.js] deep learning in browser (without server); allows you to mix symbolic and imperative programming on the fly with a graph optimization layer for performance
* [http://towardsdatascience.com/handtrackjs-677c29c1d585 Handtrack.js: Hand Tracking Interactions in the Browser using Tensorflow.js and 3 lines of code | Victor Dibia - Towards Data Science] - allows you track a user’s hand (bounding box) from an image in any orientation
+
* [https://towardsdatascience.com/handtrackjs-677c29c1d585 Handtrack.js: Hand Tracking Interactions in the Browser using Tensorflow.js and 3 lines of code | Victor Dibia - Towards Data Science] - allows you track a user’s hand (bounding box) from an image in any orientation
  
 
==== <span id="Graphics"></span>Graphics / [[Visualization]] ====
 
==== <span id="Graphics"></span>Graphics / [[Visualization]] ====
* [[Python#Visualization with Python| Visualization with Python]] and underlying Javascript libraries
+
* [https://mermaid.js.org/ Mermaid Diagramming and charting tool]  ... JavaScript based diagramming and charting tool that renders Markdown-inspired text definitions to create and modify diagrams dynamically.
* [http://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://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
 +
* [[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
 
* [[Knowledge Graphs]]
 
* [[Knowledge Graphs]]
** [http://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]
** [http://www.datanami.com/2018/03/20/why-knowledge-graphs-are-foundational-to-artificial-intelligence/ Why Knowledge Graphs Are Foundational to Artificial Intelligence | Jim Webber]
+
** [https://www.datanami.com/2018/03/20/why-knowledge-graphs-are-foundational-to-artificial-intelligence/ Why Knowledge Graphs Are Foundational to Artificial Intelligence | Jim Webber]
** [http://www.cbronline.com/opinion/creating-sophisticated-recommendations-native-graphs Creating The Most Sophisticated Recommendations Using Native Graphs | Emil Eifrem]
+
** [https://www.cbronline.com/opinion/creating-sophisticated-recommendations-native-graphs Creating The Most Sophisticated Recommendations Using Native Graphs | Emil Eifrem]
** [http://github.com/neo4j-contrib/neo4j-ml-procedures Neo4j Machine Learning Extensions]
+
** [https://github.com/neo4j-contrib/neo4j-ml-procedures Neo4j Machine Learning Extensions]
** [http://medium.com/octavian-ai/review-prediction-with-neo4j-and-tensorflow-1cd33996632a Review prediction with Neo4j and TensorFlow | David Mack]
+
** [https://medium.com/octavian-ai/review-prediction-with-neo4j-and-tensorflow-1cd33996632a Review prediction with Neo4j and TensorFlow | David Mack]
 
* <span id="D3.js"></span>D3.js - utilizes assets for HTML, CSS, and SVG integrating any visualization seamlessly into a web page, dashboard, or website
 
* <span id="D3.js"></span>D3.js - utilizes assets for HTML, CSS, and SVG integrating any visualization seamlessly into a web page, dashboard, or website
** [http://d3js.org/ D3js.org] - [http://bl.ocks.org/heybignick/3faf257bbbbc7743bb72310d03b86ee8 D3.js v4 Force Directed Graph with Labels]
+
** [https://d3js.org/ D3js.org] - [https://bl.ocks.org/heybignick/3faf257bbbbc7743bb72310d03b86ee8 D3.js v4 Force Directed Graph with Labels]
** [http://playground.tensorflow.org TensorFlow Deep Playground] an interactive visualization of neural networks, written in [http://www.typescriptlang.org/ TypeScript] using [http://d3js.org/ D3.js] and can be repurposed for different means  
+
** [https://playground.tensorflow.org TensorFlow Deep Playground] an interactive visualization of neural networks, written in [https://www.typescriptlang.org/ TypeScript] using [https://d3js.org/ D3.js] and can be repurposed for different means  
** [http://www.sisense.com/blog/d3-visualization-dashboards/ D3 | Sisense]
+
** [https://www.sisense.com/blog/d3-visualization-dashboards/ D3 | Sisense]
  
 
<youtube>_8V5o2UHG0E</youtube>
 
<youtube>_8V5o2UHG0E</youtube>
Line 60: Line 81:
 
________________________________
 
________________________________
 
* [[Git - GitHub and GitLab]]
 
* [[Git - GitHub and GitLab]]
* [http://bitsrc.io/ Bit]
+
* [https://bitsrc.io/ Bit]
  
http://cdn-images-1.medium.com/max/1600/1*W79wtpbE2NTqUuFA8EVorQ.png
+
<img src="https://media.giphy.com/media/3o6ozxdcJ2hxbxBudq/giphy.gif" width="800">
  
 
<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>
  
 
=== Demos ===
 
=== Demos ===
*[http://lines.chromeexperiments.com/ Land Lines]
+
*[https://lines.chromeexperiments.com/ Land Lines]
*[http://janhuenermann.com/projects/learning-to-drive Learning to Drive]
+
*[https://janhuenermann.com/projects/learning-to-drive Learning to Drive]
*[http://js.tensorflow.org/ TensorFlow.js Demos]
+
*[https://js.tensorflow.org/ TensorFlow.js Demos]
  
 
=== <span id="Node.js"></span>Node.js ===
 
=== <span id="Node.js"></span>Node.js ===
[http://www.youtube.com/results?search_query=node.js+artificial+intelligence+deep+learning Youtube search...]
+
[https://www.youtube.com/results?search_query=node.js+artificial+intelligence+deep+learning Youtube search...]
[http://www.google.com/search?q=node.js+artificial+intelligence+deep+learning+ML ...Google search]
+
[https://www.google.com/search?q=node.js+artificial+intelligence+deep+learning+ML ...Google search]
  
* [http://nodejs.org/en/ Node.js]  
+
* [https://nodejs.org/en/ Node.js]  
 
* [[Watch me Build a Marketing Startup]] | [[Creatives#Siraj Raval|Siraj Raval]]  
 
* [[Watch me Build a Marketing Startup]] | [[Creatives#Siraj Raval|Siraj Raval]]  
  
Line 92: Line 111:
  
 
=== <span id="React"></span>React ===
 
=== <span id="React"></span>React ===
[http://www.youtube.com/results?search_query=React+artificial+intelligence+deep+learning Youtube search...]
+
[https://www.youtube.com/results?search_query=React+artificial+intelligence+deep+learning Youtube search...]
[http://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]
  
* [http://reactjs.org/ React] A Javascript library for building user interfaces
+
* [https://reactjs.org/ React] A JavaScript library for building user interfaces
* [http://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]
* [http://nextjs.org/ Next.js] the most popular component within React
+
* [https://nextjs.org/ Next.js] the most popular component within React
  
 
<youtube>Ke90Tje7VS0</youtube>
 
<youtube>Ke90Tje7VS0</youtube>
Line 103: Line 122:
  
 
=== <span id="Wordle"></span>Wordle ===
 
=== <span id="Wordle"></span>Wordle ===
[http://www.youtube.com/results?search_query=Wordle+javascript+artificial+intelligence+deep+learning Youtube search...]
+
[https://www.youtube.com/results?search_query=Wordle+javascript+artificial+intelligence+deep+learning Youtube search...]
[http://www.google.com/search?q=Wordle+javascript+artificial+intelligence+deep+learning+ML ...Google search]
+
[https://www.google.com/search?q=Wordle+javascript+artificial+intelligence+deep+learning+ML ...Google search]
  
 
* [[Gaming#Wordle |Gaming ~ Wordle]]
 
* [[Gaming#Wordle |Gaming ~ Wordle]]
* [http://bit.ly/random-word-api Random Word API]
+
* [https://bit.ly/random-word-api Random Word API]
* [http://bit.ly/dictionary-api Dictionary API]
+
* [https://bit.ly/dictionary-api Dictionary API]
* [http://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]
 +
 
 +
* [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 
  
{|<!-- T -->
 
| 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: http://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: http://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