Desarrollo

Area de coordinación enfocada a Desarrollo

Detectar el idioma del navegador con react.

En este post voy a explicar cómo realizar una aplicación web capaz de detectar parámetros del navegador web en el que se lanza, más concretamente la configuración de  idioma para presentar el contenido en el idioma que se detecte. Usare el framework React para ello. El primer paso será crear un nuevo proyecto con react, para ello ejecutaremos el comando: Una vez este creado el proyecto, crearemos la carpeta “components” dentro de src, donde crearemos cualquier componente que queramos usar. Por organización, también crearemos carpetas dentro de components para diferenciar cada componente. Una…continue reading →

Animaciones y Sonidos con React

¿Te gustaría darle más vida a tu página web mediante animaciones y sonidos sencillos? Si tu respuestas es que si, te doy la bienvenida a mi post, donde aprenderás como con animaciones y sonidos sencillos pues hacer que tu pagina web sea mas atractiva. Para ello debemos tener previamente instalado Node.js y Yarn en el equipo. TECNOLOGÍAS REACT Es la base de este proyecto. Se trata de un framework/tecnología que trabaja en una sola pagina (Single Page App) y en sí, es una biblioteca Javascript, diseñada para facilitar la creación de interfaces de…continue reading →

CREAR API CON JSON Y LLAMADA DESDE VUE

Lo primero que necesitamos: Lo que haremos es crear una api desde cero mediante el lenguaje JSON Una api es una especificación formal que establece cómo un módulo de un software que se comunica o interactúa con otro para cumplir una o muchas funciones en nuestro caso lo que haremos es llamar a nuestra API desde nuestro Vue Librería Node.js Visual Studios CodeDependencia Express para nuestra APIFramework  utilizaremos VueLibrería JavaScript que utilizaremos AXIOS Crearemos primera nuestras carpeta donde contendrá todo nuestro proyecto https://flic.kr/p/2mLWz1j Abrimos un terminal nuevo en nuestro Visual En el terminal cambiamos…continue reading →

Paginación en Angular

Todo programador sabe lo engorroso que puede ser tener que gestionar una gran cantidad de datos e información en el diseño de nuestra web. Cuando esto sucede, solemos tener que realizar scrolls interminables para poder visualizar todo el contenido, haciendo así la navegación bastante incómoda. Aquí tenemos el modelo de página que vamos a modificar. Podemos ver que en ella todos los elementos se disponen hacia abajo sin importar cuántos elementos queramos colocar sin necesidad de estar desplazándonos hacia abajo de forma ilimitada: Es por ello que la paginación resulta ser nuestra gran…continue reading →

Paginación con Vue

Hola a tod@s, en este post vamos a crear una paginación para nuestros desarrollos con Vue. Muchas veces cuando estamos desarrollando aplicaciones nos encontramos con servicios api (o archivos locales) que al consumirlos nos devuelven muchísimos datos. Si necesitáramos mostrar en nuestra aplicación grandes cantidades de información, una solución que podemos usar seria la paginación. En este post iremos paso a paso para conseguir una paginación de manera simple (botones Anterior y Siguiente) o una paginación mas completa (numerada) utilizando una api publica. Pasos Previos Primero nos creamos nuevo un proyecto con el…continue reading →