ManzDev
Perfil de Manz Dashboard de actividad
HTML5 Etiquetas HTML
CSS CSS vanilla
PostCSS Transformador CSS
Javascript Javascript ES2020+
NPM Node Package Manager
WebComponents Componentes web
Terminal Terminal de GNU/Linux
VueJS Framework VueJS 3
Automatizadores Empaquetadores Javascript
Dibujando con CSS ¡Dibujos hechos con sólo CSS!

Lenguaje Javascript

Introducción a Javascript

Conceptos básicos de Javascript y programación general para aquellos que comienzan en el mundo de la Programación.

¿Qué es Javascript?

Javascript es un lenguaje de programación que se creó para aumentar las posibilidades de una página web. ¿En qué consiste?

easy

La consola Javascript

En los navegadores web existe una ventana especial, la consola Javascript. Una especie de panel de control para programadores.

easy

¿Cómo funciona Javascript?

Antes de comenzar con Javascript, debes tener una serie de conceptos básicos bien claros.

easy

Conceptos básicos

Antes de comenzar con Javascript, debes tener una serie de conceptos básicos de programación bien claros.

easy

La especificación ECMAScript

ECMAScript es la especificación donde se define como debe funcionar Javascript y como se debe comportar en los navegadores web.

easy

Comentarios de código

Una buena práctica es comentar nuestro código con buenas y útiles anotaciones para el programador (tanto nosotros como otras personas). ¡Aprende cómo!

easy

Estructuras de control

A medida que el programa que creamos crece, es necesario controlar que caminos debe seguir. Para ello, es necesario conocer las estructuras de control.

easy

Bucles e iteraciones

Una parte importante de la base de la programación es comprender correctamente como funcionan los bucles y que posibilidades tenemos al crearlos.

easy

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.

easy

Convenciones de nombres

En programación hay ciertas convenciones a la hora de poner un nombre a una variable, función, clase u otro elemento.

easy

Funciones básicas

Cuando nuestro programa se hace grande, necesitamos tener nuestro código organizado y listo para ser reutilizado.

easy

Fundamentos de Javascript

Fundamentos específicos de programación y más concretamente de Javascript. Bases necesarias para comenzar a utilizar Javascript con destreza.

Tipos de datos

Todas las variables que creamos suelen tener un tipo de dato asociado, que depende de la naturaleza de su contenido. ¿Qué tipos existen? ¿Cómo funciona?

easy

Variables y constantes

Cómo declarar y utilizar variables o constantes en Javascript y sus ámbitos (var, let y const).

easy

Objetos básicos

En Javascript, todo son objetos. Es imprescindible conocer las bases de los objetos y como funcionan en este lenguaje de programación.

easy

Variables numéricas (Number)

En Javascript existe un objeto Number y varias funciones que permiten hacer gran cantidad de tareas con números.

easy

Operaciones matemáticas (Math)

En Javascript puedes realizar multitud de operaciones matemáticas de forma nativa, sin necesidad de librerías externas.

medium

Variables de texto (String)

En Javascript, las variables de texto, o de tipo String, son los tipos de datos que permiten manipular texto y hacer multitud de cosas.

medium

Funciones

Las funciones son una de las partes más importantes del lenguaje Javascript junto a los objetos. Debemos dominar las funciones y todo lo que se puede hacer alrededor de ellas.

medium

Arrays

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

medium

Características

Funcionalidades de Javascript que requieren cierta destreza, soltura y conocimiento en este lenguaje de programación.

Array functions

Las array functions son métodos especiales que se pueden realizar sobre arrays y que permiten realizar operaciones complejas en poco código y de forma muy directa.

medium

Eventos en Javascript

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.

easy

Expresiones regulares (RegExp)

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.

medium

JSON

JSON proviene de las siglas JavaScript Object Notation y se trata de un formato ligero de datos compatible nativamente con Javascript y muy extendido.

easy

Clases ES6

Las clases son un sistema de organización de código que, de forma intuitiva y práctica, permite manejar funciones, variables y abstraer código de una forma muy lógica y entendible.

medium

Herencia de Clases

En Javascript, la herencia permite organizar clases utilizando una jerarquía que permite organizar mejor, escribir menos código y reutilizar características.

medium

ESLint

ESLint es un linter Javascript, una herramienta que examina el código buscando problemas, errores de sintaxis, e incluso ayudando a corregir malas prácticas en el estilo de programación.

medium

Módulos ECMAScript (ESM)

Los módulos de Javascript son una característica de 2015 que permite exportar e importar código desde archivos Javascript para modularizar y organizarlo mejor.

medium

Import dinámico en Javascript

En Javascript podemos hacer uso del import dinámico, el cuál nos permite cargar módulos dependiendo de nuestra lógica.

medium

DOM

Manipulación de los elementos HTML (etiquetas) de una página y sus caracaterísticas, a través de Javascript, de forma dinámica.

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

easy

Seleccionar elementos del DOM

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

medium

Crear elementos en el DOM

En Javascript debemos saber crear y modificar elementos HTML desde Javascript. Para ello, hay que aprender a manipular el DOM.

advanced

Insertar elementos en el DOM

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

medium

Manipular clases CSS (classList)

Existe una API de Javascript para manipular las clases CSS que tiene un elemento HTML, añadir nuevas clases, eliminarlas, etc... todo ello de forma dinámica.

medium

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.

advanced

Fechas y horas

Formateo, trabajo y manipulación de fechas, tiempos y otros aspectos relacionados.

Fechas nativas (Date)

Javascript incorpora un tipo de dato especial para guardar las fechas, que permite realizar tareas básicas relacionadas con estos datos.

medium

Formatear fechas con Intl

Javascript incluye una API moderna para trabajar con localización de fechas (entre otras) y representarlas nativamente de múltiples formas.

medium

Formatear fechas relativas con Intl

Javascript incluye una API moderna para gestionar fechas relativas (hace X días, dentro de X horas, etc...). ¡Aprende a utilizarla!

medium

Formatear fechas con dayjs

¿Cómo formatear fechas facilmente en Javascript? Utilizando la librería dayjs, una excelente alternativa a Moment.js o al Date nativo de Javascript.

easy

Multimedia

Conceptos relacionados con temas multimedia (video y audio) utilizando Javascript

API de Audio Javascript

Desde nuestro propio navegador podemos utilizar la API multimedia nativa de Javascript y manipular archivos multimedia (audio o video).

medium

Asincronía

Apartado relacionado con la asincronía en Javascript: callbacks, promesas, etc...

¿Qué es la asincronía?

En general, es habitual aprender a programar con código síncrono, pero Javascript utiliza en gran escala código asíncrono. Veamos de que se trata.

easy

Funciones callbacks

Los callbacks son funciones que se pasan por parámetro a otras funciones y, probablemente, la forma más básica de gestionar la asincronía en Javascript.

medium

¿Qué son las promesas?

Las promesas son un mecanismo de Javascript para controlar la asincronía de una forma legible, cómoda y práctica. ¡Aprende a crearlas y consumirlas!

medium

Promesas en grupo (Promise API)

La API Promise de Javascript permite controlar facilmente grupos de promesas dependientes o independientes unas de otras.

medium

Async/Await

Las funciones async/await son una característica añadida a Javascript para hacer más sencillo el uso de las promesas en nuestro código. Veamos como utilizarlas.

medium

Peticiones HTTP

Conceptos básicos y avanzados sobre las peticiones HTTP, AJAX y otros temas relacionados.

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.

easy

XHR: XMLHttpRequest

XMLHttpRequest (XHR) es un objeto especial de Javascript que permite realizar peticiones HTTP asíncronas (AJAX) de forma nativa desde Javascript.

medium

Fetch: Peticiones Asíncronas

Fetch es el nuevo mecanismo para realizar peticiones HTTP asíncronas de Javascript, basado en promesas. Aprende a realizarlas.

medium

Política CORS

CORS (Cross-Origin Resource Sharing) es un mecanismo de seguridad existente en los navegadores para controlar el modo en que se realizan peticiones asíncronas.

medium