Aprendemos a usar los génericos, un concepto más avanzado y que te permitirá crear tipos más flexibles
Aprende la sintaxis para declarar tipos en el constructor y en los atributos de las clases
Aprende a fabricar nuevos tipos con la combinación de varios, en concreto con las operaciones AND y OR de los tipos
Por qué es importante usar el type correcto en los inputs HTML y algunos inputs types que son interesantes
¿Cuándo usar interfaces y cuándo tipos nombrados en Typescript? Aprende sus diferencias funcionales y a nivel conceptual
¿Qué son las interfaces de Typescript? ¿Para qué sirven? ¿Cómo se pueden extender y heredar las interfaces?
Aprende a crear tus propios tipos en Typescript para reutilizarlos a lo largo de todo el código
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
Todos los parámetros y configuraciones que deberías conocer de los ficheros tsconfig de Typescript
Aprende todo lo que necesitas saber de Typescript, el lenguaje que añade tipos e interfaces a Javascript vanilla
Aprende a generar y desplegar gratis tu propio blog en menos de 20 minutos, y con muchas opciones de personalización
Descubre cómo mejorar tu código tipando las entradas y la salida de las funciones en Typescript
Aprende a tipar cada una de las keys de los objetos en Typescript, además de marcar propiedades como opcionales
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
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
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
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"
Aprendemos a crear en CSS transiciones entre estilos de forma gradual, además echamos un ojo a su sistema nativo de animaciones
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?
Todas las formas que tienes en Javascript de comprobar si dentro de un string existe otro
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.
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.
Aprende con este roadmap todo lo que necesitas para ser frontend developer (desarrollador web). Artículos pensados para aprender desde cero, sin conocimientos previos.
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.
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
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
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
Sortilegios es una serie de artículos en las que se intenta enseñar programación aplicada a ejemplos prácticos
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)
Con este tutorial aprenderás tus primeros comandos y motions de Vim con los que empezarás a coger confianza con el editor
Artículo recopilación de todos los comandos que puedes introducir en Vim cuando pulsas la tecla Escape en un fichero
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
En este artículo echamos un ojo a los changelogs, su importancia y por qué es bueno pillar el hábito de crearlos
Aprende a instalar la última versión de Vim y Neovim tanto en Linux como en Windows y Mac.
Colección de atajos y combinaciones de teclado que son muy recomendables de aprender porque suelen funcionar en cualquier programa y entorno
Todo lo que necesitas para aprender desde cero CSS para dar estilos a tus páginas web
Aprende a usar HTML, un lenguaje de marcado que sirve para poder crear la estrucutura de elementos de una web
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
Con esta forma podrás ejecutar código en el componente cuando el componente se renderice por primera vez
Tutorial sobre el router de Angular para poder crear rutas en tu página web y asignar componentes en cada caso.
Aprende a crear tu primera página web para crear notas y tareas con Angular. Tutorial desde cero para principiantes
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
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 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
Lista indispensable de recursos de Angular de nivel avanzado para convertirte en un profesional de este framework
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.
Vemos cómo instalar NPM en Windows Mac y Linux. Además echamos un vistazo a todos los comandos y funciones que ofrece
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
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
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
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 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
Cómo aumentar el rendimiento en Angular 2 o posterior. Cómo eliminar la carga inicial de la aplicación web
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?
Una recopilación de artículos de programación del blog de CodingPotions.
Una recopilación de artículos de programación del blog de CodingPotions.