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
  • Using VSCode Effectively
  • Comment Out Multiple Lines at Once
  • Editing a Variable Name in Multiple Places Concurrently
  • Hide Minimap
  • Troubleshooting the Terminal Editor
  • Watching YouTube Videos at Different Speeds
  1. Course Logistics
  2. Tips and Tricks

Tooling Pro Tips

Tips for using programming tools

PreviousCoding StrategiesNextPost-Course

Last updated 2 years ago

Using VSCode Effectively

Comment Out Multiple Lines at Once

Sometimes we wish to enable or disable certain segments of our code for quick testing. The easiest way to do this is to "comment out" the code we want to disable by turning it into comments, making our JavaScript runtime ignore those lines of code.

Rather than adding // to the start of each line manually, VSCode has a shortcut that allows us to comment out multiple lines simultaneously. To do this, select all lines we wish to comment out, then use the keyboard shortcut Ctrl+/ on Windows, or Cmd+/ on Mac.

Editing a Variable Name in Multiple Places Concurrently

Sometimes we want to change the name of a variable in our code, a common practice in . If that variable is used in multiple places, we may be tempted to edit each instance individually. Luckily VSCode has a convenient feature that allows us to edit all instances of the same variable simultaneously, saving time and our fingers.

Within a Single File

  1. Move your cursor to the first instance of the variable

  2. Press/hold Ctrl+D on Windows or Cmd+D on Mac until all instances of that variable are selected

  3. Use left or right arrow keys to enable cursors on each instance of that variable and edit them simultaneously

Across Multiple Files

VSCode has a that allows us to edit all instances of a given string in multiple files at once.

Hide Minimap

The is displayed by default in VSCode to show one's vertical position within a file. This may not be necessary in SWE Fundamentals and we can hide the minimap for more space in VSCode. Hide the minimap by toggling View > Show Minimap in the menu bar.

Troubleshooting the Terminal Editor

Hi everyone, in the event you accidentally type git commit without the β€˜-m’ option, you’ll notice that your terminal changes slightly and you realise you can’t type anymore. That is because a commit message is compulsory. So, by default, your terminal will open something called VIM - its a type of text editor that is not exactly user friendly, and expects you to type your commit message.

  1. How to get out of VIM:

  2. You have to enter something called a command mode simply by pressing the escape key

  3. type the following: :q!

  4. the above characters should appear at the bottom of your terminal as you are typing

  5. Then hit enter

2. How to change the default editor to VSCode instead

  1. run the following command on your terminal (you can run this command regardless of what folder you may be in): git config --global core.editor "code --wait"

  2. This basically configures git to make VSCode your default editor should you ever forgot to use the β€˜-m’ flag when committing.

  3. If you ever do forget to use the β€˜-m’ flag, a normal text file will open automatically on VSCode and you can simply type your message in that file and then close it.

Don’t worry if this doesn’t make sense now(: But feel free to use this as a reference if you ever face that issue!

Watching YouTube Videos at Different Speeds

If the course videos are too fast or too slow for you, you can watch them at slower or faster speeds by or you can use the

πŸ’‘
πŸ› οΈ
refactoring
search and replace feature
VSCode minimap
toggling a speed setting in YouTube
Video Speed Controller Extension