TypeScript: Un Potente Superset de JavaScript

TypeScript: Un Potente Superset de JavaScript

Tiempo de lectura: 2 minutos TypeScript es un lenguaje de programación de código abierto desarrollado y mantenido por Microsoft. Se describe a menudo como un «superset» de JavaScript, lo que significa que todo código JavaScript válido también es válido en TypeScript, pero TypeScript agrega características adicionales que mejoran la experiencia de desarrollo, especialmente en proyectos grandes y complejos. Características Principales: … Leer más

Introducción a los Lenguajes de Programación Actuales para Desarrollo Web

Introducción a los Lenguajes de Programación Actuales para Desarrollo Web

Tiempo de lectura: 2 minutos El mundo del desarrollo web está repleto de una amplia gama de lenguajes de programación, cada uno con sus propias características y propósitos específicos. Lenguajes de Programación para el Front-end: a. HTML (HyperText Markup Language):HTML es el lenguaje fundamental utilizado para crear la estructura y el contenido de las páginas web. Define la jerarquía de … Leer más

Etapas de desarrollo software, aplícalas para realizar código de calidad.

Etapas de desarrollo software, aplícalas para realizar código de calidad.

Tiempo de lectura: 2 minutos El desarrollo de software es un proceso complejo y multifacético que implica una serie de etapas interrelacionadas, cada una fundamental para llevar una idea desde su concepción inicial hasta su implementación y mantenimiento. Estas etapas proporcionan una estructura organizada y sistemática que guía a los equipos de desarrollo a lo largo del proceso, asegurando la … Leer más

Detectar colisiones entre dos elementos en React Native

Detectar colisiones entre dos elementos en React Native

Tiempo de lectura: 4 minutos Hoy vamos a aprender cómo podemos detectar colisiones entre dos elementos usando React Native. Detectar colisiones es muy útil por si queremos realizar pequeños juegos con React Native incluso con Expo. Lo primero que haremos es tomar de referencia nuestro elemento del tutorial de Permitir arrastrar elementos por la pantalla en React Native DragComponent.tsx Y … Leer más

Como poner una APP de React Native con Expo en modo Inmersivo (pantalla completa) para Android

Como poner una APP de React Native con Expo en modo Inmersivo (pantalla completa) para Android

Tiempo de lectura: < 1 minuto Hoy vamos a implementar el modo Inmersivo para Android en una APP desarrollada con Expo React Native. El modo inmersivo nos permite poner una aplicación en modo pantalla completa en Android. Primero vamos a instalar las librerias necesarias: Expo navigation bar: Expo status bar: Y ahora para ocultar la barra de estado y navegación añadimos … Leer más

Transformar vector XML de Android a un SVG usando la línea de comandos

Transformar vector XML de Android a un SVG usando la línea de comandos

Tiempo de lectura: < 1 minuto Hoy vamos a aprender cómo podemos transformar un vector XML de Android a un vector en formato SVG usando la línea de comandos. Con el vector en SVG podremos utilizarlo tanto en React, Flutter o Web. Lo primero que haremos es instalar esta librería (si queremos podemos usar la web): Una vez instalada la vamos … Leer más

Permitir arrastrar elementos por la pantalla en React Native

Permitir arrastrar elementos por la pantalla en React Native

Tiempo de lectura: 2 minutos Hoy vamos a crear un componente que nos permitirá arrastrar otros elementos por la pantalla usando React Native. Lo primero que haremos es crear el componete que llamaremos DragComponent.tsx y añadiremos la lógica que nos permita arrastrar: Ahora voy a explicar el código: Para utilizarlo solo tendremos que envolver nuestro componente con este:

Restarurar configuración de VSCode si se pierde o se modifica archivo settings.json

Restarurar configuración de VSCode si se pierde o se modifica archivo settings.json

Tiempo de lectura: 2 minutos Hoy vamos a aprender cómo podemos restaurar a una configuración anterior de VSCode nuestro archivo settings.json, extensiones, configuración de UI etc… Para realizar esta restaruación tenemos que abrir los comandos de VSCode: Windows: Mac: Una vez abierto, buscamos Settings sync: Show Synced Data o Sincronización de configuración: Mostrar datos sincronizados Dentro de la lista de … Leer más

Añadir respuesta háptica (vibración) a un botón de tu APP de React Native con Expo

Añadir respuesta háptica (vibración) a un botón de tu APP de React Native con Expo

Tiempo de lectura: 2 minutos Hoy vamos a aprender cómo podemos añadir una respuesta háptica en un botón usando React Native con Expo. Una respuesta háptica en un botón es una retroalimentación táctil que proporciona un dispositivo cuando presionas un botón o realizas alguna acción táctil sobre él. En lugar de simplemente pulsar un botón y no recibir ningún tipo … Leer más