Aprende la sintaxis para declarar tipos en el constructor y en los atributos de las clases

Aprendemos a usar los génericos, un concepto más avanzado y que te permitirá crear tipos más flexibles

Aprende a fabricar nuevos tipos con la combinación de varios, en concreto con las operaciones AND y OR de los tipos

Trance, House, Tech House, Eurodance, Italo disco y varios estilos más combinados en sesiones, para que las escuches trabajando o en el gimnasio

Por qué es importante usar el type correcto en los inputs HTML y algunos inputs types que son interesantes

Cómo estar al tanto de los últimos artículos de CodingPotions

Aprende a crear tus propios tipos en Typescript para reutilizarlos a lo largo de todo el código

¿Qué son las interfaces de Typescript? ¿Para qué sirven? ¿Cómo se pueden extender y heredar las interfaces?

¿Cuándo usar interfaces y cuándo tipos nombrados en Typescript? Aprende sus diferencias funcionales y a nivel conceptual

Aprende a crear el típico botón para cambiar de tema en una web usando Javascript, variables CSS y localStorage

Explora las técnicas para el tipado de arrays (arreglos) y usa esa ese mecanismo para tener un sistema de tuplas

Aprende todo lo que necesitas saber de Typescript, el lenguaje que añade tipos e interfaces a Javascript vanilla

Todos los parámetros y configuraciones que deberías conocer de los ficheros tsconfig de Typescript

Página que describe el contenido y los entresijos técnicos del blog de CodingPotions

Aprende a generar y desplegar gratis tu propio blog en menos de 20 minutos, y con muchas opciones de personalización

Trance, House, Tech House, Eurodance, Italo disco y varios estilos más combinados en sesiones, para que las escuches trabajando o en el gimnasio

Aprende a tipar cada una de las keys de los objetos en Typescript, además de marcar propiedades como opcionales

Descubre cómo mejorar tu código tipando las entradas y la salida de las funciones en Typescript

Aprende a instalar Typescript en cualquier proyecto frontend (Vue, Svelte, React), con Vite, Esbuild o Webpack

Una introducción a cómo funciona el tipado básico de variables en Typescript, además echamos un ojo a los literal types

Trance, House, Tech House, Eurodance, Italo disco y varios estilos más combinados en sesiones, para que las escuches trabajando o en el gimnasio

Mi opinión personal sobre Dave the diver, un juego de exploración submarina muy entretenido que mezcla muchos géneros.

Trance, House, Tech House, Eurodance, Italo disco y varios estilos más combinados en sesiones, para que las escuches trabajando o en el gimnasio

Métafora para referirnos a la complejidad en el código como espíritus que se manifiestan cuando ya es demasiado tarde. Consejos para evitarlos

Entendemos la forma que tiene Svelte en su sistema de templating para poder pintar variables en el HTML y usarlas para los atributos de las etiquetas

Aprende a usar el sistema que tiene Svelte para usar bucles, condicionales y otros bloques lógicos dentro del HTML de los componentes

Trance, House, Tech House, Eurodance, Italo disco y varios estilos más combinados en sesiones, para que las escuches trabajando o en el gimnasio

Aprende a hacer parseos de strings en Javascript, por ejemplo a boolean, integer, float, objeto o arrays

Tutorial rápido para capitalizar un string, es decir, poner la primera letra en mayúsculas

Aprendemos a crear un componente con un contador incremental en Svelte como excusa para ver las partes que componen el mismo

¿Para qué sirve el package.json? ¿y el .gitignore? ¿y los ficheros .env? Lista de algunos ficheros que te encontrarás en proyectos frontend

Un vistazo a cada uno de las carpetas y ficheros que se generan tras ejecutar la herramienta para creación de proyectos de Svelte

Aprende a usar la herramienta oficial de Svelte y SvelteKit para el scaffolding de nuevos proyectos

Explico qué cosas me gustan mucho de Svelte y por qué lo prefiero frente a Vue, Angular o React

Algunos de los puntos en los que, en mi opinión, Svelte flojea un poco y podría mejorar

Mi opinión personal sobre Rain World, un juego de plataformas/superviencia en un mundo distópico plagado de critaturas extrañas

Un vistazo a los gestores de plugins más usados en tanto en Vim como en Neovim (Plug, Packer, Lazy, etc).

Reflexión y consejos sobre la famosa frase de Knuth "Premature optimization is the root of all evil"

Reflexión sobre la optimización que se hacía antes sobre software y videojuegos y que hoy en día no tiene tanta relevancia

Aprendemos a crear en CSS transiciones entre estilos de forma gradual, además echamos un ojo a su sistema nativo de animaciones

Todas las formas que tienes en Javascript de comprobar si dentro de un string existe otro

Cerrar Vim se ha convertido ya en un meme del editor, pero, ¿cómo se sale de verdad de Vim sin tener que cerrar la terminal?

Aquí un conjunto de características y herramientas únicas que vienen por defecto en la terminal de Kitty

Las limitaciones y especificaciones a la hora de lanzar peticiones GET pasando un body con información

Algunos plugins interesantes que recomiendo usar en Vim y Neovim.

Doy mi opinión sobre el hype, cada vez más habitual en la actualidad, y de los downgrades de algunos videojuegos por culpa de este fenómeno

Mi lista personal de videojuegos que he jugado o quiero jugar, página en construcción

Una recopilación de artículos de programación del blog de CodingPotions.

Conoce a Diego López García, la persona que está detrás del proyecto de CodingPotions.

Una lista con todos los artículos sobre los que opino y reflexiono, principalmente sobre temas relacionados con la tecnología

Sesiones de música electrónica by Diego López. Escucha buena música durante 1 hora de duración y sin publicidad.

Hablo sobre las bondades de FZF, una herramienta que habilita un buscador con fuzzy find para buscar ficheros y todo tipo de cosas

Aprende a usar Svelte, un framework de desarrollo frontend muy sencillo de usar, y a la vez muy potente, alternativa a Vue y a React.

Varias formas de crear tipo de datos de Javascript para representar cadenas de caracteres, además de usos y funcionalidad que tiene

Vemos qué son las antiguas variables var de Javascript y por qué daban tantos problemas (hoisting), haciendo que ahora se creen las variables usando let y const.

Descubre cómo funcionan las variables en JavaScript y cómo puedes utilizarlas en tus proyectos web. Aprende los diferentes tipos de variables, cómo declararlas, asignarles valores y manipularlas.

Todos los feeds RSS que existen en el blog de CodingPotions

Javascript es el lenguaje que usan las páginas web, y además es uno de los más usados en el mundo, aprende a usarlo con estos artículos.

Aprende con este roadmap todo lo que necesitas para ser frontend developer (desarrollador web). Artículos pensados para aprender desde cero, sin conocimientos previos.

Página con la descripción de todo el hardware u software que uso en mi día a día

La lista de redes sociales en las que se encuentra CodingPotions

En esta guía aprenderás todo lo que necesitas para aprender Angular desde 0. Recopilación de todos los conceptos necesarios para convertirte en desarrollador profesional con Angular

Cuento mi experiencia usando emacs por primera vez viniendo de Vim (ojo opinión personal)

Con este pequeño truco vas a poder ignorar y eliminar ficheros y carpetas de git que acabes de meter al gitignore

Aprende a crear un hola mundo (hello world) en Javascript para iniciarte en este lenguaje para programar páginas web

Tutorial de vim con comandos para moverse de forma vertical en un fichero

Aprendemos lo básico para configurar Vim y Neovim y echamos un ojo a la configuración que uso yo en mi día a día en Vim

Algunos comandos del modo normal de Vim para moverte horizontalmente dentro de una línea

Qué es Vim, por qué es tan interesante y cómo empezar a usarlo desde cero

Sortilegios es una serie de artículos en las que se intenta enseñar programación aplicada a ejemplos prácticos

En este artículo aprendemos a construir una caja de texto en HTML que tenga autocompletado cuando el usuario escribe, y todo con Javascript vanilla, sin librerías

Apredemos qué es y para que nos puede servir aprender Javascript, además resolvemos el misterio de por qué lo llamaron Javascript.

Tutorial para abrir uno o varios ficheros en Vim. Vistazo también a plugin de árbol de directorios y fuzzy finder (Control + P)

Artículo recopilación de todos los comandos que puedes introducir en Vim cuando pulsas la tecla Escape en un fichero

Con este tutorial aprenderás tus primeros comandos y motions de Vim con los que empezarás a coger confianza con el editor

Guía con definiciones sobre acrónimos y palabras tećnicas (muchas en inglés) que se usan en mundo del desarrollo web y que deberías conocer

Guía con varias formas de implementar deep clone de objetos en Javascript de forma que también se copien propiedades internas y métodos

Aprende a instalar la última versión de Vim y Neovim tanto en Linux como en Windows y Mac.

