Roadmap JavaScript - Todo lo que necesitas aprender 🦅

¡Hola HaWkers! Sean todos muy bienvenidos a este Roadmap de JavaScript, donde vas a aprender todo lo que necesitas para despegar tu carrera en el mundo de JavaScript.

Este Roadmap tiene como principal objetivo acelerar la forma en que estudias, así entregándote un mapa donde puedes seguir en orden y avanzar los estudios en JavaScript, cubriendo desde tópicos básicos hasta tópicos avanzados para prepararte para enfrentar el mundo de los Frameworks que es donde realmente vas a capacitarte para conseguir iniciar tu carrera en el área de Desarrollo de Software.

Orientaciones básicas

Antes de proseguir, necesito que entiendas que este Roadmap está en construcción y es colaborativo.

La profundización de cada tópico específico será lanzada todos los días a lo largo del tiempo, entonces te aconsejo fuertemente a volver a este Roadmap todos los días para acompañar el lanzamiento de los contenidos de profundización.

Para acceder a los contenidos de profundización de cada tópico, basta con hacer clic en cada uno de los títulos, o en algún lugar que posea un link, y ya serás direccionado para la profundización del tópico específico. (Si el tópico aún no posee un link, es porque el artículo de profundización aún no fue desarrollado).

Cualquier duda, sugerencia o crítica. Por favor, utiliza la sección de comentarios al final del artículo para eso.

Vamos a comenzar

Para entender la mejor forma de estudiar y profundizarte en cada tópico, los separé por colores.

El nivel de clasificación de cada contenido está basado exclusivamente en mi opinión y experiencia propia en el área.

Puedes identificar cada nivel siguiendo las orientaciones de los siguientes colores:

• 🟣 Necesario saber, muy usado
• 🟡 Interesante saber, pero poco usado
• 🔴 Usado raramente
• 🟠 Configuración de ambiente

🟡 Introducción a JavaScript

• 🟡 ¿Qué es JavaScript?
• 🟡 Historia de JavaScript
• 🟡 Aplicaciones Prácticas de JavaScript
• 🟡 Versiones

🟠 Configuración del Ambiente de Desarrollo

• 🟠 Instalación Node.js y Npm
  • 🟠 Windows
  • 🟠 Linux/Mac
• 🟠 Editor de Texto
  • 🟠 Instalando Visual Studio Code en Windows
  • 🟠 Instalando Visual Studio Code en Mac
  • 🟠 Instalando Visual Studio Code en Linux

🟣 Entendiendo Variables

• 🟣 ¿Qué son variables?
• 🟣 Declarando variables
• 🟣 Hoisting
• 🟣 Reglas de nomenclatura
• 🟣 Scope de variables
  • 🟣 Scope Global (global scope)
  • 🟣 Scope de función (function scope)
  • 🟣 Diferencia

🟣 Tipos de datos (Data Types)

• 🟣 String
• 🟣 Number
• 🟡 BigInt
• 🟣 Boolean
• 🟣 Null
• 🟣 Undefined
• 🔴 Symbol
• 🟣 Object
  • 🟣 Accediendo las claves de un objeto
    • Notación de punto
    • Notación de corchetes
• 🟡 Type Casting

🟣 Estructuras de Datos (Data Structures)

• 🟣 Array
• 🟣 String
• 🟣 Object
• 🟡 Map
• 🟡 Set
• 🔴 Linked List

🟣 Comparaciones de igualdad (Equality Comparisons)

• 🟣 Operador de igualdad simple ( == )
• 🟣 Operador de igualdad estricta ( === )
• 🟢 Ejercicios Prácticos

🟣 Loops e Iteraciones (Loops and Interactions)

• 🟣 Lazo de Repetición For
  • 🟣 For Loop con Objetos
  • 🟣 Lazo de Repetición For...of
• 🟡 Lazo de Repetición While
  • 🟡 Loop Infinito: Una Trampa a Ser Evitada
• 🔴 Lazo de Repetición Do-While
• 🟣 Loop con Array
  • 🟣 forEach
  • 🟣 Utilizando Loops con Métodos de String
  • 🟣 Usando Loops con Funciones Asíncronas
• 🟡 Keyword continue dentro de Loops
• 🟡 Keyword break dentro de Loops
• 🔴 Lazos Anidados
  • 🟣 Loops y Recursión

🟣 Control de Flujo (Control Flow)

• 🟣 if
• 🟣 if...else
• 🟣 switch
• 🟡 if...else if

🟣 Expresiones y Operadores (Expressions and Operators)

• 🟣 Operadores de asignación (Assignment Operators)
• 🟣 Operadores de comparación (Comparison Operators)
• 🟣 Operadores aritméticos (Arithmetic Operators)
• 🟣 Operadores bit a bit (Bitwise Operators)
  • 🟣 AND
  • 🟣 OR
  • 🔴 XOR
• 🟣 Operadores lógicos (Logical Operators)
• 🔴 BigInt Operators
• 🟣 Operadores de string (String Operators)
• 🟣 Operadores condicionales (Conditional Operators)
• 🟣 El operador coma (Comma Operator)
• 🟣 Operadores unarios (Unary Operators)
• 🟣 Operadores relacionales (Relational Operators)

🟣 Funciones (Functions)

• 🟣 Parámetros de Funciones
• 🟡 Parámetros con valor predefinido (Default Params)
• 🔴 Parámetro Rest (Rest Params)
• 🔴 IIFEs (Immediately Invoked Function Expressions)
• 🔴 Arguments Object
• 🟣 Built-in Functions
• 🟣 Scope y pila de funciones (Scope and function stack (Call stack))

🔴 Modo Estricto (Strict Mode)

🟣 Usando (this) (this Keyword)

• 🟣 this en Arrow Functions
  • 🟣 Contexto Léxico (Lexical Context):

🟣 Programación Asíncrona

• 🟣 Callbacks
• 🟣 Promises
• 🟡 Callback Hell

🟣 Trabajando con APIs

🟡 Clases

• 🟡 Super

🔴 Iteradores y Generadores (Iterators and Generators)

• 🔴 Iteradores
• 🔴 Generadores

🟣 Módulos JavaScript (JavaScript Modules)

• 🟡 CommonJS
• 🟣 ECMAScript Modules (ES Modules)

🔴 Gestión de Memoria (Memory Management)

• 🔴 Hablando un poco sobre el ciclo de vida de la memoria

🟣 Usando Chrome Dev Tools

• 🟣 Aprendiendo a debuguear problemas
• 🔴 Aprendiendo a debuguear fugas de memoria (Memory Leak)
• 🔴 Aprendiendo a debuguear performance

Mantén la consistencia en los estudios.

Es posible que, al principio, los conceptos parezcan confusos, ¡pero no te desanimes! Continúa estudiando y practicando, porque, en algún momento, todo se volverá claro. ¡Y cuando eso suceda, no te olvides de compartir tus logros conmigo!

Explora otras fuentes de conocimiento.

La comunidad de desarrolladores es rica en recursos y colaboración. Por eso, continúa buscando otras fuentes de conocimientos como cursos, tutoriales, foros y grupos de discusión para perfeccionar aún más tus habilidades en este vasto mundo.

¡La disciplina es fundamental!

¡Dedícate e invierte tiempo en los estudios, todos los días! Recuerda que la dedicación y la persistencia son ingredientes indispensables para el éxito. Aunque no haya camino fácil, ¡con empeño, los resultados serán grandes!

Ten en mente que este roadmap representa solo el punto de partida. Ahora, te corresponde a ti continuar explorando, aprendiendo y evolucionando como desarrollador(a). ¡Tengo la convicción de que vas a prosperar en este universo!

Deseo del fondo de mi corazón un viaje extraordinario y, si tienes alguna duda, estaré siempre a disposición para ayudar.

Conclusión

Llegamos al final de nuestro "Roadmap JavaScript - Todo lo que necesitas aprender", ¡pero no termina ahí! ¡Tu viaje en el mundo de la programación apenas ha comenzado!

Si tienes interés en acceder a los contenidos de profundización antes de que sean lanzados por aquí. ¡Accede a este link para saber más!

No olvides también compartir tu evolución en los comentarios, será un gran placer acompañar tus evoluciones a lo largo del camino.

Ah, y sígueme también en mis Redes sociales. ¡Tengo certeza de que habrá algo por ahí que te va a ayudar a avanzar aún más!

Instagram - Youtube - Linkedin - GitHub

¡Vamos a por ello! 🦅