Proyectos con JavaScript y GitHub desde cero

No había visto el uso de la opción -A en git antes. ahora que reviso la documentación entiendo que es lo mismo que hacer “git add .”

Me estan hencantando estas clases ❤️, porque ademas de ir aprendiendo a dominar mas el lenguaje podemos repasar temas.
😃
Muchisimas felicidades a todo el equipo Platzi!!! ❤️

El mejor curso de Git/github que pueden hacer es el de Freddy.

Curso Profesional Git Github

“code ./ -r” puede ser reemplazado por arrastrar la carpeta donde trabajaremos dentro de VCode

Ya habia tomado el curso de Git y github y aun tenía dudas respecto a las llaves ssh y lo de la passphrase, iba a preguntar por aquí, pero antes decidí ir a las clases del otro curso, y aunque no se encontraba la informacion en la clase, la encontré en los aportes. Definitivamente Platzi y su comunidad se ha convertido en mi buscador favorito. Me ahorran mucho tiempo y ansiedades jaja.

¿Qué es la MIT License?

La MIT License es una licencia de software de código abierto que permite a los usuarios modificar, distribuir y utilizar el software con fines comerciales y no comerciales sin restricciones significativas. Algunas características de la licencia incluyen:

• Permite la distribución de software sin garantía ni responsabilidad.

• Permite la redistribución y modificación del software en cualquier forma.

• Requiere la inclusión del aviso de derechos de autor y de la licencia en todas las copias o cambios del software.

Antes de entrar a un curso recomiendo leer la biblia lo basico o los puntos que necesitas con referencia a los proyectos. luego Entra min 3 a 5 proyectos en frontend mentor y practica, haz los proyectos que esten a tu nivel.

A partir de ahi toma los curso de platzi, es un blow my mind el repaso a full que haces.
Asi aprendi a programar y conseguir interniship frontend mentor en 4 meses en una startup

Si después de tomar el curso de git y github se acostumbraron a los comando de la terminal de gitbash, pueden usar esa misma terminal en Visual Studio, dándole click al + y seleccionándola, tambien ponerla como predeterminada con “Select default profile”

Por lo que he visto esta no es la mejor de las terminales para usar con VSC pero por lo mientras a mi me funciona para los temas relacionados a Git y github

Mi resumen de la clase:

• Crear repositorio en GitHub: agregar el readme, gitignore y la licencia MIT.
• Crear el repositorio en Local:

git clone url-repo-gitgub

• Conectar VSCode con el proyecto

code ./ -r

me gusto esta clase!!! no sabia nada del tema

Es buena práctica hacer siempre primero git pull antes de hacer git push. Esto para evitar conflictos o percatarse de algún cambio que se haya realizado en el repositorio remoto.

code ./ -r (reabrir visual Studio code con la carpeta del proyecto)

Un atajo para no tener que usar

git add . 

git commit -am "texto del commit"

podríamos usar directamente

git commit -am "mensaje

⏪ Archivos del Proyecto 0️⃣

Pasos 📌

• • Se creará un proyecto desde en cero iniciando en github, se debe tener una cuenta en gitHub (enlace: aquí).
   
• • En github creamos un nuevo repositorio (buscar el menú desplegable al lado derecho y seleccionar “Create a new repository”) con el nombre de: curso-practico-javascript-desdecero, se va agregando las configuraciones como el nombre, la descripción, seleccionar de tipo público, activar la casilla para: Add a README file, seleccionar en Add .gitignore la palabra: Node, escoger la licencia de tipo MIT y finalmente se da click al botón verde para crear el repositorio.

• • • Una vez creado el repositorio, ir al botón verde donde dice: <> code, copiar el link de la pestaña SSH.
     
• • En la terminal, dentro de la carpeta del proyecto llamado curso-js-practico (para devolverse de carpeta ejecutar el comando: cd ..) ejecutar:

git clone url_que_acabas_de_copiar

• • Entrar a la carpeta del proyecto clonado: cd curso-practico-javascript-desdecero
   
• • Al ejecutar ls debe salir los archivos LICENSE y README.md generados automáticamente cuando se creó el repositorio en github.
   
• • Para ver todos los archivos, ejecutar: ls -lf
   
• • Abrimos el editor VS Code ejecutando: code .
   
• • Si ya tenías abierto VS Code, y tienes abierta la terminal del editor, se puede abrir el proyecto que queremos ejecutando desde la ruta de ese proyecto con: code ./ -r
   
• • ◦ Con -r el editor cierra la carpeta que se tenia abierto en VS Code para abrir en la carpeta del proyecto.
     
• • En VS Code, abrimos el archivo .gitignore y agregamos al final:

      # Editor
      .vscode

• • En la terminal de VS Code agregamos el cambio realizado al .gitignore:

      git add .gitignore
      git status
      git add -A
      git commit -m “Add .vscode to .gitignore”
      git push

• • Se recarga el github, y se comprueban los cambios en la página.
   
• • En VS Code, se crea el archivo script.js, el código queda:

console.log('Hello, world');

• • También se crea el archivo index.html, el código queda:

      <!DOCTYPE html>
      <html lang="en">
      <head>
          <meta charset="UTF-8">
          <meta http-equiv="X-UA-Compatible" content="IE=edge">
          <meta name="viewport" content="width=device-width, initial-scale=1.0">
          <title>Proyectos en GitHub desde cero (con JS)</title> 
      </head> 
      <body>
           <script src="script.js"></script>
      </body>
      </html>

