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

Proyectos con JavaScript y GitHub desde cero

16/29
Recursos

Aportes 33

Preguntas 22

Ordenar por:

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

o inicia sesi贸n.

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 鈥済it 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

鈥渃ode ./ -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 鈥淪elect 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 鈥淐reate 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 鈥淗ello, world HTML and JS鈥
      git push

Sincronizar con git

1. "code ./ -r" 2. Crear Archivos 3. Verificamos con "git status" 4. adicionamos con "git add -A" 5. Hacemos commit con mensaje "git commit -m "Hola este cambio es..."" 6. Enviamos al repositorio con "git push" 7. Actualizamos repositorio y ya debe estar todo lo creado.

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 馃槂

extension nombre?
Tengo una pregunta. Yo si se manejar Git y GitHub normalmente, 驴que beneficios me puede traer subir a GitHub los archivos que voy creando durante mi aprendizaje?

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 鈥淣ew鈥 (Nuevo) en la esquina superior derecha.
  3. Llena los detalles del repositorio:
    • Nombre del repositorio: simple-calculator
    • Descripci贸n (opcional): 鈥淐alculadora 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 鈥渃ode ./ -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 鈥渃ode鈥 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 鈥渃ode ./ -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