JavaScript

  • Callback hell en Javascript

    Los callbacks son la manera con la que nombraron por convención a las funciones que se pasan como argumentos de otra función, no hay nada dentro del lenguaje javascript denominado 'callback'. ¿Cómo se usan los callback? ¿Qué es callback hell?

  • Cómo utilizar Redux en nuestra app de React

    En el siguiente artículo vamos a estar viendo cómo debemos de hacer para trabajar en nuestro proyecto de React con Redux, de la mano de librerías como react-redux y redux-toolkit, desde su instalación en el proyecto hasta las implementaciones básicas del store, slices y otros.

  • Creación de componentes con Options Api en Vue

    En este post vamos a hablar acerca de que es el Options API en Vue, cuales son sus características y como podemos crear nuestros componentes a partir del mismo.

  • Destructuring en JavaScript

    ¿Que es Destructuring?

    Destructuring o Desctructuración es una característica de JavaScript agregada en la versión ES6 (2015) que nos permite extraer o “destructurar” datos desde estructuras como Arrays, Objetos, Maps o Sets, y crear de manera “sencilla” nuevas variables con los datos obtenidos.

  • Empezando con Vue.js

    VuePiola

    Vue es un framework de Javascript para desarrollo front-end que tiene como concepto base la reactividad de nuestra página web frente a las interacciones con el usuario.

  • Estado Global con Vuex en Vue.js

    En el siguiente artículo vamos a profundizar sobre ¿qué es Vuex? y sus conceptos básicos, que nos ofrece, cuales son sus ventajas y desventajas y porque utilizarlo para manejar un estado global en nuestra aplicación con Vue.js

  • Fetch api vs Axios

    A la hora de hacer peticiones http tenemos varias opciones. En este articulo vamos a ver dos mas populares : api fetch y la libreria Axios. Pero, cuál me conviene usar ?

  • Flujo de los eventos Javascript utilizando Jquery.

    ¿Cuáles son las fases de los eventos en javscript?

    Cada vez que pulsamos una tecla, hacemos click u otras interacciones dentro de una página web se esta produciendo un evento. En este post vamos a ver, a través de un ejemplo, el recorrido que tienen los eventos y un posible problema que nos podemos encontrar si no lo conocemos.

  • Funciones flecha vs funciones regulares en Javascript

    Las funciones flecha o arrow functions son funciones con una sintaxis más compacta que aparecieron en ECMAScript 6. Todos acordamos en que su sintaxis es más 'linda' que las funciones que veniamos viendo pero... ¿se agregaron solo por una cuestión estética?

  • Fundamentos básicos de Redux

    En este artículo vamos a estar hablando acerca de algunos conceptos básicos para entender ¿qué es? y ¿cómo funciona? Redux.

  • Introducción a Webpack

    Webpack es una herramienta de compilacion que empaqueta y exporta todos los ficheros necesarios para nuestro proyecto. Además ofrece otras herramientas como gestion de recursos, optimizacion de codigo. En este post vamos a definir conceptos importantes para poder comprender qué es webpack y para qué sirve.

  • Manipulación de Arrays en JS

    Manipulación de Arrays

    Los arrays son objetos similares a una lista, que en JavaScript nos proporcionan métodos para efectuar operaciones de recorrido y mutación, también conocidas como “manipulación de arrays”.

  • Módulos en JavaScript

    Los sistemas de módulos para Javascript surgen por la necesidad de encapsular distintas funcionalidades en "bloques de código" reutilizables. Estos bloques se llaman modulos y fueron introducidos en ECMAScript 6 . En este articulo veremos su sintaxis.

  • Next.js: Tipos de Renderizado (CSR, SSR, SSG, ISR)

    tipos de renderizado portada

    Para entender un poco de que se trata el contenido del post, es necesario conocer lo que es Next.js, recomiendo leer un resumen de eso aqui

    ¿Que es el "Tipo de Renderizado"?

    En el contexto de desarrollo web, el término "renderizado" se refiere al proceso de generar la interfaz de usuario y presentarla en el navegador del usuario. Este proceso implica convertir los datos y la lógica de la aplicación en una representación visual que el usuario puede ver e interactuar.

  • Optional chaining y nullish coalescing en ES2020

    Codeando en JS muchas veces nos encontramos con objetos que no siempre tienen el formato que nosotros esperamos, lo que nos obliga a checkear por undefined en cada paso con el que nos adentramos al mismo, rápidamente vemos como nuestro código crece solamente con estas validaciones, para ayudarnos con esto llegan en ES2020 el optional chaining y el nullish coalescing.

  • Promesas en JavaScript

    ¿Qué es Promise?

    Promise es un objeto de javascript que es muy útil para operaciones asíncronas. Esta representa un valor que puede estar disponible en el futuro, o nunca. La promesa puede cumplirse y podremos obtener el valor, o quizas no se cumpla y no tendremos el valor. En este articulo veremos su sintaxis.

  • Promesas en JavaScript

    En este artículo explicaremos que es el Callback Hell y cómo solucionarlo mediante Promesas y en conjunto con Async/Await. Veremos algunos ejemplos que nos ayudaran a entender estas herramientas que nos provee JavaScript para trabajar con peticiones asíncronas.

    Para entender la solución que nos brinda el uso de las Promesas, primero debemos conocer cuál es la problemática: Callback Hell 🔥.

  • Usa la cámara de tu celular desde el navegador con MediaStreamAPI

    En algunas aplicaciones web, siempre que se necesita usar la cámara del celular la primera opción que se nos viene a la cabeza es usarla de modo nativo, de manera que hay ciertas implicaciones (como la orientación de la imagen) que pueden entorpecernos el paso en diferentes modelos y SO. En este tutorial les vamos a mostrar una manera de usar la cámara del teléfono (u otro dispositivo de vídeo) para poder sacar fotos usando solamente un <canvas> y un <video> con un poco de javascript.  

  • Vue vs JQuery

    Vue vs JQuery

    Hoy en día está poniéndose de moda dejar atrás el desarrollo web puramente en Javascript y jQuery para dar el salto a frameworks que implementan el paradigma reactivo. En este contexto, a muchos de los que están mirando Vue con cariño les surge la pregunta: ¿qué es mejor, jQuery o Vue? Pero ¿es válido compararlos cuando, por ejemplo, podemos usar jQuery dentro de los componentes de Vue? ¿Estamos tratando de comparar peras con olmos?