Terminologies to remember:
Term | Definition |
Code | Statements that make the application work |
Text Editor | A program used to write code |
Terminal | A program used to run system commands |
Bug | Refers to problems in the code that lead to unexpected behaviors |
Browser | An application that allows access to websites |
Hosting | The process of putting a website to the internet |
HTML | Stands for HyperText Markup Language. Used to create the structure of websites |
CSS | Stands for HyperText Markup Language. Used to create the structure of websites |
Front end Design* | The design of the general look and feel of websites as well as user experience |
Back end Design* | The design of the general functionality of a website |
Full Stack* | The design of an entire website’s systems from the look and feel to the functionality |
Installation Guide (Windows)
Installation Guide
Google Chrome
Go to the home page
On the home page, click the Download Chrome button.

A popup will show, click the Accept and Install button.

You will be prompted to download an installer after that, you can save the installer in your
Downloads folder.
Use the installer
Execute the ChromeSetup.exe file that was downloaded earlier.

If the User Account Control dialog shows up, click Yes.

The installer will download the necessary files to actually install Google Chrome.

After the installation, the Google Chrome window will automatically open.

Git
Use the installer
Execute the downloaded installer.

If the User Account Control dialog shows up, click Yes.

Click Next.

Let the destination location be in C:\Program Files\Git and click Next.

Do not change the default selected components and click Next.

Allow the installer to create a Start Menu folder and click Next.

Do not change the default editor to be used by Git and click Next.

Allow Git to be used in command-line and from 3rd party software then click Next.

Do not change the HTTPS transport backend to be used and click Next.

Do not change the default line ending conversion configuration and click Next.

Do not change the default terminal emulator for Git bash and click Next.

Do not change the configuration of extra options and click Install.

Wait for the installer to finish.

Uncheck View Release Notes and click Next to close the installer window.

Verify Installation
To verify installation of Git, press Windows Key + R then type cmd to open a command
prompt.

Inside the command prompt, type git –version to output the version of the installed
program.

Sublime Text 3
Use the installer
Execute the downloaded installer.

If the User Account Control dialog shows up, click Yes.

Let the destination location be in C:\Program Files\Sublime Text 3 and click Next.

Leave the Add to explorer context menu unchecked and click Next.

Confirm installation settings by clicking Install.

Wait for the installer to finish.

Click Finish to close the installer window.

Verify Installation
Open the Start Menu and scroll down on the installed programs to find Sublime Text.

This blog post is intended for Zuitt’s Basic Web Development Workshop participants. If you’ve stumbled upon this blog post and aren’t a Zuitt student, you can begin your coding journey with Zuitt by clicking this link: