Git y GitHub: ¿Qué son y cómo hacer un perfil bonito en GitHub?

Hola mundo 👋 mi nombre es Francisco, fcoterroba en Internet y hoy os traigo un post en el que voy a hablar y vamos a acabar realizando, paso a paso, un precioso readme en nuestro perfil de GitHub! 🤩

Si no sabes si quiera qué es GitHub, no te preocupes! Aquí vas a conocer la importancia de GitHub, la filosofía, para qué sirve y muchísimo más! Saber usar Git y sus derivados como GitHub, GitLab, etcétera. Son la piedra angular de cualquier programador que se precie hoy en día! 👨‍💻

Antes de entrar en materia, aunque posteriormente te voy a explicar qué es, te recomiendo visitar un post que subí hace más de un mes, en el que explico muchos de los términos informáticos más usados en nuestro día a día. Ya que, en este post, verás palabras que probablemente no te suenen mucho. 🤯 Puedes leer el post aquí.

También quiero recordarte que hace unos meses subí un vídeo a mi canal de YouTube, muy interesante, enfocado en la domótica del hogar. Concretamente, conectamos, configuramos e instalamos una bombilla inteligente 💡 con la que puedes cambiar el color de la misma, apagarla, encenderla y muchísimo más simplemente haciendo uso de tu teléfono móvil y/o asistentes de voz cómo Google, Alexa, etcétera. 👇🏻

Antes de comenzar, tengo que dar las gracias a varias personas que me han ayudado, de manera directa o indirecta, a dar el salto hacia GitHub y más aún hacia crearme un perfil tan bonito cómo el que vais a ver dentro de muy poco! 👇

También agradecer a @RomaDev94 la ayuda para realizar este post!

¿No sabes qué es GitHub?

Seguramente, si no sabes qué es GitHub o toda la presentación que he hecho antes te ha sonado a chino 👲, no te preocupes, voy a intentar explicártelo al dedillo!

Antes de querer saber qué es GitHub, necesitas saber qué es Git.

Git es un software de control de versiones diseñado por Linus Torvalds (sí, ese señor que creó el núcleo Linux), pensado en la eficiencia y la confiabilidad del mantenimiento de versiones de aplicaciones cuando éstas tienen un gran número de archivos de código fuente.

Es multiplataforma y está escrito en varios lenguajes, entre ellos C, Perl, Tcl, Python, etcétera.

A fin de cuentas, por si la densa explicación no te ha servido, Git es un programa (o tecnología) que vive en la búsqueda de ser el sistema de control de versiones más utilizado en el mundo.

Cuando trabajas como programador, ya sea en una pequeña, mediana o gran empresa, vas a usar Git ya que, no vas a estar solo, estarás rodeado de otros programadores que, al igual que tú, tienen una meta a la que llegar, ya sea un deadline, módulo, paquete, etcétera.

Imagínate ahora, juntar 3, 5 o 20 programas distintos que cada programador está programando en ese momento. Sería un caos, ¿verdad? 🤯

Pues con ese problema llegó Git, haciendo de la sencillez su arma, consiguiendo unificar este tedioso problema.

No estoy aquí para seguir dándote la chapa mucho más pero si esto te interesa, te recomiendo ver los siguientes dos vídeos sobre Git y GitHub.

Te juro que empezamos ya…

Solamente, antes de empezar, quiero que hagamos un rápido ejercicio y que pienses (o me pongas en los comentarios), cuál de las dos imágenes que verás a continuación te parecen más llamativas o al menos que te harían pararte a leer detenidamente:

¿A o B?

¿Entiendes ahora la importancia de tener un perfil bonito en una red social tan importante para los programadores como es GitHub?

Ahora sí que sí, comencemos 👇

Empecemos por crear el repositorio de GitHub que se establecerá como perfil, para ello debemos crear un nuevo repositorio con el nombre de tu perfil y muy importante, añadir un archivo README.

Antes de comenzar a editar el archivo, personalmente te recomiendo que hagas dos cosas. Una de ellas es hacerte un croquis mental o dibujar sobre un folio o programa informático, cómo quieres que se vea tu perfil. No hay que improvisar en estas cosas.

Lo segundo es que esta parte de GitHub se escribe en markdown, un lenguaje de marcado ligero creado por John Gruber que trata de conseguir la máxima legibilidad y facilidad de publicación tanto en su forma de entrada como de salida, inspirándose en muchas convenciones existentes para marcar mensajes de correo electrónico usando texto plano.

