Maquetación

La galería se divide visualmente en dos contenedores principales, el primero tiene la imagen principal y el segundo tiene las imágenes en pequeño.

Aplicación Web

Comenzar a crear una aplicación web es tan sencillo como definir un archivo HTML y montarlo en un servidor, por ejemplo, mediante serve. Nuestra página principal tiene varios elementos que permitirán tratarla como una Aplicación Web. Veamos el cuerpo de un documento HTML estándar generalmente nombrado como index.html.

Por qué necesitábamos una nueva forma de construir sitios web

Cuándo Apple lanzó el iPhone en el 2007, el desarrollo web no estaba preparado para tan sustancial cambio en la realidad de usuarios y programadores. Tener una tienda de aplicaciones con un gran mercado de clientes y una gran suma de pagos, hizo que Apple optara por cerrar su ecosistema y controlar prácticamente todo en el desarrollo de aplicaciones. Dejando fuera del juego a millones de programadores potenciales.

Al pasar de los años, la web ha ido creciendo y afinando. Cada vez son más las APIs nativas que podemos usar directamente sobre los navegadores, por ejemplo, usar la cámara, grabar…

All started trying to make some buttons and cards. I use to put Tailwind CSS in my projects. But, I notice is very complicated to handle two or three visual states in the same button. I mean, you can define the className attribute and put designed classes like rounded, px-2, bg-purple-500 and so. But, what about if you want to have a default button (in normal mode) and disabled button (in disabled mode). Well, you need to configure your project, use @apply directive and so. I never do it, because I’m old school. I copy some CDN and link it…

How do you imagine the communication between the view and the logic? The view need to draw elements for user, It is responsible to catch user’s interaction and display data. On the other hand, the logic is responsible to request, generate and process the data, and save it for future access. In React, we can put States and detect its changes by Effects, throughout this two Hooks, we can handle a store-action app. But, we can also create our own Hooks. Custom Hook is in fact a single function, prefixed by the word “use”, for example “useTable” or “usePayment”. …

En Javascript podemos crear funciones que controlen plantillas de texto, es decir, una función a la que directamente se le pase un texto con inyecciones de código y esta sea capaz de procesar manualmente. En este artículo explicaremos como definir estas funciones y sacar el mayor provecho.

Plantillas de Texto

Una plantilla de texto es una cadena de texto que usa la comilla especial en lugar de la comilla doble o simple. Esta comilla especial es la comilla inversa, y podemos inyectar variables directamente sobre ella. …

Se ha intensificado el debate entre cuál debería ser el mejor lenguaje de programación. Para entrar al juego, hay que pensar no sólo en el lenguaje, sino en el paradigma de programación. Una fuerte corriente de defensores, imagina que todo es un objeto, con atributos y métodos. Pero, ¿Realmente así lo entiende la computadora? En este debate, tendremos que navegar a las raíces de la programación y entender cómo empezó todo. Para finalmente llegar a desprendernos de una idea equivocada, que al día de hoy parece ser el origen de las fallas en el software.

Conteo y Cómputo

El cómputo reside en el…

Antes de determinar cuál será el mejor conjunto de herramientas y tecnologías que usarás para tu proyecto, debes comprobar si tienes dominio de las operaciones y actividades fundamentales dentro del desarrollo de cada stack. Así, deberás dominar las transacciones en la base de datos, sus eventos, el control de peticiones y respuestas en el backend, el consumo de api y eventos de usuario en el frontend, el control de código fuente y los despliegues automatizados. …