En este artículo echamos un ojo a los changelogs, su importancia y por qué es bueno pillar el hábito de crearlos

Colección de atajos y combinaciones de teclado que son muy recomendables de aprender porque suelen funcionar en cualquier programa y entorno

En este tutorial aprendemos a crear y utilizar los métodos en los componentes de Vue para poder ejecutarlos dentro del componente

Si recientemente has aprendido a usar métodos y computadas te recomiendo este artículo para que aprendas las diferencias entre ambos

En este artículo aprenderás a crear computed properties en Vue para poder tener valores que dependen de otros

Cómo suscribirse al evento de click de Vue para poder ejecutar códifo en el componente cuando el usuario hace click en un elemento

Aprende a crear variables reactivas en Vue para usarlas en la vista y a crear variables estáticas, para mejorar performance

Vemos cómo crear condicionales de forma que se pinten o no elementos en pantalla dependiendo de una variable booleana

Aprende a usar Vue de forma práctica creando una web de ejemplo para poder anotar y completar tareas. Aplica tus conocimientos sobre Vue

Recopilación de artículos con opiniones personales y reflexiones sobre el mundo de la programación y del desarrollo web

Opino sobre el cruch, un fenómeno muy extendido en la industria de los videojuegos y del desarrollo

Aprende a usar HTML, un lenguaje de marcado que sirve para poder crear la estrucutura de elementos de una web

Todo lo que necesitas para aprender desde cero CSS para dar estilos a tus páginas web

Con este tutorial aprenderás a usar v-model para recoger el valor de un formulario de forma reactiva

Aprende a crear bucles en la vista de los componentes Vue para recorrer arrays y pintar listas o tablas

Estudio realizado a más de 300 personas del sector de la informática para analizar el salario de los desarrolladores en España en el año 2021

Echa un vistazo a este artículo si no sabes elegir entre vim y neovim

Todas las opciones que tienes a la hora de escribir código para frontend, tanto en local como en la nube

Artículo para gente que está empezando en el desarrollo web y quiere saber las partes que lo componen y algunos lenguajes muy usados

Inyección de dependencias es un patrón muy usado en el día a día del desarrollo de webs con Angular. Con este tutorial aprenderás para qué sirve y cómo se usa

Aprende a crear tu primera página web para crear notas y tareas con Angular. Tutorial desde cero para principiantes

Tutorial sobre el router de Angular para poder crear rutas en tu página web y asignar componentes en cada caso.

Con esta forma podrás ejecutar código en el componente cuando el componente se renderice por primera vez

VueJS es un framework para Javascript para crear páginas webs completas. Al estilo React pero mucho más sencillo de usar

Vue tiene una sintaxis muy cómoda para poder escuchar los eventos que ofrecen los navegadores de forma nativa, en este artículo aprendemoos a usarlos

Tutorial sobre cómo conseguir meter valores y variables del componente dentro de su HTML, de forma dinámica.

Aprende para qué sirve cada carpeta y fichero que se crea al crear un proyecto Vue usando Vue CLI.

Aprendemos a usar Vue CLI para crear proyectos de Vue, arrancarlos, compilarlos e incluso para instalar plugins

Aprende a descargar y crear tus primeros proyectos con Vue

Cómo crear y almacenar cookies en el navegador de tus usuarios para poder recuperar información cuando el usuario salga de la página

En node no existe la función de replace.all, pero con este truco vas a poder reemplazar todas las ocurrencias de un string fácilmente.

Usando SVG vamos a explicar cómo sería la creación de un reloj analógico con movimiento de manecillas gracias a SVG.

Creamos un launchpad con Javascript que emite sonidos al hacer click en los pads. Echamos un vistazo a lo básico de CSS Grid

Aprende a crear tus primeras escenas en 3D usando la potencia de WebGL gracias a ThreeJS

Implementación de listas enlazadas, colas, pilas y árboles binarios de búsqueda en Javascript

Las fechas en Javascript son difíciles de tratar, pero con la librería de dayjs, una alternativa a momentjs no vas a tener ningún problema

Aprende a crear formularios con validación de los datos de forma manual o con librerías como VeeValidate y Vuelidate

Con los mixins puedes compartir métodos, computadas, variables, watchers y cualquier cosa entre componentes para evitar duplicidades

Aprende a crear componentes en Angular y asignarlos a rutas de la web para que el usuario pueda navegar por tu web

Cómo ejecutar en Vim un comando para la selección, muy útil por ejemplo para odenar líneas alfabéticamente

