js archivos - Frexus https://www.frexus.dev/tag/js/ Generando Valor Agreado Thu, 03 Apr 2025 20:26:49 +0000 en hourly 1 https://wordpress.org/?v=6.9.4 https://www.frexus.dev/wp-content/uploads/2024/03/cropped-Captura-de-Pantalla-2022-12-26-a-las-15.52.42-32x32.png js archivos - Frexus https://www.frexus.dev/tag/js/ 32 32 215529362 Y las gráficas https://www.frexus.dev/post/y-las-graficas/ https://www.frexus.dev/post/y-las-graficas/#respond Fri, 30 Jun 2023 16:38:18 +0000 https://www.frexus.dev/?p=1935 En la mayoría de los proyectos de software se suele topar con que al cliente requiere uno que otro gráficos para visualizar o comprender mejor la información y en base a ella tomar una decisión adecuada. El detalle no está en hacer las gráficas de forma artesanal, (con ASCII). El detalle surge cuando no se sabe por cual opción usar para generar gráficos bonitos, independientemente del lenguaje en el que se este trabajando. Por ejemplo para php existe un sin fin de librerías que permiten generar gráficos espectaculares. Sin embargo la opción que más ha encantado por su flexibilidad, modificación, facilidad en usarlo e lo rápido que lleva implementarlo fueron las gráficas de echart de apache. Resulta que brinda un sin fin y gráficos donde se elige uno, muestra el código, colocas tus datos en él y se esta realizando tu gráfica. Creando una gráfica https://www.tumblr.com/ajgutierr3z/723202140486631424/modificando-datos-de-una-gr%C3%A1fica-de-echart Imagen 1. Modificando los datos en un gráfico de echart de apache. Fuente: tumblr.com Lo mejor es que también brinda el apoyo para editar en base al todo el código. Dejo al calce un código de como se puede hacer uso de ello.

La entrada Y las gráficas se publicó primero en Frexus.

]]> En la mayoría de los proyectos de software se suele topar con que al cliente requiere uno que otro gráficos para visualizar o comprender mejor la información y en base a ella tomar una decisión adecuada. El detalle no está en hacer las gráficas de forma artesanal, (con ASCII).

El detalle surge cuando no se sabe por cual opción usar para generar gráficos bonitos, independientemente del lenguaje en el que se este trabajando. Por ejemplo para php existe un sin fin de librerías que permiten generar gráficos espectaculares.

Sin embargo la opción que más ha encantado por su flexibilidad, modificación, facilidad en usarlo e lo rápido que lleva implementarlo fueron las gráficas de echart de apache. Resulta que brinda un sin fin y gráficos donde se elige uno, muestra el código, colocas tus datos en él y se esta realizando tu gráfica.

Creando una gráfica

  1. visitar la página: https://echarts.apache.org/examples/en/
  2. Seleccionar un modelo de gráfico.
  3. Colocar los datos a graficar.
https://www.tumblr.com/ajgutierr3z/723202140486631424/modificando-datos-de-una-gr%C3%A1fica-de-echart

Imagen 1. Modificando los datos en un gráfico de echart de apache. Fuente: tumblr.com

Lo mejor es que también brinda el apoyo para editar en base al todo el código. Dejo al calce un código de como se puede hacer uso de ello.

Vídeo 1. Modificando datos en echart. Fuente: tumblr.com

La entrada Y las gráficas se publicó primero en Frexus.

]]> https://www.frexus.dev/post/y-las-graficas/feed/ 0 1935 Desarrollo Para Internet https://www.frexus.dev/articulo/desarrollo-para-internet/ https://www.frexus.dev/articulo/desarrollo-para-internet/#respond Sun, 23 Apr 2023 23:34:00 +0000 https://www.frexus.dev/?p=1709 Presentación Recursos Actividades Herramientas Bibliografía sugerida

La entrada Desarrollo Para Internet se publicó primero en Frexus.

]]>
desarrollo para internet
Photo by Pavel Danilyuk on Pexels.com

Presentación

Recursos

Actividades

Herramientas

