- What's GIT
- Do a git tutorial
- how to do your first push on git
- student agreement
- git cheat sheet
- Make a web page
- why i stoppetd using java on my menu bar
version control it's like having a group of developers working on the same project from diferent devices at the same time and concentrated in one place and this place on the web have the history of the activity on each device.
every developer can work in diferent branches at the same time and have diferent aproaches to solve the same issue. and can go back to the previous version if he decides to leave that branch and go back to the "master branch"
this is a little graphic on a explanation on how git works the green circles are the master branch. then the blue ones are one device in one side od the world and the orange is another branch created in on another point in th project history.
I know Neil said just work trough a git tutorial and tell us about it but in my personal experiencie it was a really steep learning curve to begin with so i came with this step by step instructive that want to share. I installed Git bash on a Windows 10 computer so the instructions my change depending on the operative system you’re on.
- you will have to get installed git on your computer. You can go to git oficial site from HERE git oficial site then choose your OS.
- After finishing the installation process you want to créate your SSH.
- 2.1.-open git bash from your desktop shortcut or on Windows menú.
- 2.2.-type the comand to the key generator Command: $ ssh-keygen –t rsa –C “firstname.lastname@example.org” (you want to type your e-mail that you use to your git lab account)
- 2.3.- enter the directory in wich to sabe your SSH key by default is (C:/users/username/.ssh/id_rsa) verify thats were you you want it to be and hit enter.
- 2.4.- enter a passphrase (empty for no phrase) type it and press enter.
- 2.5.- enter same passphrase again type it and press enter.
- 2.6.- you will be prompted with message like…
- 15.1.- go to git bash and locate yourself inside the root folder of your repo it should look like this:
- 15.2.- manually drag and drop your files and folders to be commited and then Command: $ git add . (this will add all the changed files since the last push or pull or so) Command: $ git add filename.extension (this will only add that declared file)
- 15.3.- ask for status Command: $ git status (this will show all the files to be commited)
- 15.4.- make your firs commit. Command: $ git commit –m “type a message” (the message allows you to keep track on debugging or file changes
- 15.5.- ask for status Command: $ git status (this will show all the changes to be pushed)
- 15.6.- make your first push Command: $ git push –u origin master
Notes on yaml
As you start pushing your files of your own web page you should erase the default template fabacademy gave you you should. This are the folders that your repo initially came with.
But in order to your web page be properly displayed on the oficial web on the academy you need a yaml file in my case i had some advice to do this.
On the left side you have the original yaml file that came with and on the right side you have the template on the new yaml file. It’s just a few instruction to grab all the files and display it publicly on the fabacademy website.
HERE You can download my edition on the YAML file
if you type git commit -m "comment"you can close de commit "-m" stands for "message" this means that anything onthes "" will be a comment this can help when you wanna know the changes pushed on the commit
My web developer skills are still a work in progress but as an engineer i feel relativly comfortable arround programming languages. At first my friend and local instructor ivan suggested adobe muse because relativly easy to use GUI that software offers but it was quikly discarded due to it was unsupported to adobe on the 2019 version of their suite and in the university would have issues with licences. That’s why we tried to move to bluegriffon and open source software with a similar GUI to adobe’s muse but my greedy mind wanted a responsive menú on my web page and it was realy dificult for me to work with css and js in bluegriffon to be satisfied with the result so i have once more to move to another software so i came across brackets another open source Project not quite as user friendly as bluegriffon but it let me work with plain html,css,js and yml in the same interface that’s why i decided to dive further down in the rabit hole. i’m already learning html and other softwares on tutorials online.
i also used a CSS file in my repo just to get a feel of how i use it in html but all of my tags are simples with default fonts families,colors and sizes just every now and then i use some green texts wich is just and html id="green" atribute to call to a comand on css which set the font color to green.
Here you can download my student agreement from my repo Student agreement