Welcome to the Bell-Magazine wiki!

Getting Started

This wiki is written for absolute beginners to coding. If anything is unclear or needs revision contact Riley Sumner.

Software

To begin with you will need the following things installed on your machine.

• Git - www.git-scm.com
• An IDE - I use Web Storm - https://www.jetbrains.com/webstorm/download/. You should set up a student account with your wisc.edu email for free.
• Node/NPM - https://nodejs.org/en/
• Create an account at www.github.com if you haven't already

Languages

There will be a variety of technologies used but that shouldn't scare you off. There's a lot of similarities and you only need to understand the basics. You should have some familiarity with the following languages

• Git - This will be used to share code with other developers on the project. Think of it as the "Google Drive" of coding
• Command Line/Terminal - Knowing some basic cmd or terminal commands should help you with this project
• HTML/CSS - this is the basic web language. Tutorial
• VueJS - this is the javascript framework being used... It's okay if you don't understand this
• SCSS/SASS - a css pre-processor. For the most part the same as CSS, with a few minor syntax changes.

Installing the Project

Once you have a basic understanding of these technologies and have them installed on your machine you are ready to begin the project. This tutorial will take you through the process for Web Storm, but if you use another IDE there may be some slight changes.

To start, select Check out from Version Control. Select Git from the dropdown. Paste the Project URL: https://github.com/rileyjsumner/Bell-Magazine.git in the URL field. Select an empty directory to store the project in on your local machine. From here Web Storm will take you through a startup dialog. Just choose all the default settings.

Once you are to a new window with the project structure on the left, you have succeeded in installing the project. Next you should open a new cmd (windows) or terminal (mac) window.

Type cd YOUR_PROJECT_ROOT_DIRECTORY and hit enter. For me it would be cd /Users/riley/bell-magizine. If you have installed npm successfuly, type npm install and hit enter. A new folder should be created called node_modules.

Now you are ready to code! See the Git Workflow Wiki to learn what to do next.