• • Una vez guardados los archivos, se debe actualizar en git y en github, se ejecuta en la terminal de VS Code:

      git status
      git add -A
      git commit -m “Hello, world HTML and JS”
      git push

Sincronizar con git

Un video donde se explica las licencias de código más comunes.

Video

Tip de Freddy en el Curso de Git y GitHub, antes de cualquier push, primero hacer un pull. Esto porque en un proyecto más grande, con más contribuidores, puede que alguien haya añadido algo después de que ya hayamos clonado el proyecto en nuestro local y lo que nosotros queramos subir cause un conflicto, o simplemente no tenemos los últimos cambios que se hicieron. Por eso nos traemos primero lo que haya (lo que nosotros no tengamos en local) con un pull, y luego enviamos los cambios que hicimos con un push.

Se está poniendo muy pero muy bueno el curso! Realmente un tremendo curso hasta el momento!!!

code ./ -r (reabrir visual Studio code con la carpeta del proyecto)

Abrir una carpeta usando la ventana actual con code ./ -r
.

.

.
También puedes usar code ., pero esto te abriría otra ventana de VS Code.
.

aiñññ te amooo mucho jajaja ya pude subir otro yo solita, solo me tengo aprender bien el proceso 😃 Gracias por explicar tan bonito 😃

Se supone que es un curso practico de javascript y hasta este punto todavia no he visto la practica, tenia mas practica el curso basico de javascript que este

Proyectos con JavaScript y GitHub desde cero

Vamos a crear un proyecto desde cero utilizando JavaScript y GitHub. En este ejemplo, crearemos un proyecto simple que consiste en una calculadora de suma en JavaScript. Aprenderás cómo configurar un repositorio en GitHub, trabajar con Git y colaborar en el desarrollo.

Paso 1: Crear un Repositorio en GitHub

1. Inicia sesión en tu cuenta de GitHub.
2. Haz clic en el botón “New” (Nuevo) en la esquina superior derecha.
3. Llena los detalles del repositorio:
   • Nombre del repositorio: simple-calculator
   • Descripción (opcional): “Calculadora de suma en JavaScript”
   • Mantén el repositorio público.
   • Agrega un archivo README.
   • Agrega un archivo .gitignore para Node.js (esto ignora archivos y carpetas que no deben incluirse en el repositorio).

Paso 2: Clonar el Repositorio en tu Máquina Local

Abre tu terminal o línea de comandos:

# Navega al directorio donde deseas clonar el repositorio
cd ruta/del/directorio

# Clona el repositorio
git clone https://github.com/tu-usuario/simple-calculator.git

Paso 3: Desarrollar y Confirmar Cambios

Crea un archivo calculator.js en la carpeta del proyecto:

// calculator.js
function add(a, b) {
    return a + b;
}

console.log(add(5, 3));

# Agrega y confirma los cambios
git add calculator.js
git commit -m "Agregada función de suma en calculator.js"

Paso 4: Subir Cambios a GitHub

# Obtén los últimos cambios del repositorio remoto (si los hay)
git pull origin main

# Sube tus cambios al repositorio remoto
git push origin main

Paso 5: Colaboración

Puedes invitar a un colaborador a tu repositorio para que siga estos pasos y contribuya con el desarrollo. Los colaboradores pueden clonar el repositorio, crear ramas, hacer cambios y enviar solicitudes de extracción (pull requests) para que revises y mezcles sus cambios.

Recuerda que este es un ejemplo muy simple. En proyectos reales, trabajarías en múltiples archivos, crearías ramas para nuevas características o correcciones, y seguirías prácticas recomendadas para la colaboración. Utilizar GitHub y Git te permite administrar eficientemente las versiones de tu código, colaborar con otros desarrolladores y mantener un historial sólido de cambios.

\

Espero les haya sido de utilidad. 👨‍💻

Que bueno que repasemos GitHub, no he practicado mucho desde que tomé el curso

ay que seguir practicando

El comando “code ./ -r” es una sintaxis específica del editor de código Visual Studio Code (VS Code) y se utiliza para abrir la carpeta actual y todas sus subcarpetas en VS Code de manera recursiva, es decir, abriendo todos los archivos y carpetas contenidos en la carpeta actual y sus subcarpetas.

El comando “code” se utiliza para abrir VS Code en la línea de comandos y “./” indica que se debe abrir la carpeta actual. La opción “-r” indica que se deben abrir todas las subcarpetas de manera recursiva.

Entonces, cuando ejecutas “code ./ -r” en la terminal, VS Code se abre y carga en el explorador de archivos todos los archivos y carpetas de la carpeta actual y sus subcarpetas. Esto es útil cuando estás trabajando en un proyecto grande con muchas subcarpetas y archivos y deseas acceder rápidamente a ellos en VS Code.

git!

Hacemos console.log
…
namas por hacerlo
 
sakldajslkdjaklsjdkas

Por eso me gusta hacer los cursos desde cero como si no supiera nada… tengo años usando git y colocando -u pero nunca supe por qué, hasta hoy. xDD