Setup localhost and start developing your web applications using xampp and vscode

hey guys welcome to my channel uh today I'm going to show you how to set up a local server using exam okay first of all if you have the Zam setup with you you can directly download it means that you can install it but uh before that uh this video is for beginners who don't know the coding and all so for them we are going to have this so we'll start with the downloading zamp and Main tools we are required are one editor okay code editor and the Zam server so here we'll start with the downloading exam okay I'm going to select Zam download 7.2 version okay that uh previously I was working on that version only so I will use this one only and one more thing vs code editor okay these two tools are important to download means here you in zamp you will be getting a Apache server as well as a MySQL PhD my admin you will be getting okay Apache server is used to deploy the application locally in develop and test it so I'll download vs code as well download sam7.2 so 1.4 exam 7.2 okay we'll go to directly download Center but here we'll be getting eight version it is not required for me okay I will select more downloads here we'll get all the versions developed just we have to select the proper version can go with the latest one version also no issue so I'll pause the video Until It downloads before that we'll we have to download a vs code also so let's keep it for download and I'll pause the video okay here we have to choose the OS operating system Linux Mac Windows I'm going to use so being started okay Sam started downloading let me es code also downloads okay one more point I want to share that in uh next videos I am going to share regarding vs code some plugins important plugins are there which we can use to make uh the faster work so don't miss those videos so subscribe to my channel and press the Bell icon so that you should not uh miss those videos amazing videos I'm going to upload in upcoming videos so I'll pause this video so here it is downloaded I have canceled this amp download and restarted the download because it was downloading very slow so now the thing is that I will install vs code first so one thing that where I need to pause the video there I'm going to pause the video so that I should not uh increase the length of video unnecessarily to get the watch hours but the thing is that wherever I'm going to do the mistakes I am not going to skip them okay I will keep them because the same mistake it will help you to you should not means you will not repeat the same mistake if I did anything wrong okay so vs code I will install first if you don't want to create the start menu folder you can skip this and create the desktop icon it is not necessary for me and this is the important part where uh like if you want to open any folder through vs code okay if you want to open any folder through vs code that you can do like if you right click and check here open with vs code it will not come many people do the same mistake that they will not select these things so this is the because of that they will not be able to miss every time you have to go to vs code and open the folder you have to click okay it will create one shortcut in that menu to open the folder directly through the vs code okay parallely we can install the zamp so now I will pause the video so now I will not launch this one okay this this is the zamp installation warning it will give one a warning you can neglect that no issue but other things you don't need to touch anything as it is you can install this is the main folder where the amp is installed you can change it if if you want to install it in any other folder and this is the language if it belongs to any other language you can select the language okay it is taking a bit time so I will pause the video recording here it ask for the network access okay local network and private Network you just need to select allow access so step by step we'll follow this here it is done okay here now I will start the car control panel to test it to deploy it one one small one page will create that is called first we'll open this Sam folder here you will find hddoc this is the main root folder this is for a phpmyadmin everything dashboard is here but we are keeping it intact one more photo will create that my my project my project okay this I'm going to open with the vs code here you can see now open with vs code shortcut came in this uh list so as I told while installing we have to select those options to get this option enabled now we'll enable this start Apache server in MySQL MySQL is for if you just need to turn on only if you are dealing with a MySQL like a database you know and Apache server is to test the things for the deployment means we can test through localhost okay so just trust and one project file will create over here new file index dot HTML okay still it is asking for some permissions example okay we have allowed it let's create one project file that is index dot HTML here will add one okay this is my document my first project y my first project Title Here at least description okay simple file I have created here now how to test this one okay we have got one live server plugin for this plugin I will create one more video lots of plugins are there and let's start with this basic here localhost PHP my admin is for the MySQL panel so until it opens I will create a localhost project so this is my first project Title Here description here and here you can see my first project title is called and here it is opening uh MySQL dashboard here you can create the database in link with the project and work on those things okay friends this is up to this and uh in share and like don't forget to subscribe to my channel and press the Bell icon because uh in future video I'm going to share some amazing videos so that it will definitely help you out to develop your knowledge and you will be able to developer projects and all okay and share who all need this video and thank you for watching my videos see you in next video

Channel: VOptimistic4U

Views: 3,820

Keywords: xampp, vscode, localhost, web development, web applications, setup, learn, website, develoment, tutorial, students, project, college, preofessional

Id: 2a1cRUbf3ic

Length: 13min 50sec (830 seconds)

Published: Sun Jan 29 2023