GIT TUTORIAL FOR FREE
GIT TUTORIAL CODE
GIT TUTORIAL DOWNLOAD

GIT TUTORIAL CODE

and git commit -m 'div added' we can add this new code as a second Commit to our Branch.Įntering git log in our terminal will display all Commits inside our Branch:Įach Commit contains a unique ID, the author, the date and the Commit message (this -m 'your message' part). Let's add more code to our index.html file: Hello Some text Another text We have one Branch only at the moment, the asterisk indicates that we are also currently working in this Branch.

Although we didn't add any name, the master Branch was automatically created with our first Commit:

Git branch lists all Branches in our Repository. That was simple wasn't it? But what about Branches? I told you before that we automatically created our master Branch with our first Commit, but where can we see this Branch? #git branch ģ) We saved the current version of our code in a commit with git commit -m 'added starting code' Time for a quick summary before we dive deeper:ġ) We turned our project folder into a Git Repository with git initĢ) We told Git to track any changes in the ìndex.html file with git add. In our case we could use git commit -m 'added starting code'. git commit -m adds the latest version of the code to our Branch, -m should provide a meaningful Commit message. #git commitĪs a last step we need to commit or save the current code version in our Repository. With git status we can see that we added a new file ('index.html' in our case) to the Repository, we didn't save any changes on the code up to this point though. which will track changes in all files inside the Repository. Tracking files either works with git add filename ('filename' should be the name of the file you want to track) or git add. to check if the files changed) and to save any changes in a new Commit. We have untracked files, meaning that Git is aware of the files being located in our folder but we need to explicitly tell Git to track these files (i.e. Git status provides information about the current state. But why is our project empty? #git status You should see the Initialized empty Git Repository info in your terminal, confirming that Git now monitors the project. git init will turn our project into a project managed by Git. I will use Visual Studio Code in this video/ article.Īre you totally new to web development? Make sure to have a look at our How The Web Works video to easily get started! #git init If you're working with an IDE, you can also use the integrated terminal. Make sure to dive into dedicated resources on that in case these terms are totally new to you. Git runs in the terminal (MacOS) or the Command Prompt (Windows) only, so it doesn't come with a Graphical User Interface (GUI).

GIT TUTORIAL FOR FREE

Git is for free and can be downloaded here. These are the basic terms in short words, let's dive into Git now to see this in practice. Each Commit is a snapshot of a specific version of the code. Inside our Branches! A Branch contains different versions of our code, our Commits. So these are Repositories and Branches, but where is our code stored? We are not limited to one Branch though, a Repository typically contains multiple Branches. After we added the first code to our Repository, a default 'master' Branch is created. Inside our Repository we have 'subfolders', so-called Branches. The code is not directly stored in the Repository though. After turning this folder into a Git Repository (we'll learn how this works soon), Git manages the project code version history. #Repositories, Branches & CommitsĪ Repository is the location where your code is stored, so a folder on your machine containing your project code. In this article we'll focus on Git though, if you want to dive deeper into GitHub, we also got you covered. Uploading your code from your local Git environment to GitHub makes your code available to anybody who wants to contribute to your project. It is a web based solution allowing you to upload your Git Repositories (more on these in the next chapter) to it.

GIT TUTORIAL DOWNLOAD

Git is a version control system which you can download to your computer, GitHub is a hosting & collaboration provider which hosts your Git projects. These terms can be confusing, especially for beginners. Learn JavaScript from scratch to build highly interactive and dynamic websites in this hands-on course!

Git tutorial