Curso Paginas Web

Inicio
Git

¿Que es Git? ¿Para qué sirve?

¿Que es GIT?

Git Se ha convertido en el estándar mundial para el control de versiones. ¿Y qué es exactamente?

Un sistema de control de versiones nos va a servir para trabajar en equipo de una manera mucho más simple y optima cuando estamos desarrollando software.

Con Git vamos a poder controlar todos los cambios que se hacen en nuestra aplicación y en nuestro código y vamos a tener control absoluto de todo lo que pasa en el código, pudiendo volver atrás en el tiempo, pudiendo abrir diferentes ramas de desarrollo, etc.

Vamos a poder trabajar en equipo de una manera muy sencilla y optimizada, de forma que si tenemos dos o tres personas trabajando en ciertas funcionalidades del proyecto y nosotros podemos estar trabajando en nuestra parte del código. Cuando acabamos de desarrollar nuestro código, utilizamos Git para mezclar los cambios con los otros compañeros. De forma que el código se mezcla de manera perfecta sin generar ningún tipo de fallo y de forma rápida.

También nos va a proporcionar un listado de los cambios(commits) y podemos volver atrás en el tiempo a cualquiera de esos cambios o commits.

Además tendremos la posibilidad de trabajar con ramas de desarrollo, que nos van a permitir desarrollar cosas que divergen mucho del programa principal.

Estas son las cosas más importantes que nos ofrece Git, es una herramienta imprescindible para cualquier desarrollador en la actualidad.

Algunos de los comandos basicos de git son:

1. git init
Este comando se utiliza para crear un nuevo repositorio Git vacío o para reinicializar un repositorio existente.
2. git clone
Este comando se utiliza para crear una copia local de un repositorio remoto.
3. git add
Este comando se utiliza para agregar archivos al área de preparación (staging area) antes de realizar una confirmación (commit).
4. git commit
Este comando se utiliza para confirmar los cambios realizados en los archivos agregados al área de preparación.
5. git push
Este comando se utiliza para enviar los cambios confirmados a un repositorio remoto.
6. git pull
Este comando se utiliza para obtener los cambios más recientes de un repositorio remoto y fusionarlos con el repositorio local.
7. git status
Este comando se utiliza para ver el estado actual del repositorio, incluyendo los archivos modificados, agregados o eliminados.
8. git branch
Este comando se utiliza para listar, crear o eliminar ramas en el repositorio.
9. git merge
Este comando se utiliza para fusionar una rama con otra rama activa.
10. git checkout Este comando se utiliza para cambiar entre ramas o para restaurar archivos a una versión anterior.

Para conectar Git a tu usuario, debes seguir los siguientes pasos:

Configurar tu nombre de usuario en Git: Puedes establecer tu nombre de usuario en Git utilizando el comando git config. Esto se puede hacer de forma global para todos los repositorios o para un repositorio específico. Aquí tienes un ejemplo de cómo configurar tu nombre de usuario de forma global:

git config --global user.name "Tu Nombre"

Configurar tu dirección de correo electrónico en Git: Al igual que con el nombre de usuario, también puedes configurar tu dirección de correo electrónico en Git. Aquí tienes un ejemplo de cómo hacerlo de forma global:

git config --global user.email "ejemplo@email.com"

Lo Primero es Instalar Git

Descargar git

Para verificar que está instalado ir al cmd o en un terminat de visual studio code y escribir
git --version

Modo de usar git y github en el curso básico de Html CSS y JS

Entramos en la página github github.com y creamos el repositorio

1) Crear un proyecto nuevo en vsc creando las carpetas css, js, img, vendor y la página index.html
2) Crear la página completa
3) Abril un terminal en VSC
4) Iniciar el repositorio local
- a. Escribimos git init
- b. Escribimos git add .
- c. Escribimos git commit –m “primer comit”
- d. Escribimos git remote add origin https://github.com/profWilliamArte/peliculasTres.git // lo que nos da el repositorio
- e. Escribimos git push -u origin master

Ahora solo falta configurar GitHub Pages para desplegar la pagina

1) Setting -> y el la sección Code and automation ->Pages
2) En la sección Buid and deployment en el botón main seleccionar la rama master que fue la que colocamos en el paso e.
3) Despues seleccionamos en el siguiente botón /docs lo cambiamos a root y le damos al botosn Save

Debe salir un mensaje en la parte superior Github Pages source saved.

Modo de usar git y github en el curso de React

Entramos en la página github github.com y creamos el repositorio

1) Abril un terminal en VSC
2) npm create vite@latest .
3) npm install
4) Limpiar y colocar el Hola mundo en App.jsx
5) probar localmente con npm run dev
6) npm i gh-pages -D // esto nos permitira publicar
5) Iniciar el repositorio local
- a. Escribimos git init
- b. Escribimos git add .
- c. Escribimos git commit –m “primer comit”
- d. Escribimos git remote add origin https://github.com/profWilliamArte/peliculasTres.git // lo que nos da el repositorio
- e. Escribimos git push -u origin main

Ahora solo falta configurar GitHub Pages para desplegar la pagina

Configurar gh-pages para hacer deploy y publicar al mismo tiempo

1) En el archivo vite.config.js agregar base: nombre.github.io/nombre del repositorio

		export default defineConfig({
		plugins: [react()],
			base: "https://nombredetucuenta.github.io/nombredelrepositorio",
		})

2) En el archive package.json en la sección de scripts predeploy y deploy

		"scripts": {
			"dev": "vite",
			"build": "vite build",
			"lint": "eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0",
			"preview": "vite preview",
			"predeploy": "npm run build",
			"deploy": "gh-pages -d dist"
		},