¡Bienvenido al repositorio oficial del curso! Aquí encontrarás todo el material de apoyo, ejercicios prácticos realizdos en clase y recursos extra del curso. ¡AQUI PODRÁS EXPANDIR Y PRACTICAR LO QUE APRENDEMOS EN CLASE!
💡 Nota: Recuerda que puedes marcar el repo como favorito y accederlo de manera más fácil
- Descripción del Curso.
- Requisitos Previos.
- Estructura del Repositorio.
- Instalación y Configuración.
- Contribuciones.
- Hojas de ayuda.
- Extensiones para VS Code.
- Recursos extra.
Este curso está diseñado para enseñarte las bases para el desarrollo web. Aprenderás no solo la sintaxis, sino también las mejores prácticas, patrones de diseño y resolución de problemas reales.
💡 Nota: Este material se actualiza periódicamente con nuevos módulos y/o retos de código.
Antes de empezar, asegúrate de tener instalado:
- Lenguaje/Entorno: Node.js.
- Editor de Código (IDE): Recomiendo VS Code —VS Code— pero puedes usar el IDE de tu preferencia.
- Git: Para gestionar las versiones y clonar el repo. Git.
- Github Desktop (Opcional): Una interfaz gráfica para gestionar tus repos. Importante entender antes como funciona Git para poder usar GitHub Desktop.
El contenido está organizado de la siguiente manera:
| Carpeta | Descripción |
|---|---|
estudiantes/grupo-año |
Aqui podras hacer tus aportes al repositorio. Escoge el tuyo. |
proyectos/ |
Aplicaciones reales construidas en el curso. |
ejercicios/ |
Ejercicio realizados en clase y/o de apoyo para los estudiantes. |
Sigue estos pasos para preparar tu entorno local:
- Clonar el repositorio:
git clone https://github.com/ArthurJ21/JavaScriptIntroductoryCourse
Si quieres añadir un ejercicio, ¡los Pull Requests son bienvenidos!
Sigue estos pasos:
- A esta punto, ya deberias tener un fork del proyecto en tu local. Si no lo tienes aún, haz un Fork(Clonar) del proyecto (Sección instalación y configuración).
Una vez lo hayas hecho, crea una rama para trabajar tu ejercicio. ¡NOTA!: Asegurate de tener los últimos cambios del repo en tu repo local. Para esto puede usar este comando para comprobar y hacer pull si es necesario (Asegurate de tener el area de trabajo limpia):
git fetch
- Crea una rama para trabajar. Te recomiendo esta estructura: AJH-CreacionDelReadme-G32026 donde:
- AJH son tus iniciales.
- CreacionDelReadme es una breve descripción del ejercicio.
- G32026 es el grupo al que perteneces y el año.
Lo puedes hacer con este comando(Recuerda estar sobre la rama principal):
git checkout -b AJH-CreacionDelReadme-G32026.
-
Navega a la carpeta estudiantes/grupo-año.
cd estudiantes/grupo-año -
Si es tu primera vez haciendo una contribución, crea una carpeta con tu nombre con la estructura tu-nombre.
mkdir arturo-hoyos
-
Haz un commit de tus cambios.
-
Envía el Pull Request.
💡 Nota!: Para efectos practicos del curso, los Pull Request se harán a la rama main directamente.
- Hoja de ayuda de comandos de Git.
- Hoja de ayuda CSS Grid.
Si usas VS Code como IDE y te llama la atención tener las extensiones que has podido ver en las clases, te comparto la lista:
- Auto Rename Tag.
- Better Comments.
- Bookmarks.
- CodeSnap.
- CSS Peek.
- Error Lens.
- Highlight Matching Tag.
- Live Preview.
💡 Nota: En está sección encontraras algunos cursos que serviran de refuerzo para los conocimientos adquiridos en clase, pero ten en cuenta que estos NO reemplazan las clases.
- Diagrama de Flujo: Qué es, símbolos y ejemplos.
- Guía de optimización en buscadores (SEO) para principiantes.
- HTTP response status codes
- Master GIT through play (Aprende GIT jugando).
- Ejercicios de Git.
- ¿Qué es DNS?
- ¿Qué son las cookies?
- Curso de CSS.
- Curso de Git y GitHub.
- Lógica condicional en JavaScript.