Sin categoría

Slots en Vue

https://youtu.be/-RDJOULPhyI 0. Introducción En esta entrada del blog, exploraremos el uso de slots en Vue.js para crear componentes reutilizables y personalizables. Utilizaremos un ejemplo práctico de un supermercado para demostrar cómo los slots permiten una mayor flexibilidad al diseñar interfaces de usuario en aplicaciones Vue. Antes de comenzar, nos podemos descargar este proyecto a través del siguiente enlace. GitHub: https://github.com/PabloTrujillo08/Slots-Vue   1. Estructura Básica del Proyecto Incluimos los enlaces necesarios para Vue.js y Bootstrap y, a continuación, creamos un contenedor div con el id "app" donde se montará nuestra aplicación Vue. En la…continue reading →

TUTORIAL [ONE WAY – TWO WAY DATA BINDING] ANGULAR

En este tutorial te explico los conceptos de one-way y two-way data binding dentro del entorno que nos ofrece Angular. ¿Quieres aprender a mostrar datos por pantalla de manera estatica? ¿Quieres mostrar y recoger datos de manera dinámica? En este video-tutorial y de una manera sencilla e ilustrativa, te enseñaré de que tratan ambos conceptos y cual es su utilidad dentro de una aplicación con ejemplos. ---------------------------------------------------------------- Autor/a: Rubén Marcos Fraile  Curso: Desarrollo Web Full Stack + MultiCloud con Azure y AWS  Centro: Tajamar Tech  Año académico: 2023-2024  LinkedIn https://www.linkedin.com/in/rub%C3%A9n-marcos-fraile-638a18258/ https://youtu.be/oyUYhhF7Vu4continue reading →

Instalación y Configuración de Exchange 2019: Guía para un despliegue exitoso

El correo electrónico sigue siendo un pilar fundamental en la comunicación empresarial y la colaboración entre equipos. Este blog tiene como objetivo abordar la instalación y configuración del servicio de correo Exchange 2019, un componente crucial para facilitar una comunicación fluida y eficiente en entornos corporativos. Exchange 2019 es la última versión del servidor de correo electrónico de Microsoft, diseñado para ofrecer una plataforma robusta y segura para la gestión de correos, contactos y calendarios. Su importancia radica en su capacidad para centralizar la comunicación, permitiendo a los usuarios acceder a sus correos…continue reading →

Hooks React,UseState & useEffect

Hooks React, UseState & UseEffect https://youtu.be/XUZ6yYKrtYM¡Bienvenid@ al mundo de React! Hoy profundizaremos en dos de los Hooks más básicos: useState y useEffect. Estos Hooks son cruciales para la gestión del estado y el manejo de efectos secundarios en las aplicaciones React.useState: cuando necesita realizar un seguimiento de su estado¿Alguna vez te has preguntado cómo mantener eficientemente el estado de un componente? Aquí es donde entra en juego useState. Este Hook nos permite declarar variables de estado en componentes de funciones. Veámoslo a continuación:import React, { useState } from 'react'; function Contador() {     …continue reading →

Crear un ChatBot en React

Lo primero que debemos saber es ¿qué es un chatbot? Un chatbot es una aplicación o programa informático que permite simular una conversación real, normalmente suelen estar basados en inteligencia artificial y son cada vez más habituales en diferentes servicios como marketing, ventas y posventa de las empresas, asistencia virtual… El objetivo de la aplicación es proporcionar una experiencia de comunicación fluida y amigable para los usuarios, para llevar a cabo esta idea utilizaremos la tecnología React. React nos permitirá construir una interfaz de usuario dinámica y receptiva que permitirá a los usuarios…continue reading →

Angular – Manejo de Observables

https://youtu.be/38ZmuMq7o1M Muy Buenas a todos, mi nombre es Juan Carlos Linaje y en esta entrada, veremos cómo trabajar con observables de una manera didáctica, con un ejemplo explicado y detallado paso a paso Lo primero de todo, para poder empezar en nuestro proyecto, lo que vamos a hacer es irnos a Github: https://github.com/desatatufuria/AngularObservers-appNos descargamos el proyecto: Case Study with Binding Una vez nos descarguemos el proyecto, procederemos a preparar el entorno de trabajo. usamos el comando: npm install Levantamos el proyecto.usamos el comando: ng s -o  s, es un alias de server -o, es un argumento…continue reading →