Giter VIP home page Giter VIP logo

anything's Introduction

Prerequisite

  • Have an email ID (preferably a personal email that provides long-term access)
  • Install Git version control system
  • Install VS Code
  • A profile picture
  • Small write-up introducing yourself
  • A font that you like from fonts.google.com
  • A resume (optional)

Git Basics

What is Git?

Git is a free and open-source version control system that helps you manage and track changes to your files and projects. It is mainly used by software developers, but it can also be handy for any individuals or teams working on collaborative projects or writing code.

Imagine you're working on a group project with your classmates. Each of you is responsible for different parts of the project, and you need to combine your work together to create the final result. But what if you all make changes at the same time? Or what if someone accidentally deletes an important section of the project? That's where Git comes in.

Git allows you to keep track of all the changes made to your project. It creates a timeline, or "history," of every modification made to your files.

But Git isn't just about keeping track of changes; it also allows for collaboration among your team members. You can all work on different parts of the project simultaneously without overriding each other's work.

Basic Git terms:

  • Repository: A repository, often called a "repo," is a storage location where Git keeps all the files and history of a project. It contains all the code and resources for the project.

  • Commit: A commit is a way to save changes to your Git repository. It represents a specific version of your project. You make a commit when you want to record your changes and save them permanently in the repository's history.

  • Branch: A branch is a separate line of development in Git. It allows you to work on different features or fixes without affecting the main project. Creating a branch helps keep your changes isolated until they are ready to be merged into the main project.

  • Merge/Pull: Merging is the process of incorporating changes from one branch into another. When you have finished working on a feature or bug fix in a branch, you can merge it back into the main branch (often called the "master" branch) to combine the changes with the rest of the project.

  • Clone: Cloning means creating a local copy of a remote Git repository on your computer. Cloning allows you to have a complete copy of the project and its history so that you can work on it, make changes, and contribute back to the repository.

  • Fork: Forking and cloning are both related to creating copies of a Git repository, but they serve different purpose. When you fork a repository, you create an independent copy of the entire project under your own account. The forked repository becomes part of your repositories, and you have full rights and control over it.

  • Pull: Pulling is the action of retrieving the latest changes from a remote repository to your local repository. It updates your local copy of the project, ensuring you have the most up-to-date version before you start making changes or continue working on the project.

  • Push: Pushing is the opposite of pulling. It is the action of sending your local commits to a remote repository. When you are ready to share your changes with others, you push your committed changes to the remote repository so that others can access and merge them.

  • Remote: A remote is a copy of a repository that resides on a server or another computer. It allows multiple developers to collaborate on the same project by sharing their changes through pushes and pulls.

How do I use Git/Github to create a website?

We will be using GitHub pages, a feature of GitHub that allows users to host and publish their websites or web applications directly from their GitHub repositories. It provides a simple and free way to create and share your own website without the need for external hosting services.


To create a portfolio website using GitHub Pages, follow these steps:

  1. Create a GitHub Account

  2. Create a New Repository

  3. Choose a Template or Create Your Own

  4. Customize the Template

  5. Push Files to Your Repository

  6. Publish Your Website

Creating a Github Profile

  1. Navigate to Github.com and click on "Sign up"
  2. Follow the prompts to create a new account.

Creating a repository

As discussed earlier, we will fork the repository to create your repository. Navigate to this repo here.

Click on "Fork" button on the top. On the next page, name the repository as your-username.github.io.

Using your repo

Once you have created your repo, we will clone(download) it to your computer. Click on the code button on the top right and copy the URL displayed.

Open terminal in on your computer and type "git clone", paste the URL and run it.

Setting up VS Code

Open Visual Studio Code and open the folder we recently cloned.

Go to the extensions tab, and download an extension called "Live Server". Start the live server by clicking "Go Live" on the bottom right. This should open the mock-up in the browser.

Customizing the code

Add your resume to the assets folder. Images to the images folder.

Edit the index.html

As you make changes, save the changes and verify them in the browser.

Saving the code

Once you have made satisfactory changes, we promote the code to staging by running the command "git add ." in the terminal.

After that, we commit our changes by running the command "git commit -m 'commit message' ". Then we copy our code to Github by running the command "git push".

Publishing the website

Add details about publishing using pages.

anything's People

Contributors

kushalm avatar anhtran09 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.