OmbuShop Crea Tu Tienda Online

Git para diseñadores

  • Facebook
  • Twitter
  • LinkedIn
  • StumbleUpon
  • Email
  • RSS

¿Qué es Git?

Git es una herramienta que nos permite controlar versiones de nuestros proyectos y trabajar de forma colaborativa y descentralizada. Es particularmente relevante para diseñadores web, ya que es en esta área donde los diseñadores trabajamos con código.

Lidiamos con muchos archivos de texto plano escritos en lenguajes formales como HTML, CSS y JavaScript, que en muchos casos están siendo modificados por varias personas al mismo tiempo: diseñadores, programadores y  editores de contenidos.

Hoy en día la mayoría de los diseñadores y desarrolladores web utilizamos Github como servidor para guardar nuestros repositorios. Recomiendo que se suscriban a dicho sitio para dar los primeros pasos.

Otra alternativa es BitBucket, que incluso te permitirá tener repositorios privados en su plan gratuito.

¿Cómo instalar Git?

Interfaz gráfica de usuario (modo amigable)

Una vez creada la cuenta en  Github, podremos descargar la aplicación amigable con interfaz gráfica de usuario para Mac y para Windows, Esta aplicación nos permite el uso de Git sin mayores inconvenientes, a la manera que estamos acostumbrados a utilizar nuestras aplicaciones hoy en día: ventanas, botones, cursor, etc.

Línea de comandos (modo geek)

Por lo general, a medida que uno se vaya acostumbrando, es más práctico manejar Git desde la línea de comandos. A pesar de lo complejo que esto pueda parecer, su utilización es muy rápida y sencilla, a continuación los links con los instaladores de línea de comando para cada plataforma:

Una vez instalada la app para el manejo de Git desde línea de comandos, no tenemos más que abrir una sesión de la línea de comandos y escribir los comandos correspondientes a Git. Aquí hay una buena guía en español de los comandos de Git.

Configuración inicial

La configuración inicial es muy sencilla desde la web de Github o desde la aplicación nativa. Vamos a concentrarnos en cómo crear un repositorio desde la línea de comandos, que es lo que puede resultar más complejo para quien no está acostumbrado a ejecutar comandos desde allí.

Luego de abrir la línea de comandos, podremos configurar Git siguiendo los siguientes pasos. Lo primero es indicar el nombre de usuario, como sigue:

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

Lo siguiente será configurar el email (el mismo que utilizamos para la cuenta de GitHub), también es muy sencillo:

git config --global user.email "your_email@example.com"

Si necesitas más detalles para los pasos, puedes ver esta guía para el seteo de Git.

Creación de tu primer repositorio

Cuando trabajamos un proyecto con Github, dicho proyecto estará alojado en lo que llamamos repositorio. Un nuevo repositorio puede crearse desde la web de Github, desde la aplicación gráfica, o bien desde la línea de comando. Una vez hecho el repositorio, habrá una relación entre una carpeta local en tu disco rígido y el repositorio online en Github.

Por lo general, se clona el repositorio remoto en la computadora local. Trabajamos sobre la versión clonada local, y luego podremos empujar los cambios hacia el repositorio remoto cuando sea necesario.

Modificaciones en tu proyecto

Cuando trabajes en tu proyecto localmente, puede ser que necesites agregar nuevos archivos o sub-carpetas. Para eso existe el comando add:

git add <archivo o carpeta>

Por otro lado, también tenemos la posibilidad de confirmar una instantánea, una “foto” del proyecto en cierto momento puntual. De esa forma confirmas las modificaciones que hayas hecho sobre los archivos que estuviste trabajando. Esto se realiza con el comando commit:

git commit -m "Mensaje descriptivo de la modificación que has hecho."

El comando permite la inclusión de un mensaje que describe qué cambios fueron realizados al proyecto. De esta forma tendrás documentado qué archivos fueron modificados, exactamente en qué renglones y con qué objetivo (el mensaje).

Por último, status te permite verificar el estado de un proyecto, si ya has confirmado los cambios por medio de un commit, o no, etc.:

git status

Sincronizar con el repositorio remoto

Para mantener siempre una copia de seguridad en el repositorio remoto, conviene sincronizar para mantener los archivos actualizados. De la misma forma, si se trabaja en equipo, varios usuarios podrán trabajar de forma centralizada sincronizando sus cambios con el repositorio remoto.

Descargando desde el repositorio

Para descargar los últimos cambios que pueda tener el repositorio remoto (por ejemplo, cambios realizados por otros colegas), se puede utilizar el comando pull. A continuación lo estamos usando para que descargue los últimos cambios que se encuentren en el repositorio, desde el origen “master” (en este caso, la branch sobre la cual se está trabajando):

git pull origin master

Las branches (“ramas”, en inglés), son diferentes versiones de un mismo software, que pueden ir en palalelo. De forma tal que un grupo de personas pueda trabajar sin afectar al código principal en el cual sigue trabajando otra parte del equipo.

Subiendo cambios al repositorio

Para publicar los cambios que tenemos en nuestro entorno de trabajo local y subirlo al repositorio remoto, utilizamos el comando push, como sigue (también aclaramos que queremos subir los cambios al origen llamado “master”, en este caso):

git push origin master

Resumen

Luego de hacer los commit en nuestro entorno local, entonces, podemos hacer un pull —para descargar los últimos cambios que pueda haber hecho otra persona al repositorio remoto— y luego un push, para subir nuestros cambios locales al repositorio remoto —de forma tal que luego nuestros colegas puedan hacer pull de nuestros cambios hacia sus respectivos entornos locales—.

¡Esperamos que todo esto les sirva para hacer más y mejores tiendas online con OmbuShop!

  • Voy a ver si me bajo esta herramienta de la que hablas porque me gustaría empezar a tener más control sobre estos aspectos y puede ayudarme considerablemente a conseguirlo, gracias por la información