Aprende con las directives a manipular elementos del DOM simplemente insertando un atributo en la etiqueta HTML de la vista de los componentes

Lista indispensable de recursos de Angular de nivel avanzado para convertirte en un profesional de este framework

Aprende a crear y usar tus propios filters de Vue para poder dar formato a la vista de una forma muy sencilla

Aprende a crear un sistema completo de login y registro de usuario usando la técnica de autenticación de JWT.

Aprende a crear servicios en Angular y a hacer peticiones HTTP para su comunicación con un servidor o backend

Cómo mostrar arrays, listas y elementos de forma condicional. Creamos una web para crear notas en Angular

Tutorial para empezar a usar Angular. Vemos sus ventajas, estructura de carpetas y además lo comparamos con React y Vue.

Ejemplo práctico de creación de un sistema completo de creación de usuarios y login de los mismos

Aprenderás a enviar peticiones HTTP desde Vue usando axios. Usaremos una API de ejemplo con casos prácticos.

Aprende a crear componentes a los que pasar contenido desde fuera. También veremos los scoped slots una funcionalidad menos conocida de Vue

Aprende a controlar todo el proceso de creación, actualización y destrucción de los componentes.

En ese artículo aprenderemos cómo funciona el router de Vue que nos servirá para crear y gestionar rutas en la página

Aprende a enviar información desde el componente padre al componente hijo en Vue. En este tutorial vemos cómo emitir eventos desde los componentes de Vue

Vemos cómo instalar NPM en Windows Mac y Linux. Además echamos un vistazo a todos los comandos y funciones que ofrece

Entiende cómo crear parámetros de entrada en los componentes en Vue, esencial para conseguir componentes más flexibles

Cómo crear componentes material design con Angular. Guía de todo lo que puede ofrecer esta librería de componentes web

Framenworks js interesantes para usar en el desarrollo de páginas webs. Los mejores para tener en cuenta este año

Explicación de los métodos que existen para mejorar tu nivel y experiencia programando a nivel práctico

Aprende a usar el sistema de vista y templates de vue. Echamos un vistazo a los bucles y a los condicionales para dotar a la vista de más dinamismo

Entra y descubre qué bucle de los que hay en javascript es mejor para cada situación. Además echamos un vistazo a las instrucciones break y continue

Iniciación a VueJS. Vemos todo lo que puede ofrecer y además lo comparamos con Angular y React. Crea tu primer proyecto Vue.

Guía para usar Bootstrap, una de las librerías CSS más populares de los últimos tiempos, muy útil para iterar rápido y conseguir páginas responsive

Hello World en Vue, descubre la estructura que tienen los componentes y cómo crearlos

Descubre uno de los preprocesadores CSS más populares en la actualidad. Aprende a crear variables y estilos anidados en CSS.

En esta lista recomiendo las librerías de componentes más interesantes para usar en cualquier proyecto Angular. Con estas librerías vas a agilizar mucho el ciclo de desarrollo

Aprende cómo empezar a usar Jenkins para disfrutar de la integración contínua. Además de ver cómo instalar Jenkins y cómo usarlo vemos Blue Ocean el mejor plugin para crear tareas

Aprende a hacer testeo unitario de componentes y servicios en Angular con Jasmine. Además aprendemos a testear llamadas asíncronas

Aprende a conectar componentes entre sí. Echamos un vistazo a las maneras que hay de compartir información entre componentes

Los mejores comandos para git. Cómo hacer tu primer commit y cómo funcionan las ramas. Además veremos cómo administrar proyectos git.

Cómo aumentar el rendimiento en Angular 2 o posterior. Cómo eliminar la carga inicial de la aplicación web

Montando tu propio motor de renderizado 3D desde 0 para renderizar bloques estilo Minecraft en Java

Haciendo deploy de Angular sobre Nginx en Clouding.io. Cómo crear tu propio servidor VPS

En este artículo veremos qué son las pipes y cómo crearlas. Además echamos un ojo a las pipes que vienen por defecto (fechas, porcentajes, divisas, etc)

Qué es y como crear guards para el router en Angular. Protegiendo vistas privadas

¿Cómo crear formularios con Angular? Aprende como usar FormControl, FormGroup y FormBuilder en Angular

Las mejores y más populares tecnologías y frameworks para crear páginas web, tanto para frontend como para backend

¿Cómo hacer orientacion a objetos usando JavaScript? ¿Qué son los prototipos en JavaScript?