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!
Propiedades y atributos
Las propiedades y atributos no son lo mismo en WebComponents, y no conocer esta diferencia puede llevar a confusiones. ¡Aprende más sobre ello!
Crear un cliente de WebSockets
Aprende a conectar y enviar datos en tiempo real con WebSockets, un protocolo de comunicación bidireccional disponible en el navegador.
Indentación de código
La indentación de código es una de las características que un buen programador debe aprender para crear un código legible y correcto.
El método dispatchEvent
El método dispatchEvent sirve para emitir eventos de un elemento HTML a otro, con el objetivo de enviar mensajes o realizar acciones de forma escalable y mantenible.
Plantillas en WebComponents
Aprende crear código HTML para nuestros webcomponents de forma cómoda a través de plantillas o templates.
El objeto Math
En Javascript puedes realizar multitud de operaciones matemáticas de forma nativa, sin necesidad de librerías externas.
¿Qué es una función?
Cuando nuestro programa se hace grande, necesitamos tener nuestro código organizado y listo para ser reutilizado.
Set: Operaciones de conjuntos
Cómo realizar operaciones de conjuntos como Unión, Intersección, Diferencia y Exclusión en Javascript
Promesas encadenadas
En muchas situaciones puede que necesitemos procesar promesas encadenadas, es decir, una promesa que devuelve otra promesa. Te explico como gestionarlo.
Textos en Phaser
A la hora de trabajar con Phaser es necesario incluir textos en nuestro juego. Te explico como hacerlo, modificarlos y darle formato.
¿Qué son los archivos .vue?
Los archivos .vue son los llamados componentes SFC (Single File Component) que se utilizan en Vue para crear partes reutilizables de una página.
Endpoints en Astro
Los endpoints de Astro nos permiten crear archivos específicos, tanto en rutas estáticas como dinámicas, como por ejemplo imágenes JSON, XML, imágenes o incluso crear una API estática.
¿Qué es el Shadow DOM?
¿Quieres entender el concepto de Shadow DOM de una forma sencilla y práctica? Su objetivo principal es encapsular CSS o Javascript. ¡Entra y te lo explico!
¿Qué son los bucles?
Una parte importante de la base de la programación es comprender correctamente como funcionan los bucles y que posibilidades tenemos al crearlos.
VueJS Cheatsheet
Hoja de referencia o CheatSheet del framework Javascript progresivo VueJS.
CSS Scoping en Shadow DOM
Existen formas de cambiar los estilos de nuestro componente dependiendo del contenedor del propio componente
¿Qué ruta seguir para aprender?
Descubre como aprender desarrollo web desde cero sin saltarte etapas ni adelantarte a temas más avanzados. Aquí encontrarás algunos roadmaps y rutas personalizadas.
Props y hooks en Atomico
Las props son los datos que se envían a un componente a través de los atributos HTML. En este artículo te explico como utilizarlos con Atómico.
Parámetros de una función
Cuando creamos una función, podemos introducir datos y la función puede devolver información. Profundicemos en esto.
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