Fork a proyectos en GitHub

💡Pro tip❕❕

😵‍💫 cuando veas un codigo con dudosas practicas en vez de decir:

❌¡Esto esta todo mal hecho😤, fuchi guacala 🤢 ¡uagh!, renuncio 🚶‍♀️, montón de Juniors, * escupe en el suelo 💦 * yo SI les voy a enseñar como se hace todo!! 🧐

👨‍💻 JuanDc te recomienda esto :

✅ No hay que llegar a imponer, sino a contribuir y para eso hay que entender como esta el codigo con el que estan trabajando, su historia, las posibles fallas , lo que esta bien, lo que esta mal y hasta entonces se podra contribuir en el proyecto

(Repeti esa frase como 10 veces, fue muy divertido 😅, no cambies Juan!! )

Antes de que vayas a dar fork al archivo del Profe. Juan, te aconsejo no ponerle un nombre tan largo al repositorio, ya que escribirás una tesis en la terminal para poder llegar a esa carpeta, si no me crees mira la imagen de abajo:

Chale, problemas de novatos. 😅

En lugar de forkear un repositorio lo que yo suelo hacer es descargarlo. Hago eso porque si lo forkeo luego GitHub no me deja cambiarlo a privado. Y es que no quiero mostrar entre mis repositorios públicos una repo que no es mía. ¿Hay forma de forkear una repo y luego hacerla privada?

Yo al ver que el profe tiene 158.325 platzipuntos cuando yo con mis 5.967 me sentia reorgulloso.

Hermoso ver como se funcionan los cursos que he tomado. En mi caso no hare un FORK, ya tenia subido este proyecto hecho por mi y con mis modificaciones personales (puro HTML y CSS) desde que termine ese curso 💚

🚩📌⑃ Fork a un repositorio → Por lo general, las bifurcaciones se usan para proponer cambios en el proyecto de otra persona al que no tiene acceso de escritura, o para usar el proyecto de otra persona como punto de partida para su propia idea. Puede bifurcar un repositorio para crear una copia del repositorio y realizar cambios sin afectar el repositorio ascendente. 😊
🚀 https://docs.github.com/es/get-started/quickstart/fork-a-repo

aqui el link del repocitorio: https://github.com/platzi/curso-frontend-developer-practico/find/main

Hice ese mismo proyecto pero cada clase con su html y css puro y por separado. Voy a ver como me va trabajando con mi propio codigo.

fork Vs clone 😉

En GitHub, “fork” y “clone” son dos acciones diferentes que se realizan con diferentes objetivos:

1. “Fork”: Un “fork” es una copia de un repositorio que se aloja en tu cuenta de GitHub. Cuando haces un “fork” de un repositorio, tienes una copia completa del repositorio original en tu cuenta de GitHub que puedes utilizar para crear una nueva rama, realizar cambios o simplemente tener una copia de respaldo.

2. “Clone”: “Clonar” es un proceso que te permite descargar una copia completa del repositorio a tu equipo local. Esto te permite tener una copia local del repositorio en tu equipo y puedes trabajar en él sin conexión a Internet. Después de clonar el repositorio, puedes realizar cambios y subirlos de nuevo a GitHub.

En resumen, “fork” se utiliza para tener una copia del repositorio en tu cuenta de GitHub, mientras que “clone” se utiliza para tener una copia local del repositorio en tu equipo.

Posdata: Este texto fue la respuesta que me dio ChatGPT cuando le pregunté 🤭😅

“Como buenos Dev’s tenemos que aprender a utilizar nuestras herramientas, para completar nuestras actividades.”

React JS y JavaScript

Nunca está de más volver a repasar el esqueleto de las tecnologías que implican el Frontend, para saber a que se refiere con React JS:

_

Los Forks hasta el dia de hoy 2023/06/13

OJO: Si no haces lo que el prof Juan menciona al final cuando entras a un nuevo equipo de trabajo…tienes la posibilidad de que te vean así:

A todos lo que en un futuro vean esto, vean el minuto 9:30 a 1.5 o 1.75 de velcidad de reproduccion, no tiene precio jaja
En el buen sentido, me cae bien el profe.

👯 Archivos del Proyecto 👯

Pasos 📌

• • Se hará un fork (se clona y se contribuye al proyecto original) del proyecto del curso-frontend-developer-practico que está en github (enlace: aquí), dar click en la pestaña que dice “fork”, luego editar el nombre del proyecto: curso-frontend-developer-javascript, se puede colocar una descripción del proyecto, se da click en el botón verde que dice “create fork”.
   
• • Una vez hecho el fork, 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 git@github.com:marigabirodcue/curso-frontend-developer-javascript.git

• • En caso de que salga el siguiente error:

      Clonando en 'curso-frontend-developer-javascript'...
      ssh: connect to host github.com port 22: Connection timed out
      fatal: No se pudo leer del repositorio remoto.

• • Se debe crear, configurar y vincular las llaves ssh de la siguiente manera:
   
• • • para ello en la terminal se ejecuta:

ssh-keygen -t rsa -b 4096 -C "[email protected]"

• • • Si ya tenías un archivo viejo, te pregunta si quieres reescribir el archivo, le decimos que si con: y
     
• • • Pregunta por la ruta donde estará el archivo de ssh
     
• • Copiar todo lo que salió al crear el archivo y pegarlo en un archivo de texto.
   
• • Luego ir a la carpeta donde queda el archivo de ssh y ejecutar:

eval "$(ssh-agent -s)"

• • Entra a otra estancia en la terminal que termina de ésta manera: dquote>
   
• • Se debe ejecutar:

ssh-add ~/.ssh/id_rsa

• • Para salir se presionan las teclas Ctrl + c
   
• • Luego se copia la clave del archivo ssh, primero la haremos aparecer en la terminal ejecutando:

cat ~/.ssh/id_rsa.pub 

• • Aparecerá una clave muy larga que empieza con ssh-rsa y termina con el correo que tenemos vinculado a github, seleccionamos con el mouse todo ese texto, con el click derecho copiamos.
   
• • Vamos a configurar la llave ssh en github, dentro de github, al dar click a la imagen de nuestro perfil, sale un menú, dar click en “settings”, luego al lado izquierdo aparece un menú, dar click donde dice “SSH and GPG keys”.
   
• • Una vez dentro de la configuración de SSH, se da al botón que dice “SSH keys / Add new”, se puede colocar un título o nombre, se pega en el cuadro lo que copiamos de la terminal (el texto largo que empieza con ssh-rsa), luego dar en el botón verde: “Add SSH key”, si tienes verificación de doble factor puede que te pida un código, se ingresa lo que solicita. Y listo, debe aparecer en el cuadro “Authentication Keys” el título de la llave que acabamos de crear.
   
• • Ir a la terminal y ejecutar de nuevo: git clone [email protected]:marigabirodcue/curso-frontend-developer-javascript.git
   
• • Si sigue saliendo el mismo error, hay que verificar la configuración del archivo config, que está dentro de la carpeta .ssh, cuando se generó ssh, se creó una carpeta, ubicar la carpeta ejecutando el comando find (enlace de cómo usarlo: aquí):
   

find / .ssh

• • Una vez encontrada la carpeta .ssh, se busca el archivo config, para ver los archivos ocultos se ejecuta:

ls -lf

• • Si no se encuentra, hay que crearlo, para ello abrimos un editor de texto y pegamos:

      # Add section below to it
      Host github.com
        Hostname ssh.github.com
        Port 443

• • Guardamos, en la terminal ejecutamos:

ssh -T git@github.com

• • Debe salir el siguiente mensaje:

Hi xxxxx! You've successfully authenticated, but GitHub does not provide shell access.

• • Ahora si volvemos hacer: git clone [email protected]:marigabirodcue/curso-frontend-developer-javascript.git
   

• • Entrar a la carpeta del proyecto clonado: cd curso-frontend-developer-javascript
   

• • Al ejecutar ls debe salir los archivos LICENSE 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.
     

Si alguien es team dark y prefiere el proyecto versión oscura, puedes hacer fork o descargar la primera versión de mi repositorio 😊
Link aquí.

Contribuciones a Proyectos Existentes en GitHub

