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!
Ámbitos o contextos
Los ámbitos son super importantes en el mundo de la programación, ya que definen desde y hasta donde existe algo.
Eventos de teclado
En este artículo aprenderás a gestionar las teclas pulsadas en una página desde Javascript a través de eventos.
Estructura de archivos
Estructura básica de un WebComponent (custom element) y las formas de cargarlos en nuestras páginas a través de HTML o Javascript.
querySelector: Buscar en el DOM
Para trabajar desde Javascript con los elementos del DOM, necesitamos saber como buscarlos y acceder a ellos.
Variables y constantes
Cómo declarar y utilizar variables o constantes en Javascript (var, let y const).
Rutas dinámicas
En Astro es posible crear rutas flexibles que tomen información de una fuente de datos y se repitan en diferentes rutas, sin necesidad de estar creando múltiples páginas.
AJAX: Peticiones HTTP
Un navegador puede realizar peticiones HTTP directas o peticiones HTTP de forma transparente, sin necesidad de recargar la página. Profundicemos en este tema.
¿Qué son los hooks?
Descubre que son y cómo funcionan los hooks de React y cómo simplificar tus componentes funcionales con ellos.
La API de Inserción Adyacente
Existen varias formas de insertar elementos en el DOM desde Javascript, así como eliminarlos. Descubre en este artículo como se hace.
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.
Asincronía con callbacks
Utilizando funciones callbacks podemos manejar la asincronía del código Javascript. Te explico como funciona y sus desventajas.
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.
Texto: textContent vs innerText
Conoce las propiedades y métodos para acceder y modificar el contenido de texto de elementos HTML con JavaScript.
Custom Elements (Mejora progresiva)
Una vez hemos creado un Custom Element, podemos usar mejora progresiva para añadirle funcionalidad avanzada. Te explico como hacerlo.
Directiva v-for (bucles)
La directiva v-for sirve para hacer bucles en Vue en la parte de código HTML, sin tener que realizar lógica Javascript. Profundicemos en aprender como funciona.
Crear una aplicación de Vue 3
El asistente de terminal create-vue es la forma oficial para crear proyectos y aplicaciones SPA con Vue 3 y Vite de forma práctica y sencilla.
¿Qué es una expresión regular?
Las expresiones regulares son un sistema para buscar, capturar o reemplazar texto mediante patrones de texto. Aquí podrás entender como se utilizan en Javascript.
Coloreando la terminal
Antes de comenzar con NodeJS, conviene adquirir experiencia trabajando con la terminal. Aquí veremos como darle color a una terminal.
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.
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