04 – Setting Up Your Development - Adax Technology Centre

Setting Up Your Development Environment

Before we start writing code, we need to prepare the basic tools required for web development.

1. Visual Studio Code (VS Code)

VS Code is the code editor we will use throughout this course. It allows us to create and edit HTML, CSS, JavaScript, PHP, and other files.

2. Web Browser

We need a modern web browser to test our websites. Google Chrome, Microsoft Edge, or Firefox can be used.

3. Create Your Project Folder

Create a folder on your computer called:

web-development-course

Inside this folder, we will store the projects and exercises created throughout the course.

4. Create Your First HTML File

Open the project folder in VS Code and create a new file called:

index.html

This will be the starting point for our first website.

5. XAMPP

Later in the course, when we start PHP and MySQL, we will install and use XAMPP to run PHP applications and MySQL databases locally on our computer.

Tools We Will Use in This Course

Next Step

Our development environment is now ready. In the next section, we will begin writing code with HTML and build our first web page.