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!

webcomponents

¿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!

dom

¿Qué es el DOM?

El DOM (Document Object Model) es como se conoce a la estructura de un documento HTML, formado por etiquetas HTML y sus características.

javascript

Tutorial inicial de Rollup

Rollup es un bundler Javascript, una herramienta que procesa pequeñas piezas Javascript y genera un archivo final, orientado al navegador.

eventos

¿Qué son los eventos?

Los eventos en Javascript son notificaciones de sucesos específicos que ocurren, y que suelen tener asociada una lógica de programación para realizar acciones.

fundamentos

¿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.

javascript

¿Qué es un Array en Javascript?

Los arrays son variables especiales que pueden almacenar una colección o agrupación de valores de diferente naturaleza en su interior.

vuejs

Estructura de carpetas de VueJS

¿Para qué sirve ese fichero que está dentro de la estructura de carpetas del proyecto Vue.js que creamos con el asistente create-vue? Sigue leyendo.

webcomponents

CSS en LitElement

En este artículo aprenderás las diferentes formas de gestionar estilos CSS en un componente Lit basado en LitElement, junto a ayudantes como classMap o styleMap.

astro

Creando componentes .astro

Al utilizar Astro no debemos simplemente escribir ficheros .astro sin ningún control. Piensa siempre en crear tus componentes para reutilizarlos siempre que sea posible.

webcomponents

Componentes con LitElement

LitElement es una clase base de una librería de Google llamada Lit, destinada a crear componentes nativos (WebComponents) reactivos de una forma más rápida, cómoda y productiva.

astro

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.

dom

Estilos CSS: El objeto style

El objeto style es una propiedad del DOM de Javascript mediante la cuál podemos acceder a estilos en línea de un elemento HTML. Te explico detalles modernos para utilizarla.

eventos

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.

dom

getElementById: Buscar en el DOM

Para trabajar desde Javascript con los elementos del DOM, necesitamos saber como buscarlos y acceder a ellos.

phaser

Primeros pasos en Phaser

En este artículo vamos a ver como trabajar con un primer ejemplo muy sencillo en Phaser, con una sola escena con una imagen y un texto.

nodejs

Comandos y parámetros

Antes de comenzar a trabajar con Node, se recomienda tener conocimiento del trabajo con argumentos y comandos. Te explico como funciona.

nodejs

Crear una API REST en Node

En este artículo vamos a crear varios endpoints en nuestra aplicación NodeJS.

asincronia

¿Qué es async/await?

En este post veremos cuales son los clásicos problemas al gestionar la asincronía con promesas basadas en then(). Introducción a las funciones asíncronas.

dom

La API de Nodos HTML

Existen varias formas de insertar elementos en el DOM desde Javascript, así como eliminarlos. Descubre en este artículo como se hace.

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