John Serrano (DEV)

Hola, Soy John Serrano Ingeniero de Software +7 años de experiencia. Me especializo en la creación de experiencias digitales de alto impacto. De Cúcuta, Colombia.

Colombia Joined on May 28, 2024 https://johnserrano.co/

Education

Computer Engineer

Work

Software Enginner en La opinión

Pinned

John Serrano (DEV)

Mar 1

CSS Grid: La guía completa para principiantes y avanzados

#webdev #programming #css #beginners

7 min read

Cover image for Aprende lógica de programación: la base para convertirte en programador

John Serrano (DEV)

Sep 20

Aprende lógica de programación: la base para convertirte en programador

#webdev #programming #beginners #algorithms

4 min read

Cover image for Arquitectura Hexagonal con React y TypeScript: guía paso a paso (enfoque pragmático)

John Serrano (DEV)

Aug 16

Arquitectura Hexagonal con React y TypeScript: guía paso a paso (enfoque pragmático)

#webdev #programming #react #typescript

11 min read

Cover image for ¿Qué es SOLID? Principios de diseño para programar código limpio en TypeScript y React

John Serrano (DEV)

Aug 2

¿Qué es SOLID? Principios de diseño para programar código limpio en TypeScript y React

#webdev #programming #typescript #react

7 min read

Cover image for Capas en CSS: Guía Completa para Dominar la Regla @layer y Controlar la Especificidad

John Serrano (DEV)

May 6

Capas en CSS: Guía Completa para Dominar la Regla @layer y Controlar la Especificidad

#webdev #programming #beginners #css

8 min read

Cover image for Zustand: La solución más simple y eficiente para gestión de Estado en React

John Serrano (DEV)

Apr 27

Zustand: La solución más simple y eficiente para gestión de Estado en React

#webdev #programming #react #redux

4 min read

Cover image for HTML avanzado y atajos Emmet en 10 Minutos

John Serrano (DEV)

Apr 20

HTML avanzado y atajos Emmet en 10 Minutos

#webdev #programming #beginners #html

5 min read

Cover image for Lazy Loading en HTML: cómo cargar imágenes de forma eficiente sin usar JavaScript

John Serrano (DEV)

Apr 7

Lazy Loading en HTML: cómo cargar imágenes de forma eficiente sin usar JavaScript

#webdev #programming #html #beginners

8 min read

Cover image for Buenas prácticas para escribir commits en Git con Conventional Commits

John Serrano (DEV)

Mar 22

Buenas prácticas para escribir commits en Git con Conventional Commits

#webdev #programming #git #beginners

7 min read

John Serrano (DEV)

Mar 9

CSS FlexBox: Diseño avanzado desde cero

#webdev #programming #css #tutorial

8 min read

Cover image for HTML: ¿Para qué sirve y qué son sus etiquetas?

John Serrano (DEV)

Feb 22

HTML: ¿Para qué sirve y qué son sus etiquetas?

#programming #html #webdev #beginners

5 min read

Cover image for Husky y Lint-Staged: Cómo configurar y automatizar pre-commit hooks para test, lint y formateo

John Serrano (DEV)

Feb 8

Husky y Lint-Staged: Cómo configurar y automatizar pre-commit hooks para test, lint y formateo

#webdev #programming #husky #javascript

4 min read

Cover image for Tailwind CSS 4: Novedades, Instalación y Configuración

John Serrano (DEV)

Feb 5

Tailwind CSS 4: Novedades, Instalación y Configuración

#programming #webdev #tailwindcss #css

5 min read

Cover image for FormData en JavaScript: Guía definitiva 2025 para manejar formularios

John Serrano (DEV)

Jan 24

FormData en JavaScript: Guía definitiva 2025 para manejar formularios

#javascript #webdev #programming #development

5 min read

Cover image for Cómo Iniciar y Crecer como Desarrollador Frontend en 2025

John Serrano (DEV)

Jan 15

Cómo Iniciar y Crecer como Desarrollador Frontend en 2025

#javascript #webdev #beginners #frontend

3 min read

Cover image for Hackathon de Cloudinary junto a Midudev: Mi experiencia y aprendizajes al participar

John Serrano (DEV)

Oct 24 '24

Hackathon de Cloudinary junto a Midudev: Mi experiencia y aprendizajes al participar

#cloudinary #hackathon #astro #webdev

3 min read

Cover image for Di Adiós a Try/Catch con Este Sorprendente Operador ECMAScript 🚀

John Serrano (DEV)

Sep 26 '24

Di Adiós a Try/Catch con Este Sorprendente Operador ECMAScript 🚀

#javascript #programming #webdev #ecmascript

2 min read

John Serrano (DEV)

Sep 19 '24

What is JavaScript? 🤔

#javascript #software #development #webdev

7 min read

Cover image for Feliz día de la programación. Hoy es el día 2 , el día 256 del año. 💻

John Serrano (DEV)

Sep 12 '24

Feliz día de la programación. Hoy es el día 2 , el día 256 del año. 💻

#programador #webdev #programación #development

1 min read

Forem

John Serrano (DEV)

Badges

One Year Club

Skills/Languages

Available for

Pinned

CSS Grid: La guía completa para principiantes y avanzados

Aprende lógica de programación: la base para convertirte en programador

Arquitectura Hexagonal con React y TypeScript: guía paso a paso (enfoque pragmático)

¿Qué es SOLID? Principios de diseño para programar código limpio en TypeScript y React

Capas en CSS: Guía Completa para Dominar la Regla @layer y Controlar la Especificidad

Zustand: La solución más simple y eficiente para gestión de Estado en React

HTML avanzado y atajos Emmet en 10 Minutos

Lazy Loading en HTML: cómo cargar imágenes de forma eficiente sin usar JavaScript

Buenas prácticas para escribir commits en Git con Conventional Commits

CSS FlexBox: Diseño avanzado desde cero

HTML: ¿Para qué sirve y qué son sus etiquetas?

Husky y Lint-Staged: Cómo configurar y automatizar pre-commit hooks para test, lint y formateo

Tailwind CSS 4: Novedades, Instalación y Configuración

FormData en JavaScript: Guía definitiva 2025 para manejar formularios

Cómo Iniciar y Crecer como Desarrollador Frontend en 2025

Hackathon de Cloudinary junto a Midudev: Mi experiencia y aprendizajes al participar

Di Adiós a Try/Catch con Este Sorprendente Operador ECMAScript 🚀

What is JavaScript? 🤔

Feliz día de la programación. Hoy es el día 2 , el día 256 del año. 💻