Recording of Session 1

Installing VS Code

For Windows and Mac

• Go to Vs codes website (link) and download Installer.

• Install it

For Linux

• If you are using Debian or Ubuntu system you can just run the following command

sudo snap install code

• Or simply install the .deb installer or .rpm package according to your OS and run the following command for Ubuntu users

dpkg -i filename.deb

GIT Installation

For Windows

• Watch the following video to get started with Git
  • https://www.youtube.com/watch?v=USjZcfj8yxE

• This video also teaches how to use the basic commands for git.

For Ubuntu users

• Run the following command if git didn't come preinstalled

sudo apt update
sudo apt install git

• Then configure your GitHub account according to this video
  • https://www.youtube.com/watch?v=USjZcfj8yxE

Git Lens

• Go to extensions tab in Vs Code application

• Search Git Lens

• Click Install

Git

Git is a version control system for tracking changes in computer files. It is used for coordinating work among several people on a project and tracking progress over time.

Version Control system is a system that records all the changes made to a file or set of files so a specific version may be called later. This is helpful in collaboration with all the team members.

Different collaborators can work on different parts of the project and then they all can be merged together in one main branch.

GitHub

It is a Git repository hosting service which provides a web-based graphical interface.

Github helps every team member to work together on the project from anywhere and makes it easy for them to collaborate.

The following video is a 20 min introduction to GitHub

https://www.youtube.com/watch?v=nhNq2kIvi9s

HTML Task

• Watch the following video from start till 3 hrs and 10 min. You will be taught about the basic use of tags and how and why they are used in the video provided to you before.
  • Link

Task

• Use the following template to create your own website that will be stored in the repository

  https://s3-us-west-2.amazonaws.com/secure.notion-static.com/2aa26e80-884c-4c9e-8c16-cdd3c286faab/geek.zip

• You will be taught about the basic use of tags and how and why they are used in the video provided to you before. You can check the following link to know about specific tags.
  • https://www.w3schools.com/TAGS/default.ASP

• We want you to play with all the tags in the template.

• Also change the attribute of each tag to change their looks.

• Send the link to discord or whatsapp to share your own website by the end of the week.

Submission

• Use the following google form to send the links to your websites

• https://forms.gle/xb8tqfXMo3mEBUP56

• Also try to be creative we share the most creative submission on the social media