Web Development : Beginner's Experience -

ROHIT SINGHROHIT SINGH
3 min read

Table of Contents :-

  • How I started ?

  • What are the uses of git and versel ?

  • Making my first website live.

Basically 23 January, 2024 is the day when I first time created a website of my resume and maken it live publically thrugh git and versel which is dynamic and could be updated in future.

How I started ?

Firstly when I started learning HTML, I thought that it will be very hard to learn it but untill the lecture ended I found it bit easier than other languages than C, C++ and Java. It was a amazing experience to learn a new markup by which we can create a website. Firstly after setting up my VS Code I created two files - 1. readme.md and 2. index.html and opened the second file. After that I start writing the code, firstly written exclamation mark ( ! ) and then hitted 'Enter' which gets the Boilerplate Code which is as following :-

  • <!DOCTYPE html> -->It tells that we are using version 5 of html.

  • <html lang="en"> --> It indicates that headings and other content in website will be in english.

  • name="viewport" ----> we can only see the content of particular height and width.

  • "width=device-width"-----> It shows the width of device in pixels.

  • initial-scale=1.0-----> It tell that initially the webpage will be in normal size.

  • <meta charset="UTF-8">--> A-Z, a-z, 0-9, special characters comes under UTF-8.

After this in the body section I wrote the whole code for the main content.

What are the uses of git and versel ?

So git and versel are two tools which helps us to make our webpage live. After writting all the code in HTML in vs code, I opened the terminal to add git in our index.html file. To add git i wrote following commands :-

  • git in it

  • git add .

  • git commit -m "commit message"

  • git branch -M main ---->(only first time)

  • git push

These commands add our file in our repository which we have already created created in github.

After that I created a account on vercel.com then authorized my git account to versel which adds our git to versel. Then I created my domain according to the prefrences and deployed my first website and maken it live.

Making my first website live :-

So this is how I created my first ever webpage and maken it live with the help og git and versel. Now anyone with my webpage link can go to my website an see my resume. Even I can make the changes in it through vs code and then again pushing that on git. At the end I can confidently say that creating my own webpage live and sharing it to others was a great experience and in future I will try to learn Web Devolopment in better and better way.

Here is the link of my first website Rohit's Resume

2
Subscribe to my newsletter

Read articles from ROHIT SINGH directly inside your inbox. Subscribe to the newsletter, and don't miss out.

Written by

ROHIT SINGH
ROHIT SINGH

Passionate about learning new tecnlogies and tools and exploring the world of Technology.