Full Stack

Validación en ASP.Net Core con DataAnnotations

En este tutorial vamos a ver cómo realizar la validación de un formulario en ASP .Net Core mediante DataAnnotations. Los DataAnnotations son una serie de reglas establecidas en el Model que permiten validar sus propiedades según los criterios que queramos. Esto nos permite realizar una validación sencilla de los datos; no obstante, se pierde el principio SOLID al estar todo el código en un mismo sitio.Empezamos creando un Model llamado Usuario.cs y establecemos las propiedades que va a tener. En mi caso va a tener nombre, apellidos, edad, email, contraseña y confirmación de…continue reading →

Crea una plantilla de Curriculum Vitae con Vue.js

Crear un Currículum es algo que hay que hacer alguna vez en la vida. Existen muchas webs donde puedes descargar una plantilla y conformar tu Currículum. En este artículo se explicará como realizar una pequeña aplicación para hacer plantillas de CV. Requisitos previos Antes de empezar, debemos tener algunas cosas en cuenta: El lenguaje que vamos a utilizar es JavaScript, el Framework Vue, y el IDE que utilizaremos será Visual Studio Code. También deberemos tener instalado Node.js. Primero tenemos que preparar nuestro entorno de trabajo. Para ello, instalaremos Vue en nuestro equipo. Abrimos…continue reading →

Como usar Material Icons con React

Hola, bienvenidos a este post donde veremos como trabajar con “icon”, que es un componente del framework material UI. Como introducción, Material UI es un framework que nos permite usar algunas herramientas para mejorar el interfaz de nuestra página. Una de estas herramientas de la que disponenemos es el componente “icon”, que nos permite usar iconos en nuestra página web, a continuación se explicará como implementar Material y como usar el componente mencionado desde cero. Necesitamos la aplicación cmder ( también sirve la consola de windows ) y Visual Studio Code. Material funciona…continue reading →

Reproductor de video responsivo con Vue

IFRAME Para crear nuestro reproductor de video en nuestra página web hecha con Vue js utilizaremos la etiqueta iframe. Este elemento HTML nos permite incrustar contenido de otras páginas web en la nuestra y poder visualizarlo, algunos de los elementos que se pueden incluir dentro de esta son documentos y videos de YouTube, como ejemplo. ANTES DE EMPEZAR Lo primero que tendremos que hacer antes de empezar con nuestro reproductor de video es crearnos nuestro proyecto de Vue js sobre el que trabajaremos, esto se hará a través de la consola de comandos,…continue reading →

Manejo de Pistas de Audio en Vue

¿Cómo insertar audios en tecnología Vue? En este post veremos como insertar pistas de audio en tecnología vue de manera sencilla y concisa, sin uso de tecnologías externas o librerías para un primer acercamiento a este sistema. Primeros Pasos Esto es algo que hemos visto en clase pero por si acaso y para que todo el mundo pueda probarlo veremos como abrir un proyecto nuevo y como lanzar el servidor. Para ello necesitaremos los siguientes comandos: pm install -g @vue/cli Con este comando instalaremos vue a través de node.js Una vez hecho esto…continue reading →

Implementación de notificaciones en React

Bienvenidos al post de Implementación de notificaciones en React, donde aprenderéis a implementar la librería de notificaciones react-hot-toast en React y poder así ofrecer un diseño mas llamativo a vuestras webs de cara al usuario. https://flic.kr/p/2mLC9vB Tendréis disponibles al final del post el código de GitHub, además de un link hacia el proyecto subido para que podáis ver la funcionalidad de las notificaciones. Requerimientos Para poder seguir el post correctamente, es necesario que tengáis un proyecto de React funcional. React-Hot-Toast, instalación e importación Empezamos por instalar la dependencia en nuestro proyecto mediante el…continue reading →