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?
easyEn los navegadores web existe una ventana especial, la consola Javascript. Una especie de panel de control para programadores.
easyAntes de comenzar con Javascript, debes tener una serie de conceptos básicos bien claros.
easyAntes de comenzar con Javascript, debes tener una serie de conceptos básicos de programación bien claros.
easyECMAScript es la especificación donde se define como debe funcionar Javascript y como se debe comportar en los navegadores web.
easyUna buena práctica es comentar nuestro código con buenas y útiles anotaciones para el programador (tanto nosotros como otras personas). ¡Aprende cómo!
easyA medida que el programa que creamos crece, es necesario controlar que caminos debe seguir. Para ello, es necesario conocer las estructuras de control.
easyUna parte importante de la base de la programación es comprender correctamente como funcionan los bucles y que posibilidades tenemos al crearlos.
easyLa 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.
easyEn programación hay ciertas convenciones a la hora de poner un nombre a una variable, función, clase u otro elemento.
easyCuando nuestro programa se hace grande, necesitamos tener nuestro código organizado y listo para ser reutilizado.
easyFundamentos 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?
easyCómo declarar y utilizar variables o constantes en Javascript y sus ámbitos (var, let y const).
easyEn Javascript, todo son objetos. Es imprescindible conocer las bases de los objetos y como funcionan en este lenguaje de programación.
easyEn Javascript existe un objeto Number y varias funciones que permiten hacer gran cantidad de tareas con números.
easyEn Javascript puedes realizar multitud de operaciones matemáticas de forma nativa, sin necesidad de librerías externas.
mediumEn Javascript, las variables de texto, o de tipo String, son los tipos de datos que permiten manipular texto y hacer multitud de cosas.
mediumJavascript incorpora un tipo de dato especial para guardar las fechas, que permite realizar tareas básicas relacionadas con estos datos.
mediumLas 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.
mediumLos arrays son variables especiales que pueden almacenar una colección o agrupación de valores de diferente naturaleza en su interior.
mediumFuncionalidades 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.
mediumLas expresiones regulares son un sistema para buscar, capturar o reemplazar texto mediante patrones de texto. Aquí podrás entender como se utilizan en Javascript.
mediumJSON proviene de las siglas JavaScript Object Notation y se trata de un formato ligero de datos compatible nativamente con Javascript y muy extendido.
easyLas 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.
mediumEn Javascript, la herencia permite organizar clases utilizando una jerarquía que permite organizar mejor, escribir menos código y reutilizar características.
mediumESLint es una herramienta «linter» que examina el código Javascript y ayuda al programador a escribir código de calidad, indicando errores de sintaxis o incluso de estilo.
mediumLos módulos de Javascript son una nueva característica que permite exportar e importar código desde archivos Javascript para modularizar el código y organizarlo mejor.
mediumManipulació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.
easyPara trabajar desde Javascript con los elementos del DOM, necesitamos saber como buscarlos y acceder a ellos.
mediumEn Javascript debemos saber crear y modificar elementos HTML desde Javascript. Para ello, hay que aprender a manipular el DOM.
advancedExisten varias formas de insertar elementos en el DOM desde Javascript, así como eliminarlos. Descubre en este artículo como se hace.
mediumExiste 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.
mediumEs posible acceder a diferentes elementos conociendo la jerarquía del DOM y la relación entre ellos, algo interesante en ciertas ocasiones.
advancedApartado 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.
easyLos 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.
mediumLas 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!
mediumLa API Promise de Javascript permite controlar facilmente grupos de promesas dependientes o independientes unas de otras.
mediumLas 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.
mediumConceptos 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.
easyXMLHttpRequest (XHR) es un objeto especial de Javascript que permite realizar peticiones HTTP asíncronas (AJAX) de forma nativa desde Javascript.
mediumFetch es el nuevo mecanismo para realizar peticiones HTTP asíncronas de Javascript, basado en promesas. Aprende a realizarlas.
mediumCORS (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