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.
![](https://blog.zuitt.co/wp-content/uploads/2024/07/Screenshot-2024-07-10-at-10.23.01 AM-1024x353.png)
A popup will show, click the Accept and Install button.
![](https://blog.zuitt.co/wp-content/uploads/2024/07/Screenshot-2024-07-10-at-10.23.44 AM.png)
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.
![](https://blog.zuitt.co/wp-content/uploads/2024/07/Screenshot-2024-07-10-at-10.25.55 AM-1024x130.png)
If the User Account Control dialog shows up, click Yes.
![](https://blog.zuitt.co/wp-content/uploads/2024/07/Screenshot-2024-07-10-at-10.26.28 AM.png)
The installer will download the necessary files to actually install Google Chrome.
![](https://blog.zuitt.co/wp-content/uploads/2024/07/Screenshot-2024-07-10-at-10.26.54 AM.png)
After the installation, the Google Chrome window will automatically open.
![](https://blog.zuitt.co/wp-content/uploads/2024/07/Screenshot-2024-07-10-at-10.27.18 AM-1024x692.png)
Git
Use the installer
Execute the downloaded installer.
![](https://blog.zuitt.co/wp-content/uploads/2024/07/Screenshot-2024-07-10-at-10.29.01 AM-1024x138.png)
If the User Account Control dialog shows up, click Yes.
![](https://blog.zuitt.co/wp-content/uploads/2024/07/Screenshot-2024-07-10-at-10.29.20 AM.png)
Click Next.
![](https://blog.zuitt.co/wp-content/uploads/2024/07/Screenshot-2024-07-10-at-10.29.47 AM.png)
Let the destination location be in C:\Program Files\Git and click Next.
![](https://blog.zuitt.co/wp-content/uploads/2024/07/Screenshot-2024-07-10-at-10.30.09 AM.png)
Do not change the default selected components and click Next.
![](https://blog.zuitt.co/wp-content/uploads/2024/07/Screenshot-2024-07-10-at-10.30.52 AM.png)
Allow the installer to create a Start Menu folder and click Next.
![](https://blog.zuitt.co/wp-content/uploads/2024/07/Screenshot-2024-07-10-at-10.31.11 AM.png)
Do not change the default editor to be used by Git and click Next.
![](https://blog.zuitt.co/wp-content/uploads/2024/07/Screenshot-2024-07-10-at-10.31.37 AM.png)
Allow Git to be used in command-line and from 3rd party software then click Next.
![](https://blog.zuitt.co/wp-content/uploads/2024/07/Screenshot-2024-07-10-at-10.32.01 AM.png)
Do not change the HTTPS transport backend to be used and click Next.
![](https://blog.zuitt.co/wp-content/uploads/2024/07/Screenshot-2024-07-10-at-10.32.33 AM.png)
Do not change the default line ending conversion configuration and click Next.
![](https://blog.zuitt.co/wp-content/uploads/2024/07/Screenshot-2024-07-10-at-10.37.13 AM.png)
Do not change the default terminal emulator for Git bash and click Next.
![](https://blog.zuitt.co/wp-content/uploads/2024/07/Screenshot-2024-07-10-at-10.37.46 AM.png)
Do not change the configuration of extra options and click Install.
![](https://blog.zuitt.co/wp-content/uploads/2024/07/Screenshot-2024-07-10-at-10.38.12 AM.png)
Wait for the installer to finish.
![](https://blog.zuitt.co/wp-content/uploads/2024/07/Screenshot-2024-07-10-at-10.38.37 AM.png)
Uncheck View Release Notes and click Next to close the installer window.
![](https://blog.zuitt.co/wp-content/uploads/2024/07/Screenshot-2024-07-10-at-10.39.31 AM.png)
Verify Installation
To verify installation of Git, press Windows Key + R then type cmd to open a command
prompt.
![](https://blog.zuitt.co/wp-content/uploads/2024/07/Screenshot-2024-07-10-at-10.40.16 AM.png)
Inside the command prompt, type git –version to output the version of the installed
program.
![](https://blog.zuitt.co/wp-content/uploads/2024/07/Screenshot-2024-07-10-at-10.40.36 AM-1024x333.png)
Sublime Text 3
Use the installer
Execute the downloaded installer.
![](https://blog.zuitt.co/wp-content/uploads/2024/07/Screenshot-2024-07-10-at-10.42.35 AM-1024x134.png)
If the User Account Control dialog shows up, click Yes.
![](https://blog.zuitt.co/wp-content/uploads/2024/07/Screenshot-2024-07-10-at-10.42.59 AM.png)
Let the destination location be in C:\Program Files\Sublime Text 3 and click Next.
![](https://blog.zuitt.co/wp-content/uploads/2024/07/Screenshot-2024-07-10-at-10.43.41 AM.png)
Leave the Add to explorer context menu unchecked and click Next.
![](https://blog.zuitt.co/wp-content/uploads/2024/07/Screenshot-2024-07-10-at-10.44.12 AM.png)
Confirm installation settings by clicking Install.
![](https://blog.zuitt.co/wp-content/uploads/2024/07/Screenshot-2024-07-10-at-10.44.39 AM.png)
Wait for the installer to finish.
![](https://blog.zuitt.co/wp-content/uploads/2024/07/Screenshot-2024-07-10-at-10.45.04 AM.png)
Click Finish to close the installer window.
![](https://blog.zuitt.co/wp-content/uploads/2024/07/Screenshot-2024-07-10-at-10.45.29 AM.png)
Verify Installation
Open the Start Menu and scroll down on the installed programs to find Sublime Text.
![](https://blog.zuitt.co/wp-content/uploads/2024/07/Screenshot-2024-07-10-at-10.46.09 AM.png)
This blog post is intended for Zuitt’s JavaScript Game 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: