/blog/web

web

45 artículos publicados

nextjsfirebaseweb

Cómo desplegar una app Server-Side Rendering con Next.js en el nuevo Firebase Hosting

Aprende a desplegar una aplicación Next.js con Server-Side Rendering en el nuevo Firebase Hosting, anunciado en Firebase Summit 2022 y disponible en preview.

14 de noviembre de 202210 min lectura
htmlperformanceweb

Lazy loading de imágenes ya forma parte del estándar HTML

Implementa lazy loading de imágenes en tu web para mejorar el rendimiento y Core Web Vitals. Técnicas nativas con Intersection Observer API y atributo loading.

25 de febrero de 20207 min lectura
firebaseherramientastutorialweb

Cómo desplegar tu sitio en Gatsby a Firebase Hosting

Aprende a desplegar tu sitio Gatsby en Firebase Hosting con integración continua usando Travis CI. Automatiza tus deploys y olvídate de hacerlo manualmente.

13 de febrero de 20207 min lectura
nodejswebtutorialherramientas

Cómo lanzar una aplicación web en Google Cloud Run con Cloud Build

Aprende a desplegar tu primera aplicación Node.js en Google Cloud Run usando Cloud Build y Docker. Guía paso a paso para correr contenedores en Google Cloud.

8 de julio de 20198 min lectura
vuejstutorialweb

Desarrollo basado en Componentes con Vue.js

Aprende a crear componentes reutilizables con Vue.js y construye aplicaciones web modernas. Tutorial paso a paso con ejemplos de código y plantillas.

17 de octubre de 20184 min lectura
javascriptweb

El futuro de los WebComponents gracias a Polymer 3.0

Descubre las novedades de Polymer 3.0 y el futuro de los WebComponents tras el Polymer Dev Summit, la conferencia anual de Google para desarrolladores.

5 de octubre de 20184 min lectura
herramientasweb

Docker como entorno de desarrollo local

Aprende a usar Docker como entorno de desarrollo local con LiveReload automático. Configura contenedores en Mac, Windows o Linux para tus aplicaciones web.

1 de septiembre de 20187 min lectura
javascriptweb

WebComponents Nativos: Cómo pasar propiedades

Aprende a pasar propiedades a Web Components nativos usando atributos HTML y la API customElements. Tutorial práctico sin frameworks, solo JavaScript puro.

31 de agosto de 20188 min lectura
nodejsjavascripttutorialweb

Cómo crear un API REST usando Node.js, Express y MongoDB

Aprende a crear una API REST con Node.js, Express y MongoDB paso a paso. Tutorial completo del stack MEAN con Mongoose y operaciones CRUD desde cero.

21 de septiembre de 201713 min lectura
vuejsjavascriptweb

Qué es lo que me gusta de Vue.js

Descubro por qué Vue.js me enamoró este verano: un framework JavaScript reactivo, sencillo y potente que compite de tú a tú con React y Angular

16 de agosto de 201710 min lectura
javascripthtmlweb

Cómo crear un WebComponent de forma nativa

Aprende a crear WebComponents nativos con JavaScript, HTML y CSS usando la Custom Elements API, sin librerías externas. Crea tus propios tags HTML reutilizables

1 de febrero de 20176 min lectura
carreraweb

Resumen de 2016 y propósitos para 2017

Resumen de 2016: más de 800.000 visitas únicas y un 80% de crecimiento en el blog. Métricas, logros y propósitos para afrontar 2017 con nuevos objetivos

3 de enero de 20177 min lectura
angularjavascriptweb

3 formas de comunicar componentes en AngularJS 1.x

Aprende las 3 formas de comunicar componentes en AngularJS 1.x: servicios, eventos y herencia de scope. Guía práctica con ejemplos de código incluidos

27 de enero de 20165 min lectura
carreraweb

Retrospectiva del blog en 2015

Retrospectiva del blog en 2015: casi medio millón de visitas, crecimiento del 80% respecto a 2014 y la lista de correo triplicada. Métricas y análisis completo.

23 de enero de 20165 min lectura
angularjavascriptweb

Cómo programar orientado a Componentes con Directivas de Angular 1.x

Aprende a programar en AngularJS usando directivas como componentes. Buenas prácticas con controller as en lugar de $scope para prepararte para Angular 2.

17 de noviembre de 201510 min lectura
csshtmlweb

Los 5 patrones del Responsive Design con Flexbox

Aprende los 5 patrones del Responsive Design con Flexbox: Tiny Tweaks, Mostly Fluid, Column Drop, Layout Shifter y Off Canvas para crear diseños adaptables

4 de noviembre de 20159 min lectura
htmlwebperformance

Cómo hacer que tus imágenes sean Responsive

Aprende a hacer imágenes responsive con el atributo srcset de HTML. Adapta tus imágenes a cualquier dispositivo y resolución con este tutorial práctico.

21 de octubre de 20155 min lectura
javascriptweb

¿Qué framework o librería de JavaScript elegir para mis desarrollos?

Comparativa de los principales frameworks de JavaScript: Angular, React y Vue. Aprende sus diferencias, casos de uso y cuál elegir para tu próximo proyecto web.

19 de octubre de 201513 min lectura
csswebperformance

¿Es tu web realmente Mobile First?

Aprende qué significa Mobile First, por qué Google prioriza webs responsive y cómo aplicar Progressive Enhancement o Graceful Degradation en tu diseño web.

14 de octubre de 20154 min lectura
nodejsjavascriptwebtutorial

WebSockets: Cómo utilizar Socket.io en tus aplicaciones web

Aprende a usar WebSockets con Socket.io en tus aplicaciones web. Comunicación bidireccional en tiempo real entre cliente y servidor de forma sencilla.

24 de septiembre de 20158 min lectura
webprogramacion

Google Launchpad Madrid, Día 4: Tecnología

Día 4 de Google Launchpad Madrid dedicado a tecnología: mercado mobile, Android vs iOS y aprendizajes clave para mejorar Chefly en Campus Madrid

9 de julio de 20155 min lectura
carreraweb

Launchpad Week Madrid. Día 2: UX

Segundo día en Launchpad Week Madrid enfocado en UX. Descubre qué aprendimos sobre diseño de experiencia de usuario en el programa de Google para startups.

7 de julio de 20155 min lectura
nodejsherramientastutorialweb

Desplegando contenedores en DigitalOcean con Docker, Docker Compose y Docker Machine

Aprende a desplegar contenedores Docker en DigitalOcean usando Docker Compose y Docker Machine con una API REST en Node.js y MongoDB en producción

2 de julio de 20157 min lectura
nodejsgittutorialweb

Desplegando nuestro API REST Node/IO.js en la nube con Digital Ocean

Aprende a desplegar tu API REST con Node.js e IO.js en DigitalOcean. Configuración del servidor en producción paso a paso con Git y ECMAScript 6.

1 de julio de 20155 min lectura
nodejsherramientasweb

Manejando Docker desde OS X. Creando nuestro primer contenedor de NodeJS

Primeros pasos con Docker en macOS: cómo instalar Docker, crear tu primer contenedor y entender los conceptos básicos de imágenes, volúmenes y redes.

4 de mayo de 201510 min lectura
javascriptnodejsherramientasweb

Browserify. Desarrollando tu Frontend como en Node.js

Aprende a usar Browserify para escribir JavaScript del lado del cliente como en Node.js, usando require() y NPM para gestionar módulos en tu frontend.

12 de marzo de 20155 min lectura
herramientasweb

11 dispositivos para el espacio de trabajo de un desarrollador web

Descubre los 11 accesorios imprescindibles para el escritorio de un desarrollador web: monitor externo, teclado Bluetooth, auriculares y más herramientas.

12 de marzo de 20157 min lectura
nodejsweb

Cómo servir tu API REST en Node.js a través de Nginx

Aprende a configurar Nginx como proxy inverso para servir tu API REST en Node.js desde tu dominio. Guía práctica con ejemplos de configuración paso a paso.

10 de marzo de 20152 min lectura
webjavascriptarquitectura

¿Qué es la autenticación basada en Token?

Aprende qué es la autenticación con token JWT, cómo funciona el flujo de login y por qué es superior a las sesiones tradicionales en aplicaciones web modernas.

19 de febrero de 20154 min lectura
carreratutorialweb

Mi experiencia como profesor en los cursos de Platzi

Viajé a Bogotá, Colombia, para ser profesor del Curso de Desarrollo Web en Platzi. Te cuento cómo fue la experiencia dentro de sus estudios.

15 de febrero de 20155 min lectura
webcarrera

Las métricas detrás de éste blog en 2014

Analizo las métricas de mi blog desde 2012 hasta 2014: visitas, crecimiento y el camino desde 2 visitas diarias hasta consolidar un blog técnico de referencia

22 de enero de 20156 min lectura
javascriptnodejsweb

Cómo relacionar tus modelos en MongoDB

Aprende a relacionar modelos en MongoDB con Mongoose y el método populate. Crea referencias entre colecciones en Node.js con ejemplos prácticos paso a paso.

18 de enero de 20154 min lectura
herramientasweb

Configura tu terminal de Mac como un desarrollador profesional

Aprende a configurar tu terminal en Mac como un desarrollador profesional: instala iTerm2, personaliza colores y aumenta tu productividad con atajos de teclado

10 de enero de 20158 min lectura
tutorialnodejsweb

Cómo conectarte remótamente a tu base de datos MongoDB

Aprende a conectarte de forma remota a tu base de datos MongoDB con autenticación segura, creando usuarios y configurando tu servidor de producción paso a paso

19 de diciembre de 20143 min lectura
webherramientas

Cómo configurar tu servidor cloud en DigitalOcean

Aprende a configurar tu primer servidor cloud en DigitalOcean paso a paso. Crea un droplet Linux desde 5$ al mes y despliega tus aplicaciones web.

31 de julio de 20144 min lectura
nodejsjavascripttutorialweb

Primera aplicación web en RaspberryPi con NodeJS + CylonJS. Controlando LEDs desde el móvil

Crea tu primera aplicación IoT con Raspberry Pi, Node.js y Cylon.js. Controla LEDs desde el móvil mediante una interfaz web en tiempo real con Socket.io.

16 de julio de 20147 min lectura
webtutorial

Cómo instalar un Servidor HTTPS en Nginx desde cero

Aprende a instalar un servidor HTTPS en Nginx desde cero con SSL. Configura tu certificado en Ubuntu y AWS EC2 para proteger los datos de tu aplicación web.

16 de junio de 20144 min lectura
nodejswebherramientas

Cómo configurar Nginx con Node.js en Producción

Aprende a configurar Nginx como reverse proxy con Node.js en producción. Gestiona múltiples procesos en tu VPS o EC2 de AWS desde un único servidor web.

26 de febrero de 20145 min lectura
javascriptnodejsangularweb

Desarrollo Full Stack JavaScript. El conocido como Stack MEAN

Aprende qué es el stack MEAN: MongoDB, Express, AngularJS y Node.js para desarrollar aplicaciones web con JavaScript en frontend, backend y base de datos.

3 de febrero de 20143 min lectura
angularjavascripttutorialweb

Tutorial de AngularJS. Ejemplo de Aplicación web con AngularJS y Routing

Aprende a crear una aplicación web con AngularJS y Routing. Tutorial práctico con ejemplos de SPA, navegación entre vistas y configuración de rutas.

20 de enero de 20144 min lectura
nodejsherramientasweb

Subir archivos estáticos en AWS S3 con Node.js y Grunt.js

Aprende a subir archivos estáticos a AWS S3 desde Node.js usando Grunt.js. Automatiza el despliegue de assets en Amazon Web Services de forma sencilla.

19 de septiembre de 20132 min lectura
angularjavascriptwebtutorial

¿Qué es AngularJS? Primeros pasos para aprenderlo

Aprende qué es AngularJS, el framework MVC de JavaScript para crear aplicaciones SPA. Descubre sus ventajas frente a otros frameworks y recursos para empezar.

9 de septiembre de 20135 min lectura
webtutorial

Cómo configurar un servidor web con Amazon Web Services

Aprende a configurar un servidor web en Amazon Web Services. Crea tu instancia EC2 con Linux y monta un entorno LAMP en la nube gratis durante 1 año.

23 de julio de 20135 min lectura
javascriptweb

JavaScript. Un lenguaje para dominarlos a todos

Guía completa de JavaScript: fundamentos del lenguaje, tipos de datos, funciones, asincronía y las novedades de ES6+. El recurso definitivo para aprender JS.

17 de junio de 20133 min lectura
webherramientas

15 Herramientas útiles que todo desarrollador web debería conocer

Descubre 15 herramientas esenciales para desarrolladores web que aumentan la productividad y optimizan el flujo de trabajo en tu día a día como programador

13 de junio de 20133 min lectura
← Ver todos los artículos