201flaviosilva / utilidades

Just simple utils for javascript :)

Utilidades

Description

Just some simple JavaScript Utils.

Usage

Using NPM (Recommend)

Install Package

npm i utilidades

or

npm i https://github.com/201flaviosilva/utilidades#v1.4.1

Import to the project

import { randomNumber } from "utilidades";

console.log(randomNumber(1, 20));

Using CDN (jsdelivr)

<script src="https://cdn.jsdelivr.net/npm/[email protected]/build/utils.min.js"></script>
<script src="./your-js-file.js"></script>

// ./your-js-file.js
console.log(randomNumber(1, 20));

Available Commands

Command	Description
npm install	Install project dependencies
npm run clear	Delete the "build" and "types" and "docs" folder
npm run jsDoc	Build a docs page based in the jsdoc
npm run types	Build the types
npm run compile	Builds code bundle with production settings (minification, etc..)
npm run build	Bundle the code, create the types and teh docs folder
npm run bump	Update lib in the npm

Links

• WebPage (Documentation);
• Package;
• GitHub;
  • Wiki;
    • Issues;
    • Releases;

Examples

• Code Sandbox;
• Code Sandbox;
  • Code Sandbox (old lib);
• GitHub Repositories;

utilidades's Issues

Select a random item in a array

https://www.w3schools.com/python/ref_random_choice.asp

Keyboard utils

Add utils functions to the keyboard: GitHub - Impacto

Top Down Car Movimentation

https://gitlab.com/201flaviosilva/utilsjs/-/snippets/2321475

Function to format strings

• capitalize;
• lowercase;
• uppercase;
• camelCase;
• snakeCase;
• kebabCase;
• pascalCase;
• sentenceCase;
• inverse;
• SCREAMING_SNAKE_CASE;

and create function to do the inverse of this functions : )

FIFO and LIFO

https://www.geeksforgeeks.org/fifo-vs-lifo-approach-in-programming/amp/

Event Manager

Create a simple event manager, example: https://github.com/behnammodi/jetemit/blob/master/src/index.js

Linked List

Help tutorial: https://www.freecodecamp.org/news/implementing-a-linked-list-in-javascript/amp/

Steering Behaviors

Create an mini lib for the Steering Behaviors

Tic Tac Toe API

Create an class util and functions for the Tic Tac Toe

Mini max

Create the Minimax algorithm

Path Finding

Create an mini lib for the A* (A Star)

Check other algorithms:

• Hierarchical Pathfinding
• Path Smoothing
• Interruptible Pathfinding

Javascript Algorithms

https://github.com/trekhleb/javascript-algorithms

Pedra Papel e Tesoura API

In GitLab by @201flaviosilva on Jun 13, 2022, 19:31

Fibonacci number

Create simples function for the Fibonacci:

• until -> run the Fibonacci sequence until the given number be lower or equal
• sequence -> return the sequence from a start point end a end point sequence(2, 10) // [2, 3, 5, 8]

To Do List (API)

Create a API to manage a to do list.

• Exemplo: https://jsfiddle.net/201flaviosilva/fe68uszc/2/

Get Browser Data

https://jsfiddle.net/201flaviosilva/nL3mgx9j/

Shuffle a array

Aleatorizar os itens de um array

const list = [1, 2, 3, 4, 5, 6, 7, 8, 9];
list.sort(() => {
    return Math.random() - 0.5;
});

Ref: https://dev.to/techygeeky/top-20-javascript-tips-and-tricks-to-increase-your-speed-and-efficiency-283g

Decision Making

Check:

• State Machine algorithm;
• Behavior Trees algorithm;

Webpack build

Create a build with the webpack

Vector 2

https://gitlab.com/201flaviosilva/utilsjs/-/snippets/2332037

Collision Detection

Create functions to detect:

• Overlapping;
• Intersection;
• Bounding box;

From the geometric objects.

Already have some function here: https://github.com/201flaviosilva/Impacto/tree/ecb885ea9b94808867881899e418c746e9f09ecb/src/Physics

Organize files

Move all games APIs to a folder games

Binary Search Tree Class

Create a algorithm for a simple Binary Search Tree: https://github.com/201flaviosilva/Algorithms/blob/main/src/BinarySearchTree/BinarySearchTree.js

Vector2

https://gitlab.com/201flaviosilva/utilsjs/-/snippets/2332037

Update logical function (and, or, xor, etc...) to receive more than just 2 parameters

