Conceptos básicos de Javascript y programación general para aquellos que comienzan en el mundo de la Programación.
Javascript es un lenguaje de programación que se creó para aumentar las posibilidades de una página web. ¿En qué consiste?
En los navegadores web existe una ventana especial, la consola Javascript. Una especie de panel de control para programadores.
Antes de comenzar con Javascript, debes tener una serie de conceptos básicos bien claros.
Antes de comenzar con Javascript, debes tener una serie de conceptos básicos de programación bien claros.
ECMAScript es la especificación donde se define como debe funcionar Javascript y como se debe comportar en los navegadores web.
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!
A medida que el programa que creamos crece, es necesario controlar que caminos debe seguir. Para ello, es necesario conocer las estructuras de control.
Una parte importante de la base de la programación es comprender correctamente como funcionan los bucles y que posibilidades tenemos al crearlos.
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.
En programación hay ciertas convenciones a la hora de poner un nombre a una variable, función, clase u otro elemento.
Cuando nuestro programa se hace grande, necesitamos tener nuestro código organizado y listo para ser reutilizado.
Fundamentos específicos de programación y más concretamente de Javascript. Bases necesarias para comenzar a utilizar Javascript con destreza.
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?
Cómo declarar y utilizar variables o constantes en Javascript y sus ámbitos (var, let y const).
En Javascript, todo son objetos. Es imprescindible conocer las bases de los objetos y como funcionan en este lenguaje de programación.
En Javascript existe un objeto Number y varias funciones que permiten hacer gran cantidad de tareas con números.
En Javascript puedes realizar multitud de operaciones matemáticas de forma nativa, sin necesidad de librerías externas.
En Javascript, las variables de texto, o de tipo String, son los tipos de datos que permiten manipular texto y hacer multitud de cosas.
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.
Los arrays son variables especiales que pueden almacenar una colección o agrupación de valores de diferente naturaleza en su interior.
Funcionalidades de Javascript que requieren cierta destreza, soltura y conocimiento en este lenguaje de programación.
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.
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.
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.
JSON proviene de las siglas JavaScript Object Notation y se trata de un formato ligero de datos compatible nativamente con Javascript y muy extendido.
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.
En Javascript, la herencia permite organizar clases utilizando una jerarquía que permite organizar mejor, escribir menos código y reutilizar características.
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.
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.
En Javascript podemos hacer uso del import dinámico, el cuál nos permite cargar módulos dependiendo de nuestra lógica.
Manipulación de los elementos HTML (etiquetas) de una página y sus caracaterísticas, a través de Javascript, de forma dinámica.
El DOM (Document Object Model) es como se conoce a la estructura de un documento HTML, formado por etiquetas HTML y sus características.
Para trabajar desde Javascript con los elementos del DOM, necesitamos saber como buscarlos y acceder a ellos.
En Javascript debemos saber crear y modificar elementos HTML desde Javascript. Para ello, hay que aprender a manipular el DOM.
Existen varias formas de insertar elementos en el DOM desde Javascript, así como eliminarlos. Descubre en este artículo como se hace.
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.
Es posible acceder a diferentes elementos conociendo la jerarquía del DOM y la relación entre ellos, algo interesante en ciertas ocasiones.
Formateo, trabajo y manipulación de fechas, tiempos y otros aspectos relacionados.
Javascript incorpora un tipo de dato especial para guardar las fechas, que permite realizar tareas básicas relacionadas con estos datos.
Javascript incluye una API moderna para trabajar con localización de fechas (entre otras) y representarlas nativamente de múltiples formas.
Javascript incluye una API moderna para gestionar fechas relativas (hace X días, dentro de X horas, etc...). ¡Aprende a utilizarla!
¿Cómo formatear fechas facilmente en Javascript? Utilizando la librería dayjs, una excelente alternativa a Moment.js o al Date nativo de Javascript.
Conceptos relacionados con temas multimedia (video y audio) utilizando Javascript
Apartado relacionado con la asincronía en Javascript: callbacks, promesas, etc...
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.
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.
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!
La API Promise de Javascript permite controlar facilmente grupos de promesas dependientes o independientes unas de otras.
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.
Conceptos básicos y avanzados sobre las peticiones HTTP, AJAX y otros temas relacionados.
Un navegador puede realizar peticiones HTTP directas o peticiones HTTP de forma transparente, sin necesidad de recargar la página. Profundicemos en este tema.
XMLHttpRequest (XHR) es un objeto especial de Javascript que permite realizar peticiones HTTP asíncronas (AJAX) de forma nativa desde Javascript.
Fetch es el nuevo mecanismo para realizar peticiones HTTP asíncronas de Javascript, basado en promesas. Aprende a realizarlas.
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.