• En lecciones anteriores, aprendimos cómo conectar Git y GitHub a proyectos ya existentes de JavaScript o cómo crear proyectos desde cero con Git y GitHub. Ahora, abordaremos un tercer escenario: contribuir a proyectos de otras personas.
• En este caso, vamos a tomar como ejemplo el proyecto del “Curso Práctico de Frontend Developer” de Teffcode en Platzi. Este proyecto consta de HTML y CSS, y nuestra tarea será agregarle JavaScript utilizando las habilidades que hemos adquirido en manipulación del DOM.
• Hay varias formas de abordar este proceso. Podríamos copiar y pegar manualmente el código HTML y CSS de este proyecto en uno nuevo y luego agregarle JavaScript. Sin embargo, esta no es una práctica profesional y no respetaría la historia del proyecto original.
• En cambio, lo recomendable es hacer un Fork del proyecto. Esto significa que tomaremos una copia de todo el historial de commits y archivos del repositorio original y lo tendremos en nuestra propia cuenta de GitHub. Esto nos permite trabajar en el proyecto de manera ordenada y respetar la autoría del proyecto original.
• Para hacer un Fork, simplemente visita el repositorio original en GitHub, en este caso, el “Curso Práctico de Frontend Developer” de Teffcode, y haz clic en el botón “Fork” en la esquina superior derecha. Esto creará una copia del repositorio en tu propia cuenta de GitHub.
• Una vez que hayas hecho el Fork, tendrás una copia del proyecto en tu cuenta, y podrás trabajar en él sin afectar el proyecto original.
• Puedes clonar este repositorio en tu máquina local usando el comando git clone y la URL de tu repositorio Fork.
• Después de clonar el repositorio, puedes abrirlo en tu editor de código preferido utilizando el comando code ./ -r (si estás usando Visual Studio Code).
• Ahora tienes acceso a todos los archivos del proyecto y puedes comenzar a trabajar en él. En este caso, nuestro objetivo es agregar JavaScript al proyecto HTML y CSS existente.
• Sin embargo, antes de hacer contribuciones significativas, es importante entender el código existente. Debes analizar cómo se estructura el proyecto, qué hace cada parte y cuál es la lógica detrás de las decisiones de diseño. Además, trata de comprender la historia del proyecto y por qué se construyó de esa manera.
• Una vez que comprendas el proyecto existente, podrás identificar áreas donde puedes hacer contribuciones útiles. Esto puede incluir la adición de interactividad, mejoras en la usabilidad, corrección de errores o cualquier otra mejora que consideres necesaria.
• Antes de comenzar a hacer contribuciones, es una buena práctica crear una nueva rama de desarrollo en tu repositorio local para trabajar en ella. Esto te permite separar tus cambios del código principal hasta que estés listo para hacer una contribución.
• Cuando estés satisfecho con tus cambios y consideres que están listos para ser compartidos, puedes crear un “pull request” en GitHub. Un pull request es una solicitud para fusionar tus cambios en el proyecto original. Esta es la forma estándar de contribuir a proyectos de código abierto en GitHub.
• En el pull request, puedes describir los cambios que has realizado, por qué son importantes y cómo se relacionan con el proyecto. El propietario del proyecto original revisará tus cambios y, si son aceptados, los fusionará en el proyecto principal.
• Contribuir a proyectos existentes en GitHub es una excelente manera de aprender y colaborar con otros desarrolladores. Asegúrate de seguir las mejores prácticas de contribución y respeta la autoría del proyecto original.
• En las próximas clases, comenzaremos a analizar el código del proyecto y a realizar contribuciones prácticas. Este proceso nos ayudará a aplicar nuestros conocimientos de JavaScript y a contribuir de manera significativa a un proyecto real.
• ¡Te espero en la próxima clase para empezar a trabajar en este emocionante proyecto!

Este profe se tarda demasiadoooo. Casi 5 minutos y no hemos hecho el famoso fork…

Si hiciste el curso de FRONTEND DEVELOPER PRÁCTICO no necesitas hacer un Fork, es muy buen practica tu mismo tener todo en tu repositorio y no estar clonando

06/09/2023

code . / -r para reutilizar ventana de vs code cuando quiero acceder a los archivos de la carpeta que clone

Que bueno que me hice mi repositorio
/kevindoblea/YardSale

Que bueno y de verdad que bueno que menciones lo de la imposición de buenas prácticas o la de mando todo al diablo y renuncio, a mi experiencia en esta carrera hay bastantes “seniors” que no conocen el trabajo en equipo y no va de entender código o líneas de comandos, va de la buena educación y el saber la palabra clave que comentas CONTRIBUIR

important

link del curso al cual se refieren:

Cómo Hacer un Fork de Proyectos en GitHub

Hacer un “fork” de un proyecto en GitHub es un proceso esencial para contribuir al desarrollo de proyectos de código abierto. Aquí tienes una guía paso a paso, junto con ejemplos de comandos de la terminal, para principiantes.

Paso 1: Crear una Cuenta en GitHub

Si aún no tienes una cuenta en GitHub, debes crear una. Ve a https://github.com/ y sigue las instrucciones para registrarte.

Paso 2: Iniciar Sesión en GitHub

