Lenguaje JS
Javascript es un lenguaje de programación muy flexible, utilizado (tanto en navegador como en servidores) para crear funcionalidades, automatizar tareas, modificar la estructura de una página, etc. Es considerado el lenguaje oficial de la web y aquí explicaremos como funciona.
Comienza a aprender
¿...o prefieres un roadmap?
Comienza a practicar
¿Ya sabes la teoría? ¡Es hora de ponerse a practicar!
¿Qué es un Map?
Explico la diferencia que existe entre los objetos de Javascript y las estructuras Map y WeakMap.
Javascript cliente en Astro
Por defecto, la parte superior de un fichero astro es código Javascript que se ejecuta en local. Aquí veremos como crear Javascript en cliente.
Texto: textContent vs innerText
Conoce las propiedades y métodos para acceder y modificar el contenido de texto de elementos HTML con JavaScript.
Bucles for
Los bucles for repiten un fragmento de código hasta que no se cumpla una cierta condición. Te los explico.
La carpeta node_modules
La carpeta node_modules es el almacén de paquetes que utiliza NodeJS a través de NPM y donde se guardan todas las dependencias de nuestro proyecto.
Zustand: Librerías de estado
Introducción y primeros pasos a la utilización de la librería de gestión de estado Zustand en una aplicación React. Te explico por qué utilizarla en nuestras aplicaciones.
Problemas de permisos con NPM
Es posible que te hayas encontrado problemas de permisos (EACCES) con NPM al instalar paquetes. Aquí te explicamos como solucionarlos.
TailwindCSS en Astro
Si necesitas utilizar Tailwind en un proyecto de Astro, sólo tienes que instalar la integración y configurar algunos ficheros. Te explico como hacerlo.
OxLint: Linter ultrarápido
OxLint es una herramienta de tipo linter que nos permite encontrar errores y problemas en nuestro código Javascript. Está desarrollado en Rust, lo que lo hace mucho más rápido que ESLint.
Propagación de Custom Events
Aprende sobre la propagación de eventos personalizados en Javascript, ver la trayectoria del evento o detener la propagación. Te lo explico con ejemplos.
Fechas relativas: RelativeTimeFormat
Javascript incluye una API moderna para gestionar fechas relativas (hace X días, dentro de X horas, etc...). ¡Aprende a utilizarla!
El archivo package.json
NPM gestiona todos los detalles de un proyecto a través de un archivo llamado package.json que se encuentra en la carpeta raíz del proyecto.
Navegar por elementos del DOM
Es posible acceder a diferentes elementos conociendo la jerarquía del DOM y la relación entre ellos, algo interesante en ciertas ocasiones.
getElementById: Buscar en el DOM
Para trabajar desde Javascript con los elementos del DOM, necesitamos saber como buscarlos y acceder a ellos.
Creando controladores
Si comenzamos a añadir muchos endpoints a nuestra API se volverá difícil de mantener. Te explico como evitarlo.
JSX: El HTML de React
Aprende la sintaxis JSX en componentes funcionales de React. Primeros pasos para descubrir como escribir código HTML desde React.
¿Qué es el desarrollo de software?
¿En qué sectores suele trabajar un desarrollador y que tareas realiza? Damos un repaso a muchos de los sectores que suele tocar un programador.
Directiva v-on (eventos)
Mediante la directiva v-on (@) podemos asociar muy facilmente eventos Javascript a elementos del DOM, así como definir y personalizar sus particularidades.
Plantillas en WebComponents
Aprende crear código HTML para nuestros webcomponents de forma cómoda a través de plantillas o templates.
Videos
¿Prefieres contenido de video? ¡Echa un vistazo a mi canal!
¿Quién soy yo?
Soy Manz, vivo en Tenerife (España) y soy streamer partner en Twitch y profesor. Me apasiona el universo de la programación web, el diseño y desarrollo web y la tecnología en general. Aunque soy full-stack, mi pasión es el front-end, la terminal y crear cosas divertidas y locas.
Puedes encontrar más sobre mi en Manz.dev