AprendeJS

KO | EN

gitlite — search

#hacktoberfest #react #llm #go #android #machine-learning #docker #awesome #cli #awesome-list #security #pytorch #ios #openai

(★ 10)

🌟 AprendeJS Es un repositorio donde encontraras una gran colección de ejercicios diseñados para practicar y mejorar tus habilidades en JavaScript, lógica de programación y manipulación del DOM. Los ejercicios están organizados por niveles de dificultad, ofreciendo retos tanto para principiantes como para desarrolladores más avanzados.

AprendeJS Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

![Banner de Ejercicios](https://github.com/EstebanPajaroDev/Javascript/blob/Primary/banner.png?raw=true)

# 🚀 Ejercicios de DOM y Lógica de Programación en JavaScript

¡Bienvenido a mi repositorio de ejercicios de JavaScript! Aquí encontrarás una serie de retos prácticos tanto para manipular el DOM como para mejorar tus habilidades de lógica de programación. Si eres un apasionado del desarrollo web y te encanta mejorar tu código, este repositorio es para ti.

---

## 📂 Contenido del Repositorio

1. [Introducción](#introducción)
2. [Características](https://github.com/EstebanPajaroDev/AprendeJS/blob/Primary/README.md#-caracter%C3%ADsticas)
3. [Ejercicios de Lógica](https://github.com/EstebanPajaroDev/AprendeJS/blob/Primary/README.md#-ejercicios-de-l%C3%B3gica)
4. [Ejercicios de DOM](https://github.com/EstebanPajaroDev/AprendeJS/tree/Primary?tab=readme-ov-file#-ejercicios-de-dom)
5. [Guía de Instalación](https://github.com/EstebanPajaroDev/AprendeJS/tree/Primary?tab=readme-ov-file#%EF%B8%8F-gu%C3%ADa-de-instalaci%C3%B3n)
6. [Cómo Contribuir](https://github.com/EstebanPajaroDev/AprendeJS/tree/Primary?tab=readme-ov-file#-c%C3%B3mo-contribuir)
7. [Buenas Practicas](https://github.com/EstebanPajaroDev/AprendeJS/blob/Primary/README.md#-buenas-pr%C3%A1cticas)
8. [Contacto](https://github.com/EstebanPajaroDev)

---

## 🎯 Introducción

Este repositorio contiene una colección de ejercicios que cubren:

- **Lógica de programación**: Problemas que desafiarán tu pensamiento algorítmico.
- **Manipulación del DOM**: Tareas prácticas para que puedas interactuar con la estructura de una página web utilizando JavaScript.

> **Nota**: Hay algunos errores, que debes arreglar y subirlo, ¿Te animas🦾?
> Los ejercicios están clasificados por nivel de dificultad, así que puedes empezar desde lo más básico hasta los desafíos más complejos.

---

## ✨ Características

- **👶 Nivel Básico**: Ejercicios fáciles para familiarizarte con los conceptos básicos.
- **🔵 Nivel Normal**: Problemas intermedios que requieren una comprensión sólida de JavaScript.
- **🟡 Nivel Medio**: Retos de dificultad media que profundizan en la manipulación del DOM y la lógica.
- **💥 Nivel Avanzado**: Desafíos que pondrán a prueba tus habilidades de programación y manipulación del DOM.

---

## 📝 Ejercicios de Lógica

Los ejercicios de lógica están diseñados para ayudarte a mejorar tu capacidad para resolver problemas de programación. Aquí hay algunos ejemplos:

| Nivel      | Ejercicios |
|------------|------------|
| 🟢 **Básico**  | `Conceptos basicos`, `Variables`, `Consola` |
| 🔵 **Normal**  | `Bucles`, `Arrays`, `Variables` |
| 🟡 **Medio**   | `JSON`, `Callbacks`, `Funciones` |
| 💥 **Avanzado**| `APIS`, `Diccionarios`, `Parametros` |

Cada archivo de ejercicio tiene una breve explicación de lo que debes hacer. Además, los ejercicios vienen con pruebas de ejemplo para que puedas comprobar tus soluciones.

---

## 🌐 Ejercicios de DOM

Los ejercicios de DOM están diseñados para que puedas practicar la manipulación de elementos en una página web. Aquí algunos ejemplos:

- **🖍️ Cambiar color de un elemento al hacer clic**: Aprende a interactuar con eventos en el DOM.
- **🧮 Calculadora Básica**: Construye una simple calculadora con JavaScript.
- **💡 Generador de Contenidos Dinámicos**: Crea contenido en la página web de forma dinámica.

Cada ejercicio está acompañado por un archivo HTML para que puedas probar el código directamente en tu navegador.

---

## ⚙️ Guía de Instalación

Para comenzar con los ejercicios, sigue estos pasos:

1. **Clona el repositorio**:
   ```bash
   git clone https://github.com/EstebanPajaroDev/AprendeJS.git

## 🤝 Cómo Contribuir

¡Gracias por tu interés en contribuir a **AprendeJS**! Aquí te mostramos cómo puedes hacerlo:

### 1. **Haz un Fork del Repositorio**
   - Dirígete a la página principal del repositorio en [GitHub](https://github.com/EstebanPajaroDev/AprendeJS).
   - Haz clic en el botón **"Fork"** en la parte superior derecha para crear tu propia copia del repositorio.

### 2. **Clona el Repositorio**
   - Una vez que hayas hecho un fork, clona el repositorio en tu máquina local:
     ```bash
     git clone https://github.com/tu-usuario/AprendeJS.git
     ```
   - Navega a la carpeta del proyecto:
     ```bash
     cd AprendeJS
     ```

### 3. **Crea una Nueva Rama**
   - Antes de realizar cambios, asegúrate de crear una nueva rama para tu funcionalidad o corrección:
     ```bash
     git checkout -b feature/nueva-caracteristica
     ```
   - **Nota**: Asegúrate de que el nombre de la rama describa claramente lo que estás contribuyendo.

### 4. **Realiza Cambios**
   - Realiza los cambios que deseas en el código. Puedes agregar, editar o eliminar archivos según sea necesario.
   - **Asegúrate de que tus cambios sean coherentes con la estructura del proyecto y sigan las mejores prácticas de codificación.**

### 5. **Haz Commit de los Cambios**
   - Una vez que hayas realizado los cambios, haz commit de ellos:
     ```bash
     git add .
     git commit -m "Descripción de los cambios realizados"
     ```
   - **Nota**: Escribe un mensaje de commit claro y descriptivo.

### 6. **Sube los Cambios a tu Fork**
   - Sube los cambios a tu repositorio remoto:
     ```bash
     git push origin feature/nueva-caracteristica
     ```

### 7. **Crea un Pull Request**
   - Dirígete a la página de tu fork en GitHub y haz clic en el botón **"Compare & Pull Request"**.
   - Añade una descripción detallada de los cambios que has realizado.
   - Asegúrate de que el pull request esté dirigido al repositorio original y a la rama principal (usualmente `main` o `master`).

### 8. **Espera la Revisión**
   - Una vez que envíes el pull request, los mantenedores del repositorio revisarán tus cambios.
   - Si todo está en orden, tu contribución será aceptada y fusionada en el proyecto.

### 9. **Mantente Actualizado**
   - Si el repositorio recibe cambios mientras trabajas en tu rama, asegúrate de mantener tu fork actualizado:
     ```bash
     git fetch upstream
     git checkout main
     git merge upstream/main
     ```

---

### 🌟 Buenas Prácticas
- **Documentación**: Si agregas nuevas funcionalidades, asegúrate de actualizar la documentación correspondiente.
- **Pruebas**: Si es posible, agrega pruebas para verificar que tu código funcione correctamente.
- **Comunidad**: Sé respetuoso con los demás colaboradores. Si tienes dudas, ¡pregunta! Este es un espacio de colaboración.

¡Esperamos tus contribuciones y gracias por tu ayuda para mejorar **AprendeJS**! 🎉

### Archivos para Anexar al Repositorio  
- **Carpetas:**  
  - `/logica` para los ejercicios de lógica (archivos `ejercicio1.js`, `ejercicio2.js`, etc.).  
  - `/dom` para los ejercicios del DOM (archivos `.js` con sus respectivos `.html`).

- **Ejemplo de archivo de ejercicio:**  
  ```javascript
  // ejercicio1.js (Nivel Básico)
  // Escribe una función que sume dos números e imprima el resultado en la consola.
  function suma(a, b) {
      console.log(a + b);
  }
  suma(3, 5); // Salida: 8

![Banner de Ejercicios](https://github.com/EstebanPajaroDev/Javascript/blob/Primary/Javascript-14-11-2024.gif)

AprendeJS

AprendeJS Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

AprendeJS

AprendeJS Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README