Inicia sesión en tu cuenta de GitHub utilizando tu nombre de usuario y contraseña.

Paso 3: Buscar el Proyecto

Encuentra el proyecto que deseas “forkear” en GitHub. Puedes usar la barra de búsqueda en la parte superior de la página o explorar los repositorios populares.

Paso 4: Hacer Fork del Proyecto

1. Abre el repositorio del proyecto.
2. Haz clic en el botón “Fork” en la esquina superior derecha de la página. Esto creará una copia del repositorio en tu propia cuenta.

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

Ahora que tienes tu propio fork del proyecto, necesitas clonarlo en tu computadora para trabajar en él.

1. Abre tu terminal.
2. Navega a la ubicación donde deseas clonar el repositorio. Puedes usar el comando cd para cambiar de directorio. Por ejemplo:

cd ~/Documentos/Proyectos

1. Clona el repositorio utilizando el comando git clone seguido de la URL del repositorio. La URL se encuentra en la página del repositorio en GitHub. Por ejemplo:

git clone https://github.com/TuUsuario/NombreDelRepositorio.git

Paso 6: Trabajar en tu Repositorio Local

Una vez que has clonado el repositorio en tu máquina local, puedes hacer cambios en él utilizando tu editor de código favorito. Cuando hayas realizado cambios y estés listo para contribuir, sigue los siguientes pasos.

Paso 7: Añadir y Confirmar Cambios

1. Abre la terminal y navega al directorio del repositorio clonado.
2. Usa el comando git status para ver los archivos modificados.
3. Utiliza el comando git add seguido de los nombres de los archivos que deseas incluir en la confirmación. Por ejemplo:

git add archivo_modificado.js

1. Realiza una confirmación utilizando el comando git commit. Añade un mensaje descriptivo para explicar los cambios que has realizado. Por ejemplo:

git commit -m "Añadida función de ejemplo"

Paso 8: Enviar Cambios a tu Repositorio en GitHub

1. Antes de enviar los cambios, asegúrate de tener la última versión del repositorio original en tu fork. Usa el comando git pull para obtener los cambios más recientes:

git pull origin master

1. Luego, envía tus cambios a tu repositorio en GitHub utilizando el comando git push:

git push origin master

Paso 9: Crear una Solicitud de Extracción (Pull Request)

Una vez que hayas enviado tus cambios a tu fork en GitHub, estás listo para crear una solicitud de extracción al repositorio original.

1. Abre la página de tu fork en GitHub.
2. Haz clic en el botón “New Pull Request”.
3. Selecciona la rama de tu fork que contiene tus cambios.
4. Compara los cambios entre tu rama y la rama principal del repositorio original.
5. Completa la descripción de la solicitud de extracción explicando tus cambios.
6. Haz clic en “Create Pull Request” para enviar tu solicitud.

Paso 10: Esperar y Colaborar

Ahora has creado una solicitud de extracción. Los colaboradores del proyecto original revisarán tus cambios y podrían solicitar ajustes o fusionar tus cambios en su repositorio. Mantén un ojo en la solicitud de extracción para cualquier comentario o actualización.

¡Felicidades! Has aprendido cómo hacer un fork de un proyecto en GitHub y cómo contribuir a él. Recuerda que la colaboración en proyectos de código abierto es una excelente manera de aprender y mejorar tus habilidades de programación.

Recuerda que estos son solo ejemplos y que los comandos pueden variar según tu sistema operativo y configuración. Asegúrate de adaptarlos a tu entorno específico. ¡Buena suerte en tu viaje de contribución a proyectos de código abierto!

Espero haber sido de utilidad. 👨‍💻 (fuente; San Google)

tambien se puede ponerle un nombre corto el repositorio de hit hub

no pude hacer fork porque me falta la llave. Ya hice el tutorial de Freddy y no me funciona.

min 3:58
TEFF!!! .

Muy buen CONSEJO el que nos dio Juan en el final de la clase.
“Tratar de entender el proyecto en su totalidad”.
😃

🫡 Tipos de licencias: [https://choosealicense.com]

muy interesante que todo se va haciendo mas facil yo comprendi git y git hub desde la terminal y al final con visualStucioCode cambiar de rama o hacer el push para el repositorio esta super facilito , quiero sentir que domino javaScript vanilla , para cuando este en reac .js sea todo sencillo

fork!

Intentaré hacer el fork aunque realmente tengo los archivos del Yard Sale trabajado xd

Repaso de los componentes del curso Curso práctico de Frontend developer

_

profe nunca dejaste el link del repo.