Bibliografía sugerida

  • W3Schools HTML Introduction: https://www.w3schools.com/html/html_intro.asp
  • HTML Dog Introduction to HTML: https://www.htmldog.com/guides/html/beginner/
  • Mozilla Developer Network HTML Basics: https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/HTML_basics
  • Codecademy Learn HTML: https://www.codecademy.com/learn/learnhtml
  • FreeCodeCamp HTML Tutorial: https://www.freecodecamp.org/learn/responsive-web-design/basic-html-and-html5/
  • A Brief History of HTML: https://www.htmlgoodies.com/html5/client/abrief-history-of-html.html
  • The History of HTML: https://www.lifewire.com/history-of-html-3468625
  • The Evolution of HTML: From HTML 1 to HTML 5: https://www.guru99.com/history-of-html.html
  • The History of HTML: https://html.com/history/
  • A Short History of Markup Languages: https://www.w3.org/MarkUp/SGML/History.html
  • A Brief History of JavaScript: https://auth0.com/blog/a-brief-history-ofjavascript/
  • JavaScript: A Brief History: https://medium.com/beginners-guide-tomobile-web-development/javascript-a-brief-history-80ec52eb7baf
  • The History of JavaScript: https://www.w3.org/community/webed/wiki/The_history_of_JavaScript
  • JavaScript: A Short History: https://www.webfx.com/blog/web-design/javascript-a-short-history/
  • The History of JavaScript: https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript/The_history_of_JavaScript
  • HTML Versions: https://www.w3schools.com/html/html_versions.asp
  • HTML Version History: https://html.com/history/version/
  • HTML Versions and Their Differences: https://www.thoughtco.com/htmlversions-and-their-differences-3469156
  • HTML Versions: What’s New in HTML5? https://www.sitepoint.com/htmlversions-whats-new-in-html5/
  • HTML Versions and Their Differences: A Brief History: https://www.guru99.com/html-versions-history.html
  • JavaScript Versions: https://www.w3schools.com/js/js_versions.asp
  • A Brief History of JavaScript Versions: https://auth0.com/blog/a-brief-history-of-javascript-versions/
  • ECMAScript Versions and History: https://www.tutorialsteacher.com/javascript/ecmascript-versions-history
  • A History of JavaScript: ECMAScript and Beyond: https://blog.logrocket.com/history-of-javascript-ecmascript-beyond/
  • JavaScript Versions and Features: https://www.educba.com/javascriptversions/