• Check if all Values in Array are True in JavaScript;
• "Infinite" parameters for function;

Mouse utils functions

Add utils functions to the keyboard: GitHub - Impacto

Math Operations

Create function to do math operations with no limit arguments:

• Sum;
• Multiplication;
• Subtraction;
• Division;
• Average;

Flood Fill

https://github.com/201flaviosilva/Algorithms/tree/main/src/FloodFill

Morse code convertor

In GitLab by @201flaviosilva on Jun 13, 2022, 17:29

Conversor

• Celsius to Fahrenheit;
• Speed measurements;
• Length measurement units?
• Mass measurements?
• Time converter;

Example: https://www.w3schools.com/howto/howto_js_weight_converter.asp

Get Version

Return the version

Use a JS Doc Template

Some lists

• https://cancerberosgx.github.io/jsdoc-templates-demo/demo/
• https://github.com/jsdoc/jsdoc#templates

Neural Network

• Adapt code: https://github.com/gniziemazity/Self-driving-car/blob/main/9.'Reference to deleted milestone 20'Fine-tuning/network.js
• https://codesandbox.io/s/self-driving-car-f6fm17?file=/src/NeuralNetwork.js

Node - Create folder

https://www.instagram.com/p/Cb4FxEQr526/

Full screen

https://developer.mozilla.org/en-US/docs/Web/API/Fullscreen_API

• Start full screen
• End full screen
• Toogle

Median, Mode and Range

Check this: https://vhudyma-blog.eu/mean-median-mode-and-range-in-javascript/

Triangle Patterns

• https://replit.com/@201flaviosilva/Minerva-JS#src/App/Triangles.js
• https://replit.com/@201flaviosilva/Pattern-Program-Nodejs-JS#index.js
• https://replit.com/@201flaviosilva/Patterns-Py#main.py
• https://code.sololearn.com/ctvlpSxeGr0l

Organize files

Organize functions by categories like:

• src/
  • index.js
  • numbers.js
  • arrays.js
  • strings.js
  • etc...

Noise and Gaussian

• Noise: https://gitlab.com/201flaviosilva/Phaser-Nature-of-Code/-/blob/main/src/utils/noise.js
• Gaussian: https://gitlab.com/201flaviosilva/Phaser-Nature-of-Code/-/blob/main/src/utils/gaussian.js

More Ideas

Phaser Utils → https://github.com/photonstorm/phaser/tree/master/src/utils

IMC API

Índice de Massa Corporal

Python example: https://bitbucket.org/201flaviosilva/python/src/master/src/Python/CursoEmVideo/Exercicios/ex043.py

Ray Casting

In GitLab by @201flaviosilva on Jul 18, 2022, 17:22

Game - Snake

In GitLab by @201flaviosilva on Jul 13, 2022, 23:08

Docusaurus - plugins

• Copy plugin: https://github.com/201flaviosilva/Impacto/blob/main/docs/plugins/copy2docusaurus.js
• JsDoc Docusaurus : https://github.com/201flaviosilva/Impacto/blob/main/docs/plugins/jsdoc2docusaurus.js

Random Walk

• https://github.com/201flaviosilva/Algorithms/tree/main/src/RandomWalk2D
• 3D example: https://master.d27eenmeqwx48r.amplifyapp.com/src/Fixolas/RandomWalk/
• Nature of code: https://gitlab.com/201flaviosilva/Phaser-Nature-of-Code/-/tree/main/src/chp00_introduction/RandomWalkTendsToRight

Random String

• https://replit.com/@201flaviosilva/Minerva-JS#src/App/RandomPassword.js
• https://replit.com/@201flaviosilva/Random-Same-String-JS#index.js

{
numberCharacaters: 12,
numbers: true,
capital: true,
small: true,
symbols: true,
}

const ABC = ["A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "y", "Z",];
const abc = ["a", "b", "c", "d", "e", "f", "G", "H", "I", "J", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z",];
const numbers = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9",];
const symbols1 = ["!", "\"", "@", "#", "€", "$", "£", "'Reference to deleted milestone , '‰", "&", "¶", "/", "(", "[", ")", "]", "=", "≠", "'", "?", "+", "*",];

DOM - Pop Up (Notification)

Create a simple pop up lib

Example here:

React Example

JS Doc to GitHub Wiki

In GitLab by @201flaviosilva on Jun 22, 2022, 12:14

Document All functions

Use JS Doc

Divide Evenly

https://code.sololearn.com/cQMmR1swu0bJ