Difference between revisions of "JavaScript"

From
Jump to: navigation, search
m
m
 
(16 intermediate revisions by the same user not shown)
Line 23: Line 23:
 
* [[Libraries & Frameworks Overview]] ... [[Libraries & Frameworks]] ... [[Git - GitHub and GitLab]] ... [[Other Coding options]]
 
* [[Libraries & Frameworks Overview]] ... [[Libraries & Frameworks]] ... [[Git - GitHub and GitLab]] ... [[Other Coding options]]
 
* [[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]]
 
* [[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]]
* [[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]]
+
* [[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|Metaverse]] ... [[Games - Quantum Theme|Quantum]] ... [[Game Theory]]
+
* [[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]]
 
* [[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]] | [[Microsoft]] ... [[Bard]] | [[Google]] ... [[Claude]] | [[Anthropic]] ... [[Perplexity]] ... [[You]] ... [[Ernie]] | [[Baidu]]
+
* [[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://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]
Line 52: Line 52:
 
* [[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
Line 86: Line 86:
  
 
<youtube>BEquEEsr6_Q</youtube>
 
<youtube>BEquEEsr6_Q</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 132: 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