No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

Curso Pr谩ctico de JavaScript

Curso Pr谩ctico de JavaScript

Juan David Castro Gallego

Juan David Castro Gallego

Fork a proyectos en GitHub

17/29
Recursos

Aportes 39

Preguntas 14

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

o inicia sesi贸n.

馃挕Pro tip鉂曗潟

馃樀鈥嶐煉 cuando veas un codigo con dudosas practicas en vez de decir:

鉂屄sto 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

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, 鈥渇ork鈥 y 鈥渃lone鈥 son dos acciones diferentes que se realizan con diferentes objetivos:

  1. 鈥淔ork鈥: Un 鈥渇ork鈥 es una copia de un repositorio que se aloja en tu cuenta de GitHub. Cuando haces un 鈥渇ork鈥 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. 鈥淐lone鈥: 鈥淐lonar鈥 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, 鈥渇ork鈥 se utiliza para tener una copia del repositorio en tu cuenta de GitHub, mientras que 鈥渃lone鈥 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茅 馃き馃槄

鈥淐omo buenos Dev鈥檚 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鈥ienes 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 鈥渇ork鈥, 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 鈥渃reate 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 鈥渟ettings鈥, luego al lado izquierdo aparece un men煤, dar click donde dice 鈥淪SH and GPG keys鈥.
  • 鈥 Una vez dentro de la configuraci贸n de SSH, se da al bot贸n que dice 鈥淪SH 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: 鈥淎dd 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 鈥淎uthentication 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 鈥淐urso 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 鈥淐urso Pr谩ctico de Frontend Developer鈥 de Teffcode, y haz clic en el bot贸n 鈥淔ork鈥 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 鈥減ull 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 鈥渟eniors鈥 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:

Soy solo yo o a alguien m谩s no le aparecen los recursos de las clases en esta nueva versi贸n UI de Platzi??? HELP!! :(

C贸mo Hacer un Fork de Proyectos en GitHub


Hacer un 鈥渇ork鈥 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 鈥渇orkear鈥 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 鈥淔ork鈥 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 鈥淣ew 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 鈥淐reate 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.
鈥淭ratar 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

No entiendo por qu茅 se vuelve a construir a partir de ese curso, del cual nunca dieron las explicaciones de por qu茅 se lo hizo tan mal, a la organizaci贸n de los archivos html y el css dentro del html. En el de React Pr谩ctico hay que rehacerlo completamente tambi茅n. Ya parece intransigencia de parte de Platzi.

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

_



profe nunca dejaste el link del repo.