¡Bienvenido/a al mundo de Javascript! Este artículo sirve como roadmap para su aprendizaje, desde aquí vas a poder saltar a otros artículos con explicaciones y ejemplos.
Lo primero que te recomiendo es que eches un ojo al artículo de Qué es Javascript ya que explico e introduzco el lenguaje y todo lo que puede ofrecer.
Lo siguiente, si nunca has programado, es que te pases por Entorno de desarrollo para frontend para que instales en tu ordenador lo necesario para poder programar. Si vienes de otros lenguajes el spoiler es que usamos el Vscode 🚧
Ahora que tienes lo necesario hora de ponerse manos a la obra. El primer paso como en cualquier lenguaje es hacer el mítico Hello world en Javascript, es decir, código que imprima "Hello world" en la consola.
Siguiente paso, las Variables, aquí explico cómo se crean las variables y cómo se pueden usar. Desde ahí puedes saltar a los tipos de variables: Strings, Números 🚧, Arrays 🚧 y Booleans 🚧
También recomiendo mirarse las Operaciones de Javascript 🚧 ya que te van a permitir hacer operaciones matemáticas y otras modificaciones sobre las variables que vimos en el artículo anterior.
Otro concepto importante son los Bucles en Javascript ya que nos permitirán crear instrucciones que podemos repetir las veces que queramos.
Importante es también conocer que existen las Functiones de Javascript 🚧, que te van a permitir crear pequeñas piezas de código que vas a poder reutilizar en otros puntos de tu programa.
Como Javascript es un lenguaje para crear webs, vas a necesitar saber lo básico del DOM 🚧 del navegador. He preparado este artículo con todas las Operaciones de Javascript con el DOM 🚧, así podrás conectar y usar Javascript con los elementos de la página web.
Un tema importante es la Asincronía de Javascript 🚧, en concreto la parte de Promesas en Javascript 🚧 y su nueva sintaxis de Async / await para promesas en Javascript 🚧.
Javascript tiene su propio gestor de dependencias con el que podrás instalar todo tipo de librerías y frameworks, se llama NPM y es conveniente aprender a usarlo.
Tutoriales prácticos
Tutoriales sobre librerías Javascript
Este blog ha sido archivado y no se subirán artículos nuevos. Si te gustan mis artículos sígueme en mi nuevo blog personal
Artículos que mencionan a este
Aprende la sintaxis para declarar tipos en el constructor y en los atributos de las clases
Aprendemos a usar los génericos, un concepto más avanzado y que te permitirá crear tipos más flexibles
Aprende a crear el típico botón para cambiar de tema en una web usando Javascript, variables CSS y localStorage
Aprende a generar y desplegar gratis tu propio blog en menos de 20 minutos, y con muchas opciones de personalización
Explora las técnicas para el tipado de arrays (arreglos) y usa esa ese mecanismo para tener un sistema de tuplas
Aprende todo lo que necesitas saber de Typescript, el lenguaje que añade tipos e interfaces a Javascript vanilla
Aprende a hacer parseos de strings en Javascript, por ejemplo a boolean, integer, float, objeto o arrays
Aprende a usar la herramienta oficial de Svelte y SvelteKit para el scaffolding de nuevos proyectos
Reflexión sobre la optimización que se hacía antes sobre software y videojuegos y que hoy en día no tiene tanta relevancia
Todas las formas que tienes en Javascript de comprobar si dentro de un string existe otro
Las limitaciones y especificaciones a la hora de lanzar peticiones GET pasando un body con información
Aprende a usar Svelte, un framework de desarrollo frontend muy sencillo de usar, y a la vez muy potente, alternativa a Vue y a React.
Varias formas de crear tipo de datos de Javascript para representar cadenas de caracteres, además de usos y funcionalidad que tiene
Vemos qué son las antiguas variables var de Javascript y por qué daban tantos problemas (hoisting), haciendo que ahora se creen las variables usando let y const.
Descubre cómo funcionan las variables en JavaScript y cómo puedes utilizarlas en tus proyectos web. Aprende los diferentes tipos de variables, cómo declararlas, asignarles valores y manipularlas.
Aprende a crear un hola mundo (hello world) en Javascript para iniciarte en este lenguaje para programar páginas web
Apredemos qué es y para que nos puede servir aprender Javascript, además resolvemos el misterio de por qué lo llamaron Javascript.
Guía con definiciones sobre acrónimos y palabras tećnicas (muchas en inglés) que se usan en mundo del desarrollo web y que deberías conocer
Todas las opciones que tienes a la hora de escribir código para frontend, tanto en local como en la nube
Artículo para gente que está empezando en el desarrollo web y quiere saber las partes que lo componen y algunos lenguajes muy usados
Aprende con este roadmap todo lo que necesitas para ser frontend developer (desarrollador web). Artículos pensados para aprender desde cero, sin conocimientos previos.
En esta guía aprenderás todo lo que necesitas para aprender Angular desde 0. Recopilación de todos los conceptos necesarios para convertirte en desarrollador profesional con Angular
VueJS es un framework para Javascript para crear páginas webs completas. Al estilo React pero mucho más sencillo de usar
Guía con varias formas de implementar deep clone de objetos en Javascript de forma que también se copien propiedades internas y métodos
Aprendemos a crear en CSS transiciones entre estilos de forma gradual, además echamos un ojo a su sistema nativo de animaciones
Entra y descubre qué bucle de los que hay en javascript es mejor para cada situación. Además echamos un vistazo a las instrucciones break y continue
Tutorial para empezar a usar Angular. Vemos sus ventajas, estructura de carpetas y además lo comparamos con React y Vue.