Git and GitHub: What are they and how to make a beautiful profile on GitHub?

Hello world 👋 my name is Francisco, fcoterroba on the Internet and today I bring you a post in which I am going to talk and we are going to end up making, step by step, a beautiful readme on our GitHub profile! 🤩

If you don't even know what GitHub is, don't worry! Here you will learn the importance of GitHub, the philosophy, what it is for and much more! Know how to use Git and its derivatives such as GitHub, GitLab, etc. They are the cornerstone of any self-respecting programmer today! 👨‍💻

Before starting, although later I will explain what it is, I will I recommend visiting a post that I uploaded more than a month ago, in which I explain many of the most used computer terms in our day to day. Since, in this post, you will see words that you probably do not sound a lot. 🤯 You can reed the post here.

I also want to remind you that a few months ago I uploaded a video to my YouTube channel, very interesting, focused on home automation. Specifically, we connect, configure and install a smart light bulb 💡 with which you can change its color, turn it off, turn it on and much more simply by using your mobile phone and/or voice assistants such as Google, Alexa, etc. 👇🏻

Before starting, I have to thank several people who have helped me, directly or indirectly, to make the leap towards GitHub and even more so to create a profile as beautiful as the one you are going to see very soon! 👇

Also thanks to @RomaDev94 the help to make this post!

Don't you know what is GitHub?

Surely, if you don't know what GitHub is or the whole presentation I made before sounded like Chinese to you 👲, don't worry, I'm going to try to explain it to you in detail!

Before you want to know what GitHub is, you need to know what it is Git.

Git is a version control software designed by Linus Torvalds (yes, that man who created the Linux kernel), designed for the efficiency and reliability of maintaining application versions when they have a large number of source code files.

It is cross-platform and is written in several languages, including C, Perl, Tcl, Python, etc.

After all, in case the dense explanation has not helped you, Git is a program (or technology) that lives in the search of being the most used version control system in the world.

When you work as a programmer, whether in a small, medium or large company, you are going to use Git since you will not be alone, you will be surrounded by other programmers who, like you, have a goal to reach, since be it a deadline, module, package, etc.

Imagine now, putting together 3, 5 or 20 different programs that each programmer is programming at that moment. It would be chaos, right? 🤯

Well, with that problem came Git, making simplicity its weapon, managing to unify this tedious problem.

I'm not here to continue telling you much more, but if this interests you, I recommend watching the following two videos about Git and GitHub.

I swear we're starting now...

Just, before starting, I want us to do a quick exercise and think (or tell me in the comments), which of the two images that you will see below seem most striking to you or at least that would make you stop and read carefully:

A or B?

Do you now understand the importance of having a beautiful profile on a social network as important for programmers as GitHub?

Now yes, let's start!

Let's start by creating the GitHub repository that will be established as a profile, for this we must create a new repository with the name of your profile and very important, add a README file.

Before you start editing the file, I personally recommend that you do two things. One of them is to make a mental sketch or draw on a piece of paper or a computer program how you want your profile to look. You don't have to improvise on these things.

The second thing is that this part of GitHub is written in markdown, a lightweight markup language created by John Gruber that tries to achieve maximum readability and ease of publication in both its input and output forms, taking inspiration from many existing conventions for marking. email messages using plain text.

If you don't know how to use MarkDown, I encourage you to do your first tests before starting to create this part. I leave you the definitly spanish's guide and a video for more informetion 👇

Maybe this is due to trends, I don't know, but what is commonly seen lately are badges (eye-catching colored boxes to show the technologies or certifications one has), and statistics.

For the first thing I leave you Badgen, Shields.io and a repository for copy-paste. Author: Ileriayo

For the second, I leave you the repository where it is explained and the examples are shown to the letter! Author: anuraghazra

I'm going to leave my entire code below and later an image. I hope it inspires you! 🤩

# 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"/>

I hope you liked today's post, guys! Leave me in the comments what you think of this design touch that we have given to probably the most important social network in the world of programmers and also tell me what you would like to see on the web! Tell me what posts or what languages you would like to read about!

And that would be all for today! I hope you liked doing it as much as I did! I also hope you have a great week and we'll see you here soon! Greetings and remember to follow me on the networks as TwitterFacebookInstagram and LinkedIn. 🤟🏻

Leave a Reply

Your email address will not be published. Required fields are marked *