Hey there! Welcome to the RCSA Web Development Committee! We're super excited to have you on our team! As a WebDev member, you'll be doing a lot of coding, editing, and content mainupulation on our site (http://RCSA.berkeley.edu). In order to get you up to speed on how everything works, we've made this tutorial for you so you can learn at your own pace and have us answer questions as needed. This saves us time and hopefully makes you feel less rushed and confused.
First things first, we're going to need to get your computer set up with a few new programs and packages. Follow the instructions on this README before init'ing the repo or messing with the files. Even if you've used git before or have programming experience, we'd really appreciate it if you could read through the instructions here. It'll prevent headaches in the future if everyone starts out on the same page :)
1.) Get-Hub! Make a GitHub account! (Can you get to this page without having one..? Who knows.) Make sure you know your github username and password. You'll be typing a lot of both during this tutorial, and it'll go a lot faster if you don't have to keep sending yourself password resets. If you already have an account, but don't remember your password, now might be a good time to reset it and commit it to memory.
2.) Just Sublime We're going to be doing a lot of file editing and coding! If you've got a text editor you like, you're free to use that, but we recommend using Sublime Text if you're not already attached to anything else. Sublime also has some cool features (autofill HTML tags, suggesting, command-line autolaunch, etc.) that other editors don't. Find it here; you can download either the beta (3) or a previous version if you're more comfortable with that.
2b.) Fun An optional cool thing for you advanced folks can be found here
3.) And off we go...! Mac users: Open Terminal! (Don't know where it is? Hit COMMAND + SPACE, type "Terminal", and hit ENTER) Once you're there, follow the instructions below for pulling the files from this repository onto your computer. Once you're there, open up the HTML/CSS PDF and follow the instructions!
Windows users: You've got to install GitBash for this to work. Unless you're on Windows 10 (? rite..) in which case you might/probably have a bash shell.. (TLDR; Jacqueline help)
mkdir WebDev
cd WebDev
git clone https://github.com/MReschenberg/WebDevTutorial.git
cd WebDevTutorial
You should now have all the repo files (Including this README) and can get going on reviewing material! Lets look at the HTML/CSS Powerpoints first!
Need some help with git? Check out this really nice guide and feel free to ask Jacqueline or myself if you have any questions!