Si no sabes cómo usar MarkDown te ánimo a que hagas tus primeras pruebas antes de empezar a confeccionar esta parte. Te dejo la guía definitiva en Español y un vídeo para explayarte más aún 👇

Quizás esto vaya por tendencias, no lo sé, pero lo que últimamente se está viendo comúnmente son los badges (cajas de colores llamativas para mostrar las tecnologías o certificaciones que uno posee), y las estadísticas.

Para lo primero yo os dejo Badgen, Shields.io y un repositorio para prácticamente copiar y pegar. Autor: Ileriayo

Para lo segundo os dejo el repositorio donde se explica y muestran los ejemplos al pie de la letra! Autor: anuraghazra

Voy a dejar mi código entero aquí abajo y posteriormente una imagen. Espero que os sirva de inspiración! 🤩

# Hi! I'm Fran! 👋🏻
Hola! my fullname is Francisco Juan Terroba Sánchez (fcoterroba on Internet)

I was born in 99 and right now I'm living in Malaga, Spain.
## Official Education 👨🏻‍🎓
2015-2017 | F.P.B. Informática y Telecomunicaciones. IES Belén, Málaga

2017-2019 | C.F.G.M. Sistemas Microinformáticos y Redes. IES Portada Alta, Málaga

2019-2021 | C.F.G.S. Desarrollo de Aplicaciones Web. IES Aguadulce, Almería
## Languages and Technologies 👨🏻‍💻
![](https://camo.githubusercontent.com/5d3b0191832237fcbfc6d4497524e8bb547c6bfc9eafb738d5205c629d202067/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f68746d6c352532302d2532334533344632362e7376673f267374796c653d666f722d7468652d6261646765266c6f676f3d68746d6c35266c6f676f436f6c6f723d7768697465)![](https://camo.githubusercontent.com/5ed492db9c79ad5990eda7dc80923377f0e7096b18a4d1e9b86c8987dc0e5aa5/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f637373332532302d2532333135373242362e7376673f267374796c653d666f722d7468652d6261646765266c6f676f3d63737333266c6f676f436f6c6f723d7768697465)![](https://camo.githubusercontent.com/62d37abe760867620e0baea1066303719d630a82936837ba7bff6b0c754e3c9f/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6a6176617363726970742532302d2532333332333333302e7376673f267374796c653d666f722d7468652d6261646765266c6f676f3d6a617661736372697074266c6f676f436f6c6f723d253233463744463145)![](https://camo.githubusercontent.com/a71f1a20d58a3506dd5f32dcb31461bd5102a0bd33dbf49db9195c589eaca8d7/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f707974686f6e2532302d2532333134333534432e7376673f267374796c653d666f722d7468652d6261646765266c6f676f3d707974686f6e266c6f676f436f6c6f723d7768697465)![](https://camo.githubusercontent.com/c32b4a3bd070f3239dd1d6ba6a791e231a1ce9f92a605b8942a93e42203840ae/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f632532302d2532333030353939432e7376673f267374796c653d666f722d7468652d6261646765266c6f676f3d63266c6f676f436f6c6f723d7768697465)![](https://camo.githubusercontent.com/0d3ae99a9dcced770f5a2e6d2395999c121d9975f3f1816ee3b3902a3c8e6a92/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f632b2b2532302d2532333030353939432e7376673f267374796c653d666f722d7468652d6261646765266c6f676f3d63253242253242266f676f436f6c6f723d7768697465)![](https://camo.githubusercontent.com/256f498d9e3128b19f8cb5558884749179db9118aaa6e31d3f7c5da34edf5c8c/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f632532332532302d2532333233393132302e7376673f267374796c653d666f722d7468652d6261646765266c6f676f3d632d7368617270266c6f676f436f6c6f723d7768697465)![](https://camo.githubusercontent.com/7858f416aa93ee56048ca2eb473bdde10002398fc4ff05e08faf6cb3cbb5bce1/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6a6176612532302d2532334544384230302e7376673f267374796c653d666f722d7468652d6261646765266c6f676f3d6a617661266c6f676f436f6c6f723d7768697465)![](https://camo.githubusercontent.com/a05090df3be7e139e4cde9f3dd44986c26cd512148a98272602fc7f75f84bf49/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f7068702532302d2532333737374242342e7376673f267374796c653d666f722d7468652d6261646765266c6f676f3d706870266c6f676f436f6c6f723d7768697465)![](https://camo.githubusercontent.com/cbe540fa5f1bd4860434caea1ebe43419ed42d92d54084d529c3a93a67139f10/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f73776966742532302d2532334641373334332e7376673f267374796c653d666f722d7468652d6261646765266c6f676f3d7377696674266c6f676f436f6c6f723d7768697465)![](https://camo.githubusercontent.com/ea18354a9388ff60454e60f2c305fc4b5e6749d6101d6e849f5340e20e980c7e/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f676f2532302d2532333030414444382e7376673f267374796c653d666f722d7468652d6261646765266c6f676f3d676f266c6f676f436f6c6f723d7768697465)![](https://camo.githubusercontent.com/b7a19e0282106094db12a16c34d7a0733a159b9fda56e68bbe9c82e8f4ed2bac/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6d61726b646f776e2532302d2532333030303030302e7376673f267374796c653d666f722d7468652d6261646765266c6f676f3d6d61726b646f776e266c6f676f436f6c6f723d7768697465)![](https://camo.githubusercontent.com/d63f69f39b73065f70f890c1728b2cb18c2d51b6b78608f52b0cd3bbfb2cb685/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f72656163745f6e61746976652532302d2532333230323332612e7376673f267374796c653d666f722d7468652d6261646765266c6f676f3d7265616374266c6f676f436f6c6f723d253233363144414642)![](https://camo.githubusercontent.com/c567bc8fea35a350406f3ad80e2ec6dd76dea5f756187908f35322bbbc8bc77c/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f626f6f7473747261702532302d2532333536334437432e7376673f267374796c653d666f722d7468652d6261646765266c6f676f3d626f6f747374726170266c6f676f436f6c6f723d7768697465)![](https://camo.githubusercontent.com/c9d0db0a5c179f2fcf0a460d9b7e75ef516bfdc1e1681bc61f43c9b435bc96a9/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f646a616e676f2532302d2532333039324532302e7376673f267374796c653d666f722d7468652d6261646765266c6f676f3d646a616e676f266c6f676f436f6c6f723d7768697465)![](https://camo.githubusercontent.com/5b0954917b2bba4427bcd394916a0d4835c54a69f3f8e9e6f8b1b475032eb894/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f666c61736b2532302d2532333030302e7376673f267374796c653d666f722d7468652d6261646765266c6f676f3d666c61736b266c6f676f436f6c6f723d7768697465)![](https://camo.githubusercontent.com/6aea43d076c7bf00489f1b347caa33fe5c4d84a8af2983804f8702632f2669ec/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6769746875622532302d2532333132313031312e7376673f267374796c653d666f722d7468652d6261646765266c6f676f3d676974687562266c6f676f436f6c6f723d7768697465)![](https://camo.githubusercontent.com/53341dc506f00aa83eeb4a2e1f63a3bf2c34ca67b1d4f64f2bcedc9033ba80e6/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f617a7572652532302d2532333030373243362e7376673f267374796c653d666f722d7468652d6261646765266c6f676f3d617a7572652d6465766f7073266c6f676f436f6c6f723d7768697465)![](https://camo.githubusercontent.com/34ccadf520703c5711dfb7efba2c8332b4098cc39d0cd23305690f39af35c9da/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4469676974616c4f6365616e2d2532333031363766662e7376673f267374796c653d666f722d7468652d6261646765266c6f676f3d6469676974616c4f6365616e266c6f676f436f6c6f723d7768697465)![](https://camo.githubusercontent.com/c644fa80e8dadef7444df5c9fc8df2deedd7706f3f58c9604776319cf0357c34/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f66697265626173652532302d2532333033394245352e7376673f267374796c653d666f722d7468652d6261646765266c6f676f3d6669726562617365)![](https://camo.githubusercontent.com/9e0499932b32086a7ff0af8641b01f3a487ef88ac94935956b0487cbd2657e9d/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6170616368652532302d2532334434323032392e7376673f267374796c653d666f722d7468652d6261646765266c6f676f3d617061636865266c6f676f436f6c6f723d7768697465)![](https://camo.githubusercontent.com/4524c09f8c821218b3c602e3e5a222ce00c290c2f87e264b40f398a6b486bd91/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6d7973716c2d2532333030303030662e7376673f267374796c653d666f722d7468652d6261646765266c6f676f3d6d7973716c266c6f676f436f6c6f723d7768697465)![](https://camo.githubusercontent.com/99bf3b488d680b2818999c752817d99a99989a6c47bd286ca038453143e11aeb/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f2d52617370626572727925323050692d4335314134413f7374796c653d666f722d7468652d6261646765266c6f676f3d5261737062657272792d5069)
## Unofficial Education 🤓
2018: ![](https://img.shields.io/badge/Google%20Act%C3%ADvate-Curso%20de%20Introducci%C3%B3n%20al%20Desarrollo%20Web:%20HTML-cyan)![](https://img.shields.io/badge/Google%20Act%C3%ADvate-Curso%20de%20Introducci%C3%B3n%20al%20Desarrollo%20Web:%20CSS-cyan)

2019: ![](https://img.shields.io/badge/Udemy-C%C3%B3mo%20crear%20documentos%20PDF%20en%20PHP-red)![](https://img.shields.io/badge/Udemy-Introducci%C3%B3n%20a%20Linux-red)![](https://img.shields.io/badge/Udemy-Shopify-red)![](https://img.shields.io/badge/Udemy-Aprende%20programacion%20basica%20con%20PHP-red)![](https://img.shields.io/badge/Udemy-Aprende%20PHP%20desde%20cero-red)![](https://img.shields.io/badge/Udemy-Aprende%20a%20guardar,%20consultar,%20editar%20y%20eliminar%20sesi%C3%B3n%20con%20PHP-red)![](https://img.shields.io/badge/Udemy-SQL%20Server:%20Sentencias%20y%20procedimientos-red)![](https://img.shields.io/badge/Udemy-Desarrollo%20web%20en%20HTML-red)![](https://img.shields.io/badge/LinkedIn-Productividad%20con%20un%20caf%C3%A9-blue)![](https://img.shields.io/badge/LinkedIn-DevOps%20con%20un%20caf%C3%A9-blue)![](https://img.shields.io/badge/LinkedIn-Big%20Data%20con%20un%20caf%C3%A9-blue)

2020: ![](https://img.shields.io/badge/Udemy-Bash:%20Interprete%20de%20comandos%20de%20Linux-red)![](https://img.shields.io/badge/Udemy-Introducci%C3%B3n%20a%20Java%20desde%20cero-red)![](https://img.shields.io/badge/Udemy-Aprende%20a%20enviar%20correo%20con%20PHP,%20MySQL%20y%20HTML-red)![](https://img.shields.io/badge/Codigo%20Facilito-Curso%20profesional%20de%20Python-green)![](https://img.shields.io/badge/Udemy-M%C3%A1ster%20en%20Python-red)
## Statistics 🧐
![](https://github-readme-stats.vercel.app/api?username=fcoterroba)

![](https://github-readme-stats.vercel.app/api/top-langs/?username=fcoterroba&layout=compact)
## Look at me! 👀
<a href="https://www.fcoterroba.com" target="_blank"><img src="https://img.shields.io/badge/WWW.FCOTERROBA.COM-WWW.FCOTERROBA.COM-white"></a>  <img src="https://img.shields.io/badge/fcoterroba%20-%23E4405F.svg?&style=for-the-badge&logo=Instagram&logoColor=white"/>  <img src="https://img.shields.io/badge/fcoterroba%20-%239146FF.svg?&style=for-the-badge&logo=Twitch&logoColor=white"/> <img src="https://img.shields.io/badge/fcoterroba%20-%231DA1F2.svg?&style=for-the-badge&logo=Twitter&logoColor=white"/>  <img src="https://img.shields.io/badge/fcoterroba%20-%23FF0000.svg?&style=for-the-badge&logo=YouTube&logoColor=white"/>  <img src="https://img.shields.io/badge/fcoterroba%20-%230077B5.svg?&style=for-the-badge&logo=linkedin&logoColor=white"/>  <img src="https://img.shields.io/badge/-fcoterroba-FE7A16?style=for-the-badge&logo=stack-overflow&logoColor=white"/>

Espero que os haya gustado el post de hoy, chic@s! Dejarme en los comentarios qué os ha parecido este toque de diseño que le hemos dado a probablemente la red social más importante dentro del mundo de los programadores y comentadme también qué os apetecería ver en la web! Contarme qué posts o sobre qué lenguajes os gustaría leer!

Espero también que tengáis una genial semana y nos vemos por aquí dentro de poquito! Un saludo y recuerda seguirme en las redes como TwitterFacebookInstagram y LinkedIn. 🤟🏻

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *