Skip to main content

HTML Tutorial -1 (Installing Visual Studio Code and Live server)

HTML Tutorial -1 (Installing Visual Studio Code and live server)

Hello guys,

Welcome back friends. I am glad to tell you that From today we are going to start a web development series. This series will be for all those people who want to learn web development. In this course we will cover html,css,javascript,Node js,Express and MongoDB. So if you want to become a successful and money making web developer then this course is for you.


This post is for only installations which are required for web development. In this post I will install all the softwares which is needed for web development so let’s begin:

Installing Visual Studio Code 

To install vs code you have to simply do some steps:

1. go to https://code.visualstudio.com


2. Download it for your os.

3. Install it for your os. 

4. check all the checkboxes.

5. finish it now.

Now from your pc open any folder and right click inside it now if you have checked all the checkboxes then you can see the option open with code simply click on it. Now you will see that the vs code is opened in that folder. Now go to the extensions and search for live server. Now download the first extension which is in the results. Now, wait for it to completely download and install. After installation you have to create a simple file called index.html now write click inside this file and click open with the live server. Now you will see a message saying the server has started on port 5500 now from your browser go to this url - “http://localhost:5500” you will see the file is running on this url for more information watch this video:-




Thank You guys for watching this video and I will see you next time.
Labels:

Comments

Post a Comment

Popular posts from this blog

How to create a Personal Portfolio website [source code]

  Hey guys how are you all today in this post I am going to give you the source code of my portfolio website’s part 1st video so let’s begin with this post:- Source code of Index.html file:- <DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Gautam Sharma</title> <link rel="stylesheet" href="../CSS-Files/style.css"> <link rel="stylesheet" href="../CSS-Files/utils.css"> </head> <body> <header> <nav> <li><a href="./index.html">Home</a></li> <li><a href="./Contact.html">Contact</a></li> <li><a href="./Haier.html"
Post a Comment
Continue Reading

Step by step guide to coding a game in Python

  How to Code a Simple Game in Python Python is a powerful and versatile programming language that can be used for a wide range of applications, including game development. In this tutorial, we will be creating a simple game using the Pygame library in Python. Pygame is a set of Python modules designed for writing video games. It provides functionality for creating 2D graphics, handling events, and playing sounds and music. By the end of this tutorial, you will have a basic understanding of how to create a game using Pygame and Python. Setting up the Development Environment Before we can start coding our game, we must set up our development environment. To do this, we will need to install Python and the Pygame library. If you already have Python installed on your machine, you can install Pygame by running the following command in your terminal: pip install pygame If you don't have Python installed, you can download the latest version from the official Python website. Once you have
Post a Comment
Continue Reading

How to write youtube channel description

Hey guys how are you all today in this post I am going to tell you that How to write youtube channel description . So if you want to know that how to write youtube channel description  then it is very easy there are simple tips for writing youtube channel description so now without any delay let's begin with this post:- watch the complete video here:-  https://youtu.be/CmZmozRmSFk   so guys if you want to write your channel description then you have to firstly learn that from where you have to edit your YouTube channel description. Firstly you have to open the YouTube Studio  website from there  you have to move to the customization tab. Now you have to go to the basic info option and from here youtube can edit your youtube channel description easily. How to write youtube channel description (Tips) In the first paragraph write a text which welcomes the viewer like the first paragraph of my post. In the second one write about your channel what you cover in that youtube channel etc.
Post a Comment
Continue Reading