Kevster

En este tutorial, aprenderemos a crear una animación interactiva de un cohete con efecto de explosión usando HTML, CSS y JavaScript. La animación consistirá en una explosión inicial seguida del despegue de un cohete. RESULTADO:  ## Estructura del Proyecto 1. HTML Base Primero, necesitamos crear la estructura básica HTML: ```html <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <title>Rocket Launch Animation</title> </head> <body>     <div class="container">         <button onclick="launchRocket()">Launch Rocket! 🚀</button>         <div class="rocket">             <div class="rocket-body"></div>             <div class="rocket-bottom"></div>             <div class="flame"></div>     ...

¡Hola a todos! 👋Hoy quiero compartir con ustedes algunas de las herramientas que uso en mi día a día como desarrollador. 💻 A veces, nuestro flujo de trabajo necesita ese pequeño empujón extra para mantenernos organizados y productivos, y estas herramientas son las que me han ayudado en esos momentos clave. Vamos a echarles un vistazo 👀: 1. Xmind 🧠 Esta es mi herramienta favorita para crear diagramas conceptuales y organizar la información de manera visual. Con Xmind, puedo mapear ideas, estructurar proyectos o simplemente hacer un diagrama que me ayude a ver el panorama completo. ¡Súper útil para esos días en los que la cabeza está llena de ideas! 🤯 2. DevExpress 🛠️ Cuando se trata de desarrollo de interfaces de usuario, DevExpress se lleva el premio. Con sus componentes y controles, puedo crear aplicaciones que no solo son funcionales, sino también visualmente atractivas. Si necesitas que tu proyecto tenga un toque profesional, esta es la herramienta indicada. 😉 3. Decript 🔐 D...

¡Hola a todos! 👋 Hoy quiero guiarte a través de un hito emocionante: tu primer deploy a la red de Ethereum. 🌐💰 Si estás interesado en el desarrollo de contratos inteligentes y aplicaciones descentralizadas (dApps), dar este paso es fundamental para poner en marcha tus proyectos en el ecosistema blockchain. En este artículo, te llevaré paso a paso por el proceso de preparar tu entorno, escribir un contrato inteligente, y finalmente desplegarlo en la red de Ethereum. Desde la configuración de herramientas hasta la interacción con la blockchain, descubrirás cómo llevar tus ideas al mundo real. ¡Vamos a comenzar! 🚀🔗 Pre requisito:  Tener tu billetera MetaMask y red de pruebas:  MetaMask y recibir Tokens Para Pruebas | Pasaporte Gitcoin (kevsteer.blogspot.com)   En este caso vamos a desplegar un simple contador a la red de pruebas de Eth.  Pasos:  1. Ir al IDE RemixIDE  Click aqui 2. Crea un nuevo archivo dentro de "Contracts" y llamalo "Counter.sol". Te de...

¡Hola a todos! 👋 Hoy quiero hablarte sobre cómo configurar MetaMask y recibir tokens para pruebas utilizando tu Pasaporte Gitcoin. 🌐🦊 Si estás explorando el mundo de las criptomonedas y la Web3, MetaMask es una herramienta esencial que te permite gestionar tus activos digitales y conectarte con aplicaciones descentralizadas (dApps) de manera segura. En este artículo, te guiaré a través del proceso de configuración de MetaMask, cómo recibir tokens en redes de prueba, y cómo aprovechar tu Pasaporte Gitcoin para participar en proyectos y obtener recompensas. ¡Prepárate para sumergirte en el emocionante universo de la Web3! 🚀🔗 MetaMask  1. Registrate y descargar la extensión en la página oficial de MetaMask  The Ultimate Crypto Wallet for DeFi, Web3 Apps, and NFTs | MetaMask   2. Una vez de registres selecciona una red de pruebas, en este caso Sepolia para obtener saldos Pasaporte Gitcoin Debido a los ataques de los Bots para obtener muchos de estos tokens gratis de sobr...

¡Hola a todos! 👋 Hoy quiero mostrarte cómo construir una API en .NET Core utilizando MongoDB como tu base de datos. 🌐💻 Si estás buscando una forma robusta y escalable de manejar tus datos en aplicaciones modernas, esta combinación es ideal para ti. En este artículo, te guiaré a través de los pasos necesarios para configurar tu proyecto, conectar con MongoDB, y crear endpoints que interactúen con la base de datos. Desde la instalación hasta la implementación, te enseñaré todo lo que necesitas para poner en marcha tu API en .NET Core con MongoDB. ¡Vamos a ello! 🚀🍃 La estructura de nuestro proyecto debe verse asi: Controllers (Carpeta) Controlador.cs Data MongoDBService.cs Entities TuClase.cs Program.cs appsettings.json Asi que solamente esos 5 archivos vamos a estar usando. Antes de empezar recuerda tener tu BDMongo lista donde aqui te enseño como hacerlo:  Iniciar en Mongo Luego debes ir a Tools>Nuget Package Manager y abrir Package Manager Console donde deberás pegar el sig...

¡Hola a todos! 👋 Hoy quiero hablarte sobre Angular Material, una biblioteca de componentes UI que te ayudará a crear interfaces de usuario elegantes y consistentes de manera rápida y sencilla. 🎨💻 Si estás desarrollando una aplicación con Angular y quieres asegurarte de que tenga un aspecto profesional y una excelente usabilidad, Angular Material es la solución perfecta. En este artículo, te guiaré a través del proceso de instalación y configuración de Angular Material en tu proyecto. ¡Prepárate para llevar tu aplicación al siguiente nivel con Angular Material! 🚀🛠️ Pre-requisito Tener instalado Angular, te dejo un tutorial de como hacerlo:  Hola Mundo - Angular en 5min LEVANTA tu primera APP (kevsteer.blogspot.com) 1. Iniciar un nuevo proyecto ng new NOMBRE_PROYECTO 2. Instalación Ejecuta el siguiente comando como lo indica la documentación oficial  Getting started | Angular Material ng add @ angular/material O Bien para una versión en específico: ng add @ angular/material...

¡Hola a todos! 👋 Hoy quiero mostrarte cómo levantar MongoDB en Docker usando VS Code, una combinación poderosa que te permitirá gestionar tu base de datos de manera rápida y eficiente. 🐳💻 Si buscas una forma de simplificar tu entorno de desarrollo y mantener tus aplicaciones aisladas y organizadas, Docker es la herramienta perfecta para ti. En este artículo, te guiaré paso a paso a través del proceso de configuración de Docker y VS Code para que puedas tener MongoDB en funcionamiento en poco tiempo. ¡Vamos a empezar! 🚀🍃 Requisito : Instalar Docker, te dejo un tutorial para poder hacerlo:  Kubernets (K8S) - PRIMEROS pasos (kevsteer.blogspot.com)   Luego en VS Code el siguiente codigo en YAML puedes levantar una BD Mongo en Docker,  OJO  👀 :   El puerto 27018 lo pongo para que no entre en conflicto con el que usa Mongo Compass que es el 27017 👀 Para aplicarlo ejecuta el siguiente comando. Donde "docker-compose" es el nombre de tu archivo YAML. docker-...