Zuitt Basic Web Development Workshop: Developer Starter Kit for Windows


Terminologies to remember:

TermDefinition
CodeStatements that make the application work
Text EditorA program used to write code
TerminalA program used to run system commands
BugRefers to problems in the code that lead to
unexpected behaviors
BrowserAn application that allows access to
websites
HostingThe process of putting a website to the
internet
HTMLStands for HyperText Markup Language.
Used to create the structure of websites
CSSStands 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)

Download Links

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: