Powercoders

Setup

Contents

What do we need to start?

  • Browser
  • Editor
  • Windows only: pimp your terminal

Browser

Editor

Could be any text editor, but developers prefer one with syntax highlighting.

We will use Visual Studio Code.

Installation link

Recommended extensions

  1. Live Server
  2. Prettier
  3. vscode-faker

Try out different themes or other extensions.

Pimp your terminal

Windows user only

Mac and Linux users, click here.

Online tutorial

The next slides guide you to the setup step by step. This video is doing that as well and might be an additional help during setup.

Windows 10

For this setup, you need to be on Windows 10, with all the latest updates installed.

To check your Windows version:

  • Press Windows + R
  • Press winver
  • Press Enter

If the first words of this window are Windows 10 you're good to go! If not, please upgrade to Windows 10.

Latest updates

Open Windows update:

  • Press Windows + R
  • Type ms-settings:windowsupdate
  • Press Enter
  • Click on Check updates

If you have updates available please install them and repeat the process until it says that you are up to date.

Minimum version

For some of the tools we use we need the 1903 version or above. Let's check which version you have:

  • Press Windows + R
  • Type winver
  • Press Enter

If it says at least 19041, you are good to go!

Virtualization

Let's check if the virtualization options are enabled in the BIOS of your computer:

  • Press Windows + R
  • Type taskmgr
  • Press Enter
  • Click on the Performance tab
  • Click on CPU

If it says virtualization: enabled in the right column, you are good to go! If it is disabled or missing, please follow the next slide.

Enable Virtualization

These steps depend on the motherboard in your PC. If you have any difficulties try to look up the steps for your specific PC model on Google.

  • Restart your computer
  • Press the BIOS hotkey during startup Usually: Esc, F2, Del, etc.
  • Change BIOS mode to Advanced
  • Search for CPU Virtualization
  • Enable it and save & exit the BIOS

Windows subsystem for Linux

WSL is the development environment we are using to run Ubuntu. You can learn more about WSL here.

  • Press Windows + R
  • Type powershell
  • Press Ctrl + Shift + Enter

You use the Ctrl + Shift + Enter key stroke to execute Windows PowerShell with administrator privileges.

You may have to accept the UAC confirmation about the privilege elevation.

Install WSL

A blue terminal window will appear:

  • Copy the following commands
  • Paste them into the PowerShell window by right-clicking into it (Ctrl + V does not work here!)
  • Run them by pressing Enter
wsl --install
wsl --set-default-version 2
wsl --update

If you have an older Windows version follow these instructions.

Install Ubuntu (Terminal)

  • Click on Start
  • Type CMD
  • Open the command prompt
  • Type in the command wsl --install -d Ubuntu and hit enter

If this does not work, you can also install Ubuntu as described in the next step.

Install Ubuntu (Windows Store)

Only follow these instructions if the precious step did not work!

  • Click on Start
  • Type Microsoft Store
  • Click on the Microsoft Windows Store in the list
  • Search for Ubuntu in the search bar
  • Select version without any number, just plain "Ubuntu"
  • Click on Install

Don't install Ubuntu 18.04 LTS nor Ubuntu 20.04!

Launch Ubuntu

Once the installation is done, the Install button becomes a Launch button. Click on it.

At first launch, you will be asked some information: username and password.

When typing the password, nothing will not appear on the screen — there will be no familiar typing indicator even though your keystrokes are being registered.

Connecting VS Code to Ubuntu

When you launch VS Code after installing Ubuntu, you should have a frame at the bottom-right corner of VS Code saying it detects WSL. Accept the installation of the WSL extension for VS Code.

In case you don't get that window, this is the extension: Remote - WSL

Install Fish

During the bootcamp we will use the shell named fish:

  • Open the Ubuntu terminal in VS Code
    • Open Ubuntu (WSL) terminal in Visual Studio Code

Install fish

For all users: Windows, Mac and Linux.

During the bootcamp we will use the shell named fish:

  • Go to the website fishshell.com
  • Go to the section "Go fish"
  • Select your Operating System
  • Follow the instructions to install
  • Follow this guideline to configure VSC to use fish
  • Type fish_config in your terminal and pimp your fish shell in the web configurator

Other tools we use

  • Google classroom
  • GSuite: email, calendar, drive
  • Slack
  • Zoom

Nothing new, but make sure it is available on the laptop you use during the bootcamp.

Powercoders course channels

  • 🔒ch-24-1-bootcamp - The channel for everyone involved in this class
    • Announcements from teachers, coaches, mentors
    • Questions from you
    • Success stories, achievements, news
  • #zrh, #ch-resources
    • Interesting articles, job offers, courses
  • #ch-random
    • Everything else
  • #100hrs

Rules for Slack

    • Use the appropriate channel
      Not sure? #ch-random
    • Use @[username] in a message / in a channel to notify them
    • Using @channel in a message notifies everyone in the channel
    • Use threads
  • slack-thread.png

Guidelines for video calls

  • Have your camera on, so everybody can see each other
  • Use your headphones and try to find a quiet spot if possible
  • Be ready 10 minutes before the start and check if microphone and camera are working
  • Mute your microphone when not speaking
  • Raise your hand when you want to speak
  • Use thumbs up & down for simple yes or no questions
  • Leave food for the breaks; chewing sounds and visuals are not appreciated
Online etiquette

How to use Zoom

Some useful links

Useful links for remote work

Useful websites

Useful YouTube channels