La entrada Desarrollo Para Internet se publicó primero en Frexus.

]]> https://www.frexus.dev/articulo/desarrollo-para-internet/feed/ 0 1709 NodeJS y los operadores https://www.frexus.dev/articulo/nodejs-y-los-operadores/ https://www.frexus.dev/articulo/nodejs-y-los-operadores/#respond Tue, 25 Oct 2022 21:40:32 +0000 https://ajgutierrez.com.mx/?p=1491 Nodejs y los operadores de uso básico, se recomienda leer los los tipos de operadores, (pulsa aquí para acceder) que se tiene. A continuación se muestra los operadores que se usan en NodeJs. Asignación Nombre Operador abreviado Significado Asignación x = y x = y Asignación de adición x += y x = x + y Asignación de resta x -= y x = x - y Asignación de multiplicación x *= y x = x * y Asignación de divición x /= y x = x / y Asignación de residuo x %= y x = x % y Asignación de exponenciación x **=y x = x ** y Asignación de desplazamiento a la izquierda x <<= y x = x << y Asignación de desplazamiento a la derecha x >>= y x = x >> y Asignación de desplazamiento a la derecha sin signo x >>>= y x = x >>> y Asignación and bit a bit x &= y x = x & y Asignación xor bit a bit x ^= y x = x ^ y Asignación or bit a bit x | = y x = x | y Asignación and lógico x &&= y x = x && y Asignación or lógico x ||= y x = x || y Asignación de anulación lógica x ??= y x ?? (x = y) Tabla 1.1 Operadores de asignación. Fuente: tomado de developer.mozilla.org. Comparación Nombre Descripción Ejemplo Igual (==) Devuelve true si los operando son iguales. 3 == var1 No es igual (!=) Devuelve true si los operando no son iguales. var1 != 4 Estrictamente igual (===) Devuelve true si los operando son iguales y del mismo tipo 3 === var1 Desigualdad estricta (!==) Devuelve true si los operadores son del mismo tipo pero no iguales, o son de diferente tipo. var 1 !== “3” Mayor que (>) Devuelve true si el operando de la izquierda es mayor que el de la derecha var2 > var1 Mayor o igual (>=) Devuelve true si el operando izquierdo es mayor o igual al de la derecha var2 >= var1 menor que (<) Devuelve true si el operador izquierdo es menor que el de la derecha var2 < var1 Menor o igual (<=) Devuelve true si el operador izquierdo es menor o igual que el derecho. var1 <= var2 Tabla2. Operadores de comparación. Fuente: tomado de developer.mozilla.org. Aritméticos Operador Descripción Ejemplo Residuo (%) Operador binario. Devuelve el resto entero de dividir los dos operandos. 12 % 5 devuelve 2 Incremento (++) Operador unario. Agrega uno a su operando. Si se usa como operador prefijo (++x), devuelve el valor de su operando después de agregar uno; si se usa como operador sufijo (x++), devuelve el valor de su operando antes de agregar uno. Si x es 3, ++x establece x en 4 y devuelve 4, mientras que x++ devuelve 3 y , solo entonces, establece x en 4. Decremento (–) Operador unario. Resta uno de su operando. El valor de retorno es análogo al del operador de incremento. Si x es 3, entonces --x establece x en 2 y devuelve 2, mientras que x-- devuelve 3 y, solo entonces, establece x en 2. Negación unaria (-) Operador unario. Devuelve la negación de su operando. Si x es 3, entonces -x devuelve -3. Positivo unario(+) Operador unario. Intenta convertir el operando en un número, si aún no lo es. +"3" devuelve 3. +true devuelve 1. Exponenciación (**) Calcula la base a la potencia de exponente, es decir, baseexponente. 2 ** 3 returns 8. 10 ** -1 returns 0.1. Tabla 3. Operadores aritméticos. Fuente: tomada de developer.mozilla.org Bit a bit Operador Uso Descripción AND a nivel de bits a & b Devuelve un uno en cada posición del bit para los que los bits correspondientes de ambos operandos son unos. OR a nivel de bits a | b Devuelve un cero en cada posición de bit para el cual los bits correspondientes de ambos operandos son ceros. XOR a nivel de bits a ^ b Devuelve un cero en cada posición de bit para la que los bits correspondientes son iguales. [Devuelve uno en cada posición de bit para la que los bits correspondientes son diferentes]. Not a nivel de bits ~ a Invierte los bits de su operando. Desplazamiento a la izquierda a << b Desplaza a en representación binaria b bits hacia la izquierda, desplazándose en ceros desde la derecha. Desplazamiento a la derecha de propagación de signo a >> b Desplaza a en representación binaria b bits a la derecha, descartando los bits desplazados. Desplazamiento a la derecha de relleno cero a >>> b Desplaza a en representación binaria b bits hacia la derecha, descartando los bits desplazados y desplazándose en ceros desde la izquierda. Tabla 4. Operadores bit a bit. Fuente: tomado de developer.mozilla.org De desplazamiento de bits Operadores Descripción Ejemplo Desplazamiento a la izquierda (<<) Este operador desplaza el primer operando el número especificado de bits a la izquierda. Los bits desplazados en exceso hacia la izquierda se descartan. Los bits cero se desplazan desde la derecha. 9<<2 produce 36, porque 1001 desplazado 2 bits a la izquierda se convierte en 100100, que es 36. Desplazamiento a la derecha de propagación de signo (>>) Este operador desplaza el primer operando el número especificado de bits a la derecha. Los bits desplazados en exceso hacia la derecha se descartan. Las copias del bit más a la izquierda se desplazan desde la izquierda. 9>>2 produce 2, porque 1001 desplazado 2 bits a la derecha se convierte en 10, que es 2. Del mismo modo, -9>>2 produce -3, porque el signo se conserva. Desplazamiento a la derecha de relleno cero (>>>) Este operador desplaza el primer operando el número especificado de bits a la derecha. Los bits desplazados en exceso hacia la derecha se descartan. Los bits cero se desplazan desde la izquierda. 19>>>2 produce 4, porque 10011 desplazado 2 bits a la derecha se convierte en 100, que es 4. Para números no negativos, el desplazamiento a la derecha de relleno con ceros y el desplazamiento a la derecha de propagación del signo producen el mismo resultado. Tabla 5. Operadores de desplazamiento de bits. Fuente: tomado de developer.mozilla.org Lógicos Operadores Descripción Uso And lógico (&&) Devuelve expr1 si se puede convertir a false; de lo contrario, devuelve expr2. Por lo tanto, cuando se usa con valores booleanos, && devuelve true si ambos operandos son true; de lo contrario, devuelve false. expr1 && expr2 OR lógico (||) Devuelve expr1 si se puede convertir a true; de lo contrario, devuelve expr2. Por lo tanto, cuando se usa con valores booleanos, || devuelve true si alguno de los operandos es true; si ambos son falsos, devuelve false. expr1 || expr2 Not lógico (!) Devuelve false si su único operando se puede convertir a true; de lo contrario, devuelve true. !expr Tabla 6. Operadores lógicos. Fuente: tomado de developer.mozilla.org Estas tablas que describen a Nodejs y los operadores, se podrá tener un conocimiento más amplio de los distintos tipos de operadores que estan disponible para ser utilizados así com el tipo de resultado que devuelve.

La entrada NodeJS y los operadores se publicó primero en Frexus.

]]> Nodejs y los operadores de uso básico, se recomienda leer los los tipos de operadores, (pulsa aquí para acceder) que se tiene. A continuación se muestra los operadores que se usan en NodeJs.

Asignación

NombreOperador abreviadoSignificado
Asignación x = y x = y
Asignación de adición x += y x = x + y
Asignación de resta x -= y x = x - y
Asignación de multiplicación x *= y x = x * y
Asignación de divición x /= y x = x / y
Asignación de residuo x %= y x = x % y
Asignación de exponenciación x **=y x = x ** y
Asignación de desplazamiento a la izquierda x <<= y x = x << y
Asignación de desplazamiento a la derecha x >>= y x = x >> y
Asignación de desplazamiento a la derecha sin signo x >>>= y x = x >>> y
Asignación and bit a bit x &= y x = x & y
Asignación xor bit a bit x ^= y x = x ^ y
Asignación or bit a bit x | = y x = x | y
Asignación and lógico x &&= y x = x && y
Asignación or lógico x ||= y x = x || y
Asignación de anulación lógica x ??= y x ?? (x = y)
Tabla 1.1 Operadores de asignación. Fuente: tomado de developer.mozilla.org.

Comparación

NombreDescripciónEjemplo
Igual (==)Devuelve true si los operando son iguales.3 == var1
No es igual (!=)Devuelve true si los operando no son iguales. var1 != 4
Estrictamente igual (===)Devuelve true si los operando son iguales y del mismo tipo3 === var1
Desigualdad estricta (!==)Devuelve true si los operadores son del mismo tipo pero no iguales, o son de diferente tipo.var 1 !== “3”
Mayor que (>)Devuelve true si el operando de la izquierda es mayor que el de la derechavar2 > var1
Mayor o igual (>=)Devuelve true si el operando izquierdo es mayor o igual al de la derechavar2 >= var1
menor que (<)Devuelve true si el operador izquierdo es menor que el de la derechavar2 < var1
Menor o igual (<=)Devuelve true si el operador izquierdo es menor o igual que el derecho.var1 <= var2
Tabla2. Operadores de comparación. Fuente: tomado de developer.mozilla.org.

Aritméticos

OperadorDescripciónEjemplo
Residuo (%)Operador binario. Devuelve el resto entero de dividir los dos operandos.12 % 5 devuelve 2
Incremento (++)Operador unario. Agrega uno a su operando. Si se usa como operador prefijo (++x), devuelve el valor de su operando después de agregar uno; si se usa como operador sufijo (x++), devuelve el valor de su operando antes de agregar uno.Si x es 3, ++x establece x en 4 y devuelve 4, mientras que x++ devuelve 3 y , solo entonces, establece x en 4.
Decremento (–)Operador unario. Resta uno de su operando. El valor de retorno es análogo al del operador de incremento.Si x es 3, entonces --x establece x en 2 y devuelve 2, mientras que x-- devuelve 3 y, solo entonces, establece x en 2.
Negación unaria (-)Operador unario. Devuelve la negación de su operando.Si x es 3, entonces -x devuelve -3.
Positivo unario(+)Operador unario. Intenta convertir el operando en un número, si aún no lo es.+"3" devuelve 3. +true devuelve 1.
Exponenciación (**)Calcula la base a la potencia de exponente, es decir, baseexponente.2 ** 3 returns 8. 10 ** -1 returns 0.1.
Tabla 3. Operadores aritméticos. Fuente: tomada de developer.mozilla.org

Bit a bit

OperadorUsoDescripción
AND a nivel de bitsa & bDevuelve un uno en cada posición del bit para los que los bits correspondientes de ambos operandos son unos.
OR a nivel de bitsa | bDevuelve un cero en cada posición de bit para el cual los bits correspondientes de ambos operandos son ceros.
XOR a nivel de bitsa ^ bDevuelve un cero en cada posición de bit para la que los bits correspondientes son iguales. [Devuelve uno en cada posición de bit para la que los bits correspondientes son diferentes].
Not a nivel de bits~ aInvierte los bits de su operando.
Desplazamiento a la izquierdaa << bDesplaza a en representación binaria b bits hacia la izquierda, desplazándose en ceros desde la derecha.
Desplazamiento a la derecha de propagación de signoa >> bDesplaza a en representación binaria b bits a la derecha, descartando los bits desplazados.
Desplazamiento a la derecha de relleno ceroa >>> bDesplaza a en representación binaria b bits hacia la derecha, descartando los bits desplazados y desplazándose en ceros desde la izquierda.
Tabla 4. Operadores bit a bit. Fuente: tomado de developer.mozilla.org

De desplazamiento de bits

OperadoresDescripciónEjemplo
Desplazamiento a la izquierda (<<)Este operador desplaza el primer operando el número especificado de bits a la izquierda. Los bits desplazados en exceso hacia la izquierda se descartan. Los bits cero se desplazan desde la derecha.9<<2 produce 36, porque 1001 desplazado 2 bits a la izquierda se convierte en 100100, que es 36.
Desplazamiento a la derecha de propagación de signo (>>)Este operador desplaza el primer operando el número especificado de bits a la derecha. Los bits desplazados en exceso hacia la derecha se descartan. Las copias del bit más a la izquierda se desplazan desde la izquierda.9>>2 produce 2, porque 1001 desplazado 2 bits a la derecha se convierte en 10, que es 2. Del mismo modo, -9>>2 produce -3, porque el signo se conserva.
Desplazamiento a la derecha de relleno cero (>>>)Este operador desplaza el primer operando el número especificado de bits a la derecha. Los bits desplazados en exceso hacia la derecha se descartan. Los bits cero se desplazan desde la izquierda.19>>>2 produce 4, porque 10011 desplazado 2 bits a la derecha se convierte en 100, que es 4. Para números no negativos, el desplazamiento a la derecha de relleno con ceros y el desplazamiento a la derecha de propagación del signo producen el mismo resultado.
Tabla 5. Operadores de desplazamiento de bits. Fuente: tomado de developer.mozilla.org

Lógicos

OperadoresDescripciónUso
And lógico (&&)Devuelve expr1 si se puede convertir a false; de lo contrario, devuelve expr2. Por lo tanto, cuando se usa con valores booleanos, && devuelve true si ambos operandos son true; de lo contrario, devuelve false.expr1 && expr2
OR lógico (||)Devuelve expr1 si se puede convertir a true; de lo contrario, devuelve expr2. Por lo tanto, cuando se usa con valores booleanos, || devuelve true si alguno de los operandos es true; si ambos son falsos, devuelve false.expr1 || expr2
Not lógico (!)Devuelve false si su único operando se puede convertir a true; de lo contrario, devuelve true.!expr
Tabla 6. Operadores lógicos. Fuente: tomado de developer.mozilla.org

Estas tablas que describen a Nodejs y los operadores, se podrá tener un conocimiento más amplio de los distintos tipos de operadores que estan disponible para ser utilizados así com el tipo de resultado que devuelve.

La entrada NodeJS y los operadores se publicó primero en Frexus.

]]> https://www.frexus.dev/articulo/nodejs-y-los-operadores/feed/ 0 1491