Starting the Development Journey

Rohit Kumar SahRohit Kumar Sah
3 min read
  1. Setup with visual studio code.

In My college Web development journey is beginning from today . Today I downloaded visual studio code in my P.C. . Also downloaded all the extension will be required in Development journey behalf of HTML, CSS, JAVA SCRIPT .

  1. Signing up on GitHub

GitHub is a web-based platform and service that provides a platform for version control using Git. It is widely used by developers to collaborate on software development projects.

I created my profile on github and created a first Public repository on github.

  1. Signing up on Vercel

Vercel is a cloud platform that specializes in providing a seamless experience for deploying, hosting, and managing web applications. It is known for its simplicity, speed, and integration with popular frontend frameworks.

I created my profile on vercel.

  1. Starting with HTML

HTML stands for Hypertext Markup Language .

HTML is used to structure content on the web, specifying elements such as headings, paragraphs, links, images, and more.

  1. Starting with code

Now it's time for code.

Started with making a file in Visual studio code(Vs code) with name index

and extension .HTML , Now starting with a code

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Rohit kumar sah</title>
</head>
<body>

</body>
</html>

Starting with emmit shortcut.

By pressing ! + Enter this above showing code known as boiler plate code will be visible.

Let's break down the common tags found in a typical HTML boilerplate

  1. <!DOCTYPE html>: This declaration defines the document type and version of HTML being used. In this case, it's HTML5.

  2. <html lang="en">: The opening tag for the root element of an HTML document. The lang attribute specifies the language of the document, which is set to English in this example.

  3. <head>: Contains meta-information about the HTML document, such as character encoding, viewport settings, and the document's title.

    • <meta charset="UTF-8">: Specifies the character encoding for the document. UTF-8 is a widely used character encoding that supports a vast range of characters.

    • <meta name="viewport" content="width=device-width, initial-scale=1.0">: Configures the viewport settings, helping to make the webpage responsive on various devices. The width=device-width ensures that the width of the viewport is set to the device's screen width, and initial-scale=1.0 sets the initial zoom level.

    • <title>Document</title>: Sets the title of the HTML document, which is displayed on the browser's title bar or tab.

  4. <body>: Contains the main content of the HTML document, such as text, images, links, and other elements.

Now starting a Resume building with a code in body tag

<h1>Rohit kumar sah<\h1>
<a href="https://www.google.com/" target="_blank">Google</a> | 
<a href="mailto:rohitkumar233179@gmail.com" target="_blank">Mail</a>
<br>

This above code will give below results

Now starting with Resume to be live in vercel than I will update my resume in Upcoming days.

The repository I have created in github .

Push the written code in github with the hepll of below code.

git init

git add README.md

git commit -m "first commit"

git branch -M main

git remote add origin https://github.com/Rohitsah12/rohitresume.git

git push -u origin main

Now I pushed My code into github.

Now starting with vercel.

By deploying the project in vercel my website is ready for the world.

STAY TUNED!!!

For more update!!

0
Subscribe to my newsletter

Read articles from Rohit Kumar Sah directly inside your inbox. Subscribe to the newsletter, and don't miss out.

Written by

Rohit Kumar Sah
Rohit Kumar Sah