JavaScript - Tech Riders

Realizar búsquedas y filtrar datos utilizando Casting en NetCore.5

Posted on 6 julio, 2022
/Under .NET, AngularJS, Azure, C#, CSS, DevOps, Full Stack, HTML, iOS, JavaScript, JSOM, Microsoft, Multiplataforma, Mvc, React, Rest, Sin categoría, tajamar, Visual Basic .Net, Visual Studio, Web Api, Web Forms, Xamarin
/With 0 Comments

Para esta aplicación necesitaremos crear un entorno de trabajo en MVC NetCore 5, tambien debemos tener a nuestra disposición una base de datos con la cual trabajar. En mi caso tendré Una base de datos denominada Kibunshi con tres tablas una de Peliculas , Superheroes y Mundos Base de datos: Como vemos a continuación yo tengo tres tablas en las cuales Pelis será destinada para la búsqueda y Mundo y Superhéroes serán destinadas para el filtro ya que los dos comparten el campo Id_Mundo ASP.NET CORE MVC: Creamos una aplicacion que sea de…continue reading →

Uso de SweetAlert2 en un proyecto MVC

Posted on 13 junio, 2022
/Under .NET, C#, JavaScript, Mvc, Sin categoría
/With 0 Comments

Hola, soy Álvaro Moya Herraiz, alumno del máster de Desarrollo Web Full Stack, MultiCloud y Multiplataforma y voy a enseñaros a implementar SweetAlert2 en vuestro proyecto MVC. Primero de todo, SweetAlert2 es una librería de javascript que nos permite mostrar alerts animados y más vistosos en comparación con los estándar de js. Página principal de SweetAlert2 con ejemplo de alerta Para empezar, deberemos añadir dicha librería a nuestro proyecto, y para ello haremos click en "Installation". Una vez lo hayamos hecho, clicamos en el link donde pone "jsdelivr CDN". Sección "Installation" de la…continue reading →

Reproductor de video responsivo con Vue

Posted on 25 abril, 2022
/Under Full Stack, JavaScript
/With 0 Comments

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 →

[VUE + Firebase] Login + Subir, Descargar y Listar Archivos

Posted on 11 abril, 2022
/Under Full Stack, JavaScript
/With 0 Comments

En este post vamos a aprender a crear una aplicación VUE que será capaz de: Registrar usuariosHacer Login con un usuario existenteRecuperar la contraseña de un usuarioSubir archivos asociados a una cuentaListar y descargar los archivos de un usuario Para ello vamos a utilizar Firebase como backend, en concreto vamos a utilizar el módulo de Authentication para administrar los usuarios y el módulo de Storage para alamacenar los archivos del usuario. Configuración inicial Firebase Para poder enlazar el proyecto de Firebase con VUE, debemos de crear una cuenta de servicio de Firebase, para…continue reading →

Como crear un LogIn de Firebase con Angular

Posted on 23 marzo, 2022
/Under Angular, AngularJS, Desarrollo, HTML, Sin categoría, tajamar
/With 0 Comments

Introducción Cuándo estamos trabajando en el desarrollo de una aplicación web/mobile, por comodidad, sencillez, ahorro de tiempo, utilizamos Firebase . Y partimos de la pregunta sencilla, ¿qué es firebase?. Firebase es una plataforma que fue diseñada en 2011 para empezar a trabajar Google con ella en el 2014. En un principio, era una plataforma que era "simplemente" una Base de Datos en tiempo real para el Front-End. Finalmente, Firebase ha ido creciendo en funcionalidades y contenido para que el desarrollo y uso de la misma sea sencillo y efectivo, agrupándose en 4 grupos…continue reading →

Programación y publicación de un bot de discord utilizando angular

Posted on 14 marzo, 2022
/Under Angular, AngularJS, Cloud, Desarrollo, Full Stack, Multiplataforma
/With 0 Comments

Bot de discord con angular ¿Qué es discord? Discord es una plataforma social destinada a permitir crear grupos de chat para diferentes finalidades. Puedes pensar en ella como algo similar a Skype o TeamSpeak, aunque incluyendo las funciones de otras herramientas más profesionales. Tiene versiones tanto para PC como para dispositivos móviles, pasando también por un cliente que puedes utilizar directamente desde el navegador. Además, tiene bastantes funcionalidades, permitiendo chatear por texto, por voz e incluso realizar videoconferencias, todo ello con una aplicación totalmente gratuita. En discord podemos diferenciar dos tipos de chat, los chats…continue reading →