Fundamentals (Paid)
  • 🚀Course Overview
  • Course Logistics
    • 🏫Course Methodology
      • 🧩Course Components
      • 💬Community Channels
      • 🎲Course Projects
    • 💻Required Hardware and Software
      • ☝️Required Software 1
      • ✌️Required Software 2
      • 👍Recommended Setup
    • 🗓️Schedule
    • 💡Tips and Tricks
      • 📒Coding Strategies
      • 🛠️Tooling Pro Tips
    • 🎓Post-Course
      • 🎓LinkedIn Certificates
      • 🚂Bootcamp Admission Criteria
  • 1: Introduction
    • 1.1: What is Coding?
    • 1.2: Web Browsers
    • 1.3: Command Line
    • Additional Resources 1
  • 2: Basic Data Manipulation
    • 2: Operators and Expressions
      • 2.1: Arithmetic Operators | Mathematical Expressions
      • 2.2: Assignment Operators | Variables
    • 2.3: Our First Program
    • Additional Resources 2
  • 3: Structuring and Debugging Code
    • 3.1: Functions
    • 3.2: Errors
    • Additional Resources 3
  • 4: Conditional Logic
    • 4.1: Intro to Logic
    • 4.2: Pseudo-Code, Boolean Or
    • 4.3: Boolean AND, NOT
    • 4.4: Input Validation
    • Additional Resources 4
  • 5: Managing State and Input Validation
    • 5.1: Program Lifecycle and State
    • 5.2: Program State for Game Modes
    • Additional Resources 5
  • 6: Arrays and Iteration
    • 6.1: Arrays
    • 6.2: Loops
    • 6.3: Loops with Arrays
    • Additional Resources 6
  • 7: Version Control
    • 7.1: Git
    • Additional Resources 7
  • 8: GitHub
    • 8.1: Intro to GitHub
    • 8.2: GitHub Fork and Clone
    • 8.3: GitHub Pull Request
    • 8.4: GitHub Repo Browsing
    • 8.5: Deployment
    • Additional Resources 8
  • 9: JavaScript Objects
    • 9.1: JavaScript Objects
    • 9.2: Card Deck Generation with Loops
  • 10: Advanced
    • 10.1 HTML
    • 10.2: CSS
    • 10.3: The Document Object Model
    • 10.4: DOM Manipulation
    • 10.5: Advanced Debugging with Sources Tab
  • 11: POST COURSE EXERCISES
    • DOM
    • Further Readings
  • In-Class Exercises
    • Day 2: Basic File and Data Manipulation
    • Day 3: Functions
    • Day 4: If Statements, Boolean Or, Boolean And
    • Day 5: Program State
    • Day 6: Scissors Paper Stone Redux
    • Day 7: Loops
    • Day 8: Arrays and Loops
    • Day 9: Beat That Redux
    • Day 10: Moar Cards / Chat Bot
    • Day 11: Blackjack Redux, DOM
  • Projects
    • Project 1: Scissors Paper Stone
      • Project 1: Scissors Paper Stone (Part 1)
      • Project 1: Scissors Paper Stone (Part 2)
    • Project 2: Beat That!
    • Project 3: Blackjack
  • Past Projects
    • Drawing With Emojis
    • Guess the Word
Powered by GitBook
On this page
  • Required Command-Line Software: Git
  • Intro to Git
  • Git - Installation
  • VSCode Formatters
  • Prettier
  • VSCode Formatting Settings
  • VSCode Settings
  • Required Software Accounts
  • GitHub
  • Exercise: Send Your First Community Channel Message!
  • Introduction
  • Retrieve Your OS Version
  1. Course Logistics
  2. Required Hardware and Software

Required Software 2

PreviousRequired Software 1NextRecommended Setup

Last updated 8 months ago

Required Command-Line Software: Git

Intro to Git

Command-line software is software primarily operated from the command line (we will explain this in a video) that may not have a graphical user interface we can interact with. This software is typically used by software developers to write programs. Command-line software is not stored in a computer's Applications folder. We'll cover

Git is the most popular software version control system. All tech companies use version control to manage contributions to and releases of their software. We will be using basic Git during CodiSWE Fundamentals to download and upload copies of projects. We'll cover more about Git in .

On Windows, Git installation also enables us to run our terminal in the Bash programming language. The terminal is the program that allows us to run commands (and command line software) on our computers. Bash is a terminal language used across OSes, allowing us to run commands on our computers in the same way on both Windows and Mac. A version of Bash called Zsh (pronounced "zoosh") is installed by default on MacOS.

When copying any commands from the Git website, do not copy the dollar sign ($) in front of the command. The dollar signs in their commands denote the start of command lines, and are not part of the commands.

Git - Installation

Installing Git for Mac OS

  1. Download and install Git for Mac OS by downloading it here:

  2. Verify Git is installed by running git --version in the . This should print out a version number on the next line, e.g., git version 2.28.0.

  3. Download and install the

To install the Git Credential Manager you may need to allow "unidentified developer apps". (But don't worry, Git Credential Manager is created by Microsoft) from instructions

To override your security settings and open the app, follow these steps:

  1. In the Finder on your Mac, locate the download file.

  2. Control-click the app icon, then choose Open from the shortcut menu.

  3. Click Open. __

    The app is saved as an exception to your security settings, and you use it in the future just as you can any registered app. __

Note: If you are using a company computer for this course you may not be able to override the security settings- you may need to

Installing Git for Windows

  1. Open the downloaded file.

  2. The Git install dialog will open. We'll need to set a few options here. The rest will be the default options.

VSCode Formatters

Prettier

Prettier is a code formatter that will auto-format our code and make it more readable when we save our files.

  1. Restart VSCode to activate Prettier.

VSCode Formatting Settings

  1. Open VSCode and open the command prompt with Ctrl+Shift+P on Windows and Cmd+Shift+P on Mac.

  2. Start typing Preferences: Open User Settings (JSON) and select this option when you see it in the search dropdown. A JSON settings file should open in VSCode.

  3. Replace everything on the screen (in the file) with the code below.

  4. Save the settings file.

  5. Restart VSCode to apply our settings.

  6. Open and save the settings file again and verify that Prettier auto-formats it as our default formatter.

VSCode Settings

VSCode Settings - Mac OS

{
	"editor.formatOnSave": true,
	"editor.formatOnPaste": true,
	"editor.minimap.enabled": true,
	"editor.tabSize": 2,
	"editor.wordWrap": "on",
	"editor.defaultFormatter": "esbenp.prettier-vscode"
}

VSCode Settings - Windows

Windows users: The following code assumes we installed our Git folder at the root of our C drive. Some students' installers install the Git folder elsewhere, for example in C:\\Program Files (x86). You should have noted the installation location of Git when you installed it, as per the instructions above.

If your installed Git folder is not in the location as listed below, please edit line 8 and 12 to the appropriate values when you copy these configurations.

{
	"editor.formatOnSave": true,
	"editor.formatOnPaste": true,
	"editor.minimap.enabled": true,
	"editor.tabSize": 2,
	"editor.wordWrap": "on",
	"editor.defaultFormatter": "esbenp.prettier-vscode",
	"terminal.integrated.defaultProfile.windows": "Git Bash",
	"terminal.integrated.profiles.windows": {
		"Git Bash": {
			"path": "C:\\Program Files\\Git\\bin\\bash.exe",
			"icon": "terminal-bash"
		}
	}
}

Required Software Accounts

GitHub

GitHub is the most popular code-hosting platform. Developers around the world use GitHub to share code and collaborate on projects. Rocket Academy's starter code and project templates are hosted on GitHub, and we will use GitHub in SWE Fundamentals to download, host, and submit assignments. Each student will need a GitHub account to host and submit assignment code.

Sign Up

Git and GitHub Credential Configuration

Add your GitHub account credentials to your computer through the command line. Please replace <YOUR_GITHUB_USERNAME> AND <YOUR_GITHUB_EMAIL> with your own GitHub user name and the email you used to sign up to GitHub with. Note to replace the <> characters and keep the " characters in the commands.

git config --global user.name "<YOUR_GITHUB_USERNAME>"
git config --global user.email "<YOUR_GITHUB_EMAIL>"

Configuration Check

You will not get any feedback from the terminal after entering these commands.

Type the following command into the terminal to check your work. If you see a : at the bottom of the output, you may need to press Enter until you see the lines starting with user.name and user.email.

git config -l

You should see your username and email in the output, and possibly some other settings.

Git default branch configuration

Following the convention of all the other Rocket Academy Git repositories and GitHub, we'll change the default Git branch name by typing in the command shown in the code box.

git config --global init.defaultBranch main

Exercise: Send Your First Community Channel Message!

Introduction

Once you have been added to a section in the Community Channel, send your first message to your new section mates. Please include the following in your message:

  1. Where are you based?

  2. What do you do for work?

  3. Why do you want to learn coding?

  4. 4 emojis that describe you

  5. Your specific OS version. This will be the result of running the command below for your specific OS (Windows or Mac)

  6. Anything else you would like to share 😁

Retrieve Your OS Version

Windows

cmd /c ver

Mac

sw_vers

Navigate to the Git website download page and click the download link:

Follow to set Bash as the terminal language.

Verify Git is installed by running git --version in the . This should print out a version number on the next line, e.g., git version 2.28.0.

Install the Prettier extension for VSCode .

Go to , click the Sign Up button and follow on-screen instructions.

These commands are for the intro above. Don't worry about exactly what's happening in these commands yet. This exercise is just to get you started with typing in the Command Line interface and sending community channel messages. We'll learn more about the command line in

💻
✌️
https://git-scm.com/download/win
VSCode terminal
here
https://github.com/
1.3 Command Line.
command line setup instructions below
more about the command line in 1.3.
Module 7
https://sourceforge.net/projects/git-osx-installer/
VSCode terminal
Git Credential Manager.
here:
create a personal token as described here.
Dialog Options: (just click next for default options)