Jaracoder Juan Armengol

Desarrollo Web

Tutoriales y recursos de desarrollo web moderno: HTML, CSS, JavaScript, .NET, APIs, rendimiento, accesibilidad y mejores prácticas.

Categorías del blog

Patrones de Diseño en C#: Guía con Ejemplos y Mejores Prácticas

Patrones de Diseño en C#: Guía con Ejemplos y Mejores Prácticas

Descubre los patrones de diseño fundamentales en C# con ejemplos prácticos y ejecutables. Aprende a aplicarlos en tus proyectos de software.
Desarrollo Web Programación
Evolución de la Plataforma .NET: Un Recorrido Histórico

Evolución de la Plataforma .NET: Un Recorrido Histórico

Descubre cómo la evolución de la plataforma .NET ha dejado una huella en el desarrollo de software y la programación. ¡Conoce su historia!
Desarrollo Web Programación
Google Maps API v3: Crear y configurar API Key

Google Maps API v3: Crear y configurar API Key

Tutorial para crear y configurar unas credenciales de acceso o API Key para poder utilizar cualquier librería de Google. Requisitos previos Crear un proyecto en Google API Console Para poder solicitar una API primero hay que crear un proyecto nuevo y luego configurar las librerías que utilizará el proyecto incluyendo la claves de acceso. Paso
Desarrollo Web Programación
Chrome DevTools: Inspeccionar scripts

Chrome DevTools: Inspeccionar scripts

En esta entrada aprenderá la forma de ver todos los archivos javascript, incluso su orden de ejecución, de una manera fácil y rápida (sin tener que pasar tiempo, analizando todo el código fuente de la web). Como podemos ver y analizar los recursos javascript que usa cierta página web utilizando la herramienta ‘Inspector de elementos’
Desarrollo Web SEO y Marketing
Google Maps API v3: Crear un mapa con JavaScript

Google Maps API v3: Crear un mapa con JavaScript

Para utilizar la API v3 de Google Maps lo primero que tenemos que hacer es añadir el siguiente script entre las etiquetas head de nuestro documento html. <script src=»https://maps.googleapis.com/maps/api/js?v=3.exp»></script> Quien haya utilizado una versión anterior a la 3.0 se habrá dado cuenta de que no es necesario añadir ninguna API_KEY como había que hacer en versiones anteriores
Desarrollo Web Programación
Mockups: Maquetación de formularios con Lumzy

Mockups: Maquetación de formularios con Lumzy

En esta entrada, hablaremos de una herramienta de maquetación de formularios online, bastante útil antes de empezar cualquier desarrollo. La aplicación se Lumzy y como ya e mencionado se ejecuta de forma online, es un navegador web. Hacemos lo siguiente y veremos como funciona: Sin más la aplicación cargará todos sus recursos (iconos, temas, etc..)
Desarrollo Web
Bootstrap 3: Guía de Estilos de Textos

Bootstrap 3: Guía de Estilos de Textos

Etiquetas Parece que Bootstrap incluye por defecto decenas de estilos predefinidos para las etiquetas así como para los textos. A continuación podemos ver la lista de etiquetas con su relación de tamaños. Tipo Tamaño h1 36px h2 30px h3 24px h4 18px h5 14px h6 12px <!DOCTYPE html> <html lang=»es»> <head> <meta charset=»utf-8″> <meta http-equiv=»X-UA-Compatible»
Desarrollo Web
Bootstrap 3: Introducción al framework y Primera Plantilla Básica

Bootstrap 3: Introducción al framework y Primera Plantilla Básica

Twitter Bootstrap es un framework para diseñar y maquetar sitios web. Tiene plantillas de diseño con tipografía, formularios, botones, cuadros, menús de navegación y otros elementos de diseño basados en HTML, CSS y JavaScript. Historia de Bootstrap En 2011, Bootstrap se creó como solución interna para solucionar inconsistencias en el desarrollo dentro del equipo de Twitter. Básicamente, no se
Desarrollo Web