Skip to content

Latest commit

 

History

History
91 lines (60 loc) · 4.19 KB

File metadata and controls

91 lines (60 loc) · 4.19 KB

🚀 JavaScript Esencial: Tu Entrada al Desarrollo Web 🌐

¡Bienvenido al repositorio de mi curso de JavaScript Esencial de LinkedIn Learning! 🎉

Este espacio es mi cuaderno de trabajo y laboratorio personal donde aplico y refuerzo los conocimientos fundamentales adquiridos en el curso. Aquí encontrarás mi progreso, ejemplos de código, ejercicios resueltos y pequeños proyectos que me ayudan a consolidar las bases de JavaScript para el desarrollo web.


🎯 ¿De qué trata este curso?

Este curso es ideal para principiantes absolutos o para quienes desean refrescar y consolidar sus conocimientos de JavaScript en el contexto del desarrollo web. El objetivo principal es explorar el núcleo de este lenguaje y aprender los fundamentos esenciales para trabajar eficazmente en entornos web.


📖 Contenidos Clave del Curso (y de este Repositorio)

A lo largo de este curso (y en los archivos de este repo), exploramos:

  • Declaraciones y Variables: Cómo definir y almacenar datos.
  • Tipos de Datos y Operadores: Entendiendo los diferentes tipos de información y cómo interactuar con ellos.
  • Control de Flujo: if/else, switch, bucles (for, while) para dirigir la lógica de tu aplicación.
  • Funciones: Cómo organizar tu código en bloques reutilizables.
  • Manipulación de Elementos Web (DOM): Interactuando con el HTML y CSS de las páginas.
  • Gestión de Datos en Páginas Web: Cómo leer y modificar el contenido de una web de forma dinámica.

Todo explicado de manera clara, práctica y orientada a ejemplos reales para dominar las habilidades que te permitan empezar a construir interacciones en tus páginas web.


📂 Estructura de este Repositorio

Este repositorio está organizado de forma similar a las unidades o módulos del curso de LinkedIn Learning para facilitar el seguimiento de los temas.

  • Carpetas por Unidad/Módulo: Cada carpeta principal corresponde a una unidad o sección del curso.

    • ejemplo-unidad-01-fundamentos/
    • ejemplo-unidad-02-funciones/
    • ejemplo-unidad-03-control-flujo/
    • ...y así sucesivamente, con nombres que reflejen el contenido de la unidad.
  • Contenido de las Carpetas: Dentro de cada carpeta de unidad, encontrarás:

    • Archivos JavaScript (.js): Con ejemplos de código para cada lección.
    • Subcarpetas (opcional): Algunos ejemplos que incluyen interacción con HTML y CSS podrían estar dentro de subcarpetas para agrupar los archivos relacionados (ej. unidad-X/leccion-Y-interaccion-web/index.html, main.js, style.css).

💻 Tecnologías Utilizadas

  • JavaScript (ES6+): El lenguaje principal de estudio.
  • HTML & CSS: Para la estructura y el estilo de los ejemplos web.
  • Navegador Web: Para ejecutar y visualizar el código JavaScript directamente en el entorno web.
  • Node.js: Ocasionalmente para ejecutar scripts de JavaScript fuera del navegador.

▶️ Cómo ejecutar los ejemplos

  1. Clona este repositorio:

    git clone [https://github.com/JesusLuna2309/PracticasJavaScript.git](https://github.com/JesusLuna2309/PracticasJavaScript.git)
  2. Navega a la carpeta del ejemplo que quieras ver:

    cd PracticasJavaScript/ejemplo-unidad-0X-nombre-unidad/nombre-leccion
  3. Para ejemplos web (con HTML/CSS):

    • Abre el archivo index.html (o el .html principal) directamente en tu navegador web.
  4. Para scripts JavaScript puros (sin HTML, usando Node.js):

    • Abre tu terminal en la carpeta que contiene el archivo .js y ejecuta:
      node tu_archivo.js

💡 Próximos Pasos

A medida que avance en el curso y en mi aprendizaje, este repositorio seguirá creciendo. Mis próximos objetivos incluyen profundizar en temas como la asincronía, los módulos, y el uso de librerías comunes.


🙏 Feedback

¡Tu feedback es muy valioso! Si encuentras algún error, tienes sugerencias para mejorar un ejemplo o simplemente quieres compartir algún recurso útil, no dudes en abrir un Issue o Pull Request. ¡Gracias por acompañarme en este viaje de aprendizaje!


¡Feliz aprendizaje y a codificar! 🚀