Bash Tutorial

A brief overview of Bash, on your way to becoming a Linux expert. When a computer boots up, a kernel (MacOS, Windows, Linux) is started. This kernel provides a shell that allows user to interact with a most basic set of commands. Typically, the casual user will not interact with the shell as a Desktop User Interface is started by the computer boot up process. To activate a shell directly, users will run a “terminal” through the Desktop. VS Code provides ability to activate “terminal” while in the IDE.

Prerequisites

Setup bash shell dependency variables for this page.

  • Hack: Change variables to match your project.
echo "hello"
Failed to start Jupyter in the environment 'Python 3.11.4 64-bit (/opt/homebrew/bin/python3)'. 


ImportError: cannot import name 'notebookapp' from 'notebook' (/opt/homebrew/lib/python3.11/site-packages/notebook/__init__.py) 


View Jupyter <a href='command:jupyter.viewOutput'>log</a> for further details.
%%script bash
# Dependency Variables, set to match your project directories

cat <<EOF > /tmp/variables.sh
export project_dir=$HOME/deva_directory  # change vscode to different name to test git clone
export project=\$project_dir/student  # change teacher to name of project from git clone
export project_repo="https://github.com/devaSas1/student.git"  # change to project of choice
EOF
bash: fg: %%script: no such job
%%script bash

# Extract saved variables
source /tmp/variables.sh

# Access the variables
echo "Project dir: $project_dir"
echo "Project: $project"
echo "Repo: $project_repo"
bash: fg: %%script: no such job
Project dir: /Users/devadharson/deva_directory
Project: /Users/devadharson/deva_directory/student
Repo: https://github.com/devaSas1/student.git

Setup Project

Pull code from GitHub to your machine. This script will create a project directory and add “project” from GitHub to the vscode directory. There is conditional logic to make sure that clone only happen if it does not (!) exist.

%%script bash

# Extract saved variables
source /tmp/variables.sh

echo "Using conditional statement to create a project directory and project"

cd ~    # start in home directory

# Conditional block to make a project directory
if [ ! -d $project_dir ]
then 
    echo "Directory $project_dir does not exists... makinng directory $project_dir"
    mkdir -p $project_dir
fi
echo "Directory $project_dir exists." 

# Conditional block to git clone a project from project_repo
if [ ! -d $project ]
then
    echo "Directory $project does not exists... cloning $project_repo"
    cd $project_dir
    git clone $project_repo
    cd ~
fi
echo "Directory $project exists." 
bash: fg: %%script: no such job
Using conditional statement to create a project directory and project
Directory /Users/devadharson/vscode exists.
Directory /Users/devadharson/vscode/teacher exists.

Look at files Github project

All computers contain files and directories. The clone brought more files from cloud to your machine. Review the bash shell script observe the commands that show and interact with files and directories.

  • “ls” lists computer files in Unix and Unix-like operating systems
  • “cd” offers way to navigate and change working directory
  • “pwd” print working directory
  • “echo” used to display line of text/string that are passed as an argument
%%script bash

# Extract saved variables
source /tmp/variables.sh

echo "Navigate to project, then navigate to area wwhere files were cloned"
cd $project
pwd

echo ""
echo "list top level or root of files with project pulled from github"
ls

bash: fg: %%script: no such job
Navigate to project, then navigate to area wwhere files were cloned
bash: cd: /Users/devadharson/deva_directory/student: No such file or directory
/Users/devadharson

list top level or root of files with project pulled from github
AC.py			ccski.in		icyperi.py
AC2.py			ccski.out		index.html
Applications		ccski.py		karanmath.py
Desktop			class.py		lonely.py
Documents		class2.py		math(mult-div).py
Downloads		closing.py		maxcross.py
Flask1.py		coninterval.py		mooyo.py
Klondike.py		drought.py		mooyo1.py
Library			env			opt
Mandelbrot.py		fenceplan.py		per.in
Movies			firstcppprog		per.out
Music			firstcppprog.cpp	photoshoot2.py
Pictures		firstcppprog.dSYM	student
Public			flask			student-1
Untitled.ipynb		floodfill.py		sumofthreevalues.py
Whiteboard.pdf		gems			transdice.py
blocks.py		herdle.py		untitled1.py
blocksusaco copy.py	hps.py			usaco2
blocksusaco.py		iCloud Drive (Archive)	vscode
ccski-1.py		icecream.py

Look at file list with hidden and long attributes

Most linux commands have options to enhance behavior

ls reference

%%script bash

# Extract saved variables
source /tmp/variables.sh

echo "Navigate to project, then navigate to area wwhere files were cloned"
cd $project
pwd

echo ""
echo "list all files in long format"
ls -al   # all files -a (hidden) in -l long listing
bash: fg: %%script: no such job
Navigate to project, then navigate to area wwhere files were cloned
/Users/devadharson/vscode/teacher

list all files in long format
total 128
drwxr-xr-x  24 devadharson  staff   768 Aug 22 09:25 .
drwxr-xr-x   5 devadharson  staff   160 Aug 22 09:04 ..
-rw-r--r--@  1 devadharson  staff  8196 Aug 22 09:25 .DS_Store
drwxr-xr-x  13 devadharson  staff   416 Aug 21 09:39 .git
drwxr-xr-x   3 devadharson  staff    96 Aug 17 18:18 .github
-rw-r--r--   1 devadharson  staff   157 Aug 17 18:18 .gitignore
-rw-r--r--   1 devadharson  staff   122 Aug 17 18:18 Gemfile
-rw-r--r--   1 devadharson  staff  1081 Aug 17 18:18 LICENSE
-rw-r--r--   1 devadharson  staff  3114 Aug 17 18:18 Makefile
-rw-r--r--   1 devadharson  staff  8036 Aug 17 18:18 README.md
-rw-r--r--   1 devadharson  staff   607 Aug 17 18:18 _config.yml
drwxr-xr-x   6 devadharson  staff   192 Aug 17 18:18 _data
drwxr-xr-x  11 devadharson  staff   352 Aug 17 18:18 _includes
drwxr-xr-x   6 devadharson  staff   192 Aug 17 18:18 _layouts
drwxr-xr-x  38 devadharson  staff  1216 Aug 17 18:18 _notebooks
drwxr-xr-x  12 devadharson  staff   384 Aug 17 18:18 _posts
drwxr-xr-x   4 devadharson  staff   128 Aug 17 18:18 assets
-rw-r--r--   1 devadharson  staff    92 Aug 17 18:18 csa.md
-rw-r--r--   1 devadharson  staff    98 Aug 17 18:18 csp.md
-rw-r--r--   1 devadharson  staff   108 Aug 17 18:18 csse.md
drwxr-xr-x  34 devadharson  staff  1088 Aug 17 18:18 images
-rw-r--r--   1 devadharson  staff  5149 Aug 17 18:18 index.md
-rw-r--r--   1 devadharson  staff    53 Aug 17 18:18 indexBlogs.md
drwxr-xr-x   7 devadharson  staff   224 Aug 17 18:18 scripts
%%script bash

# Extract saved variables
source /tmp/variables.sh

echo "Look for posts"
export posts=$project/_posts  # _posts inside project
cd $posts  # this should exist per fastpages
pwd  # present working directory
ls -l  # list posts
Look for posts
/Users/johnmortensen/vscode/teacher/_posts
total 224
-rw-r--r--  1 johnmortensen  staff   8086 Jun 11 09:06 2023-05-30-linux_shell_IPYNB_2_.md
-rw-r--r--  1 johnmortensen  staff   3878 Jun 11 08:49 2023-05-30-pair_programming.md
-rw-r--r--  1 johnmortensen  staff   5552 Jun 11 09:06 2023-05-31-VSCode-GitHub-project_IPYNB_2_.md
-rw-r--r--  1 johnmortensen  staff   6271 Jun 11 09:06 2023-06-01-javascript-input_IPYNB_2_.md
-rw-r--r--  1 johnmortensen  staff   8702 Jun 11 09:06 2023-06-01-python_hello_IPYNB_2_.md
-rw-r--r--  1 johnmortensen  staff  24393 Jun 11 09:06 2023-06-02-javascript_output_IPYNB_2_.md
-rw-r--r--  1 johnmortensen  staff  11097 Jun 11 09:06 2023-06-03-javascript_api_IPYNB_2_.md
-rw-r--r--  1 johnmortensen  staff  15072 Jun 11 09:06 2023-06-04-AWS-deployment_IPYNB_2_.md
-rw-r--r--  1 johnmortensen  staff   5215 Jun 11 08:51 2023-06-04-javascript-animation-mario-oop.md
-rw-r--r--  1 johnmortensen  staff  12219 Jun 11 09:06 2023-06-08-JWT-python_IPYNB_2_.md
%%script bash

# Extract saved variables
source /tmp/variables.sh

echo "Look for notebooks"
export notebooks=$project/_notebooks  # _notebooks is inside project
cd $notebooks   # this should exist per fastpages
pwd  # present working directory
ls -l  # list notebooks
Look for notebooks
/Users/johnmortensen/vscode/teacher/_notebooks
total 344
-rw-r--r--  1 johnmortensen  staff  37377 Jun 11 10:35 2023-05-30-linux_shell.ipynb
-rw-r--r--  1 johnmortensen  staff   7706 Jun 11 09:04 2023-05-31-VSCode-GitHub-project.ipynb
-rw-r--r--  1 johnmortensen  staff   9292 Jun 11 08:47 2023-06-01-javascript-input.ipynb
-rw-r--r--  1 johnmortensen  staff  11477 Jun 11 04:39 2023-06-01-python_hello.ipynb
-rw-r--r--  1 johnmortensen  staff  44353 Jun 11 08:06 2023-06-02-javascript_output.ipynb
-rw-r--r--  1 johnmortensen  staff  15666 Jun 11 08:48 2023-06-03-javascript_api.ipynb
-rw-r--r--  1 johnmortensen  staff  20550 Jun 11 09:06 2023-06-04-AWS-deployment.ipynb
-rw-r--r--  1 johnmortensen  staff  16271 Jun 11 04:39 2023-06-08-JWT-python.ipynb
%%script bash

# Extract saved variables
source /tmp/variables.sh

echo "Look for images in notebooks, print working directory, list files"
cd $notebooks/images  # this should exist per fastpages
pwd
ls -l
Look for images in notebooks, print working directory, list files
/Users/johnmortensen/vscode/teacher/_notebooks


bash: line 6: cd: /images: No such file or directory


total 344
-rw-r--r--  1 johnmortensen  staff  37377 Jun 11 10:35 2023-05-30-linux_shell.ipynb
-rw-r--r--  1 johnmortensen  staff   7706 Jun 11 09:04 2023-05-31-VSCode-GitHub-project.ipynb
-rw-r--r--  1 johnmortensen  staff   9292 Jun 11 08:47 2023-06-01-javascript-input.ipynb
-rw-r--r--  1 johnmortensen  staff  11477 Jun 11 04:39 2023-06-01-python_hello.ipynb
-rw-r--r--  1 johnmortensen  staff  44353 Jun 11 08:06 2023-06-02-javascript_output.ipynb
-rw-r--r--  1 johnmortensen  staff  15666 Jun 11 08:48 2023-06-03-javascript_api.ipynb
-rw-r--r--  1 johnmortensen  staff  20550 Jun 11 09:06 2023-06-04-AWS-deployment.ipynb
-rw-r--r--  1 johnmortensen  staff  16271 Jun 11 04:39 2023-06-08-JWT-python.ipynb

Look inside a Markdown File

“cat” reads data from the file and gives its content as output

%%script bash

# Extract saved variables
source /tmp/variables.sh

echo "Navigate to project, then navigate to area wwhere files were cloned"

cd $project
echo "show the contents of README.md"
echo ""

cat README.md  # show contents of file, in this case markdown
echo ""
echo "end of README.md"

Navigate to project, then navigate to area wwhere files were cloned
show the contents of README.md

## Blog site using GitHub Pages and Jekyll
> This site is intended for Teachers.   This is to build lessons and distribute across different sections.
- This support 3 computer science sections that are in a pathway (JavaScript, Python/Flask, Java/Spring)
- JavaScript documents are new material for entry class into the pathway, they are prerequisites for the Python and Java classes.
- All course material works off of Notebooks using Python kernel, except Java which requires it own kernel.

## Preview Site 
> GitHub Pages development is optimized by testing and developing on your local machine.  This is called previewing you work, prior to commit and push. 
- GitHub setup for, [Testing your GitHub Pages site locally with Jekyll](https://docs.github.com/en/pages/setting-up-a-github-pages-site-with-jekyll/testing-your-github-pages-site-locally-with-jekyll).  After requirements are met for Jekyll and Ruby you need to install requirements for project.
```bash
bundle install
```
- Now the project is ready for preview.  To simplify typing and sharing logging the details for running have be place in a ```Makefile```
    - run preview server
    ```bash
    make
    ```
    - stop preview server
    ```bash
    make stop
    ```
    - test notebook conversions
    ```bash
    make convert
    ```
    - clean constructed files
    ```bash
    make clean
    ```

end of README.md

Env, Git and GitHub

Env(ironment) is used to capture things like path to Code or Home directory. Git and GitHub is NOT Only used to exchange code between individuals, it is often used to exchange code through servers, in our case deployment for Website. All tools we use have a behind the scenes hav relationship with the system they run on (MacOS, Windows, Linus) or a relationship with servers which they are connected to (ie GitHub). There is an “env” command in bash. There are environment files and setting files (.git/config) for Git. They both use a key/value concept.

  • “env” show setting for your shell
  • “git clone” sets up a director of files
  • “cd $project” allows user to move inside that directory of files
  • “.git” is a hidden directory that is used by git to establish relationship between machine and the git server on GitHub.
%%script bash

# This command has no dependencies

echo "Show the shell environment variables, key on left of equal value on right"
echo ""

env
bash: fg: %%script: no such job


Show the shell environment variables, key on left of equal value on right

VSCODE_CRASH_REPORTER_PROCESS_TYPE=extensionHost
GEM_HOME=/Users/devadharson/gems
SHELL=/bin/zsh
TMPDIR=/var/folders/67/_l_7r9vn3w54gqd3zbm9zm9h0000gp/T/
CONDA_SHLVL=1
PYTHONUNBUFFERED=1
CONDA_PROMPT_MODIFIER=(base) 
ORIGINAL_XDG_CURRENT_DESKTOP=undefined
MallocNanoZone=0
PYDEVD_USE_FRAME_EVAL=NO
PYTHONIOENCODING=utf-8
USER=devadharson
COMMAND_MODE=unix2003
CONDA_EXE=/Users/devadharson/opt/anaconda3/bin/conda
SSH_AUTH_SOCK=/private/tmp/com.apple.launchd.zqDcuBnBA3/Listeners
__CF_USER_TEXT_ENCODING=0x1F6:0x0:0x0
PAGER=cat
ELECTRON_RUN_AS_NODE=1
VSCODE_AMD_ENTRYPOINT=vs/workbench/api/node/extensionHostProcess
PATH=/Users/devadharson/gems/bin:/Users/devadharson/gems/bin:/Users/devadharson/gems/bin:/Users/devadharson/opt/anaconda3/bin:/Users/devadharson/opt/anaconda3/condabin:/usr/local/bin:/System/Cryptexes/App/usr/bin:/usr/bin:/bin:/usr/sbin:/sbin:~/.dotnet/tools:/Library/Frameworks/Mono.framework/Versions/Current/Commands:/var/run/com.apple.security.cryptexd/codex.system/bootstrap/usr/local/bin:/var/run/com.apple.security.cryptexd/codex.system/bootstrap/usr/bin:/var/run/com.apple.security.cryptexd/codex.system/bootstrap/usr/appleinternal/bin
__CFBundleIdentifier=com.microsoft.VSCode
CONDA_PREFIX=/Users/devadharson/opt/anaconda3
PWD=/Users/devadharson/vscode/student/_notebooks
VSCODE_HANDLES_UNCAUGHT_ERRORS=true
XPC_FLAGS=0x0
PS1=PROMPT_WCZCXPRQZXJK\[\]>
XPC_SERVICE_NAME=0
SHLVL=1
HOME=/Users/devadharson
APPLICATION_INSIGHTS_NO_DIAGNOSTIC_CHANNEL=1
VSCODE_NLS_CONFIG={"locale":"en-us","osLocale":"en-us","availableLanguages":{},"_languagePackSupport":true}
LOGNAME=devadharson
CONDA_PYTHON_EXE=/Users/devadharson/opt/anaconda3/bin/python
LC_CTYPE=UTF-8
VSCODE_IPC_HOOK=/Users/devadharson/Library/Application Support/Code/1.81-main.sock
VSCODE_CODE_CACHE_PATH=/Users/devadharson/Library/Application Support/Code/CachedData/6c3e3dba23e8fadc360aed75ce363ba185c49794
CONDA_DEFAULT_ENV=base
VSCODE_PID=52003
NOTEBOOK_BASH_KERNEL_CAPABILITIES=image,html,javascript
VSCODE_L10N_BUNDLE_LOCATION=
VSCODE_CWD=/
_=/usr/bin/env
%%script bash

# Extract saved variables
source /tmp/variables.sh

cd $project

echo ""
echo "show the secrets of .git"
cd .git
ls -l

echo ""
echo "look at config file"
cat config
show the secrets of .git
total 72
-rw-r--r--   1 johnmortensen  staff     9 Jun 11 09:09 COMMIT_EDITMSG
-rw-r--r--   1 johnmortensen  staff   102 Jun 11 09:09 FETCH_HEAD
-rw-r--r--   1 johnmortensen  staff    21 Jun 11 04:39 HEAD
-rw-r--r--   1 johnmortensen  staff    41 Jun 11 09:09 ORIG_HEAD
drwxr-xr-x   2 johnmortensen  staff    64 Jun 11 04:39 branches
-rw-r--r--   1 johnmortensen  staff   312 Jun 11 04:39 config
-rw-r--r--   1 johnmortensen  staff    73 Jun 11 04:39 description
drwxr-xr-x  13 johnmortensen  staff   416 Jun 11 04:39 hooks
-rw-r--r--   1 johnmortensen  staff  4695 Jun 11 09:09 index
drwxr-xr-x   3 johnmortensen  staff    96 Jun 11 04:39 info
drwxr-xr-x   4 johnmortensen  staff   128 Jun 11 04:39 logs
drwxr-xr-x  34 johnmortensen  staff  1088 Jun 11 09:09 objects
-rw-r--r--   1 johnmortensen  staff   112 Jun 11 04:39 packed-refs
drwxr-xr-x   5 johnmortensen  staff   160 Jun 11 04:39 refs

look at config file
[core]
	repositoryformatversion = 0
	filemode = true
	bare = false
	logallrefupdates = true
	ignorecase = true
	precomposeunicode = true
[remote "origin"]
	url = https://github.com/nighthawkcoders/teacher.git
	fetch = +refs/heads/*:refs/remotes/origin/*
[branch "main"]
	remote = origin
	merge = refs/heads/main

Student Request - Make a file in Bash

This example was requested by a student (Jun Lim, CSA). The request was to make jupyer file using bash, I adapted the request to markdown. This type of thought will have great extrapolation to coding and possibilities of using List, Arrays, or APIs to build user interfaces. JavaScript is a language where building HTML is very common.

To get more interesting output from terminal, this will require using something like mdless (https://github.com/ttscoff/mdless). This enables see markdown in rendered format.

Output of the example is much nicer in “jupyter”

%%script bash

# This example has error in VSCode, it run best on Jupyter
cd /tmp

file="sample.md"
if [ -f "$file" ]; then
    rm $file
fi

tee -a $file >/dev/null <<EOF
# Show Generated Markdown
This introductory paragraph and this line and the title above are generated using tee with the standard input (<<) redirection operator.
- This bulleted element is still part of the tee body.
EOF

echo "- This bulleted element and lines below are generated using echo with standard output (>>) redirection operator." >> $file
echo "- The list definition, as is, is using space to seperate lines.  Thus the use of commas and hyphens in output." >> $file
actions=("ls,list-directory" "cd,change-directory" "pwd,present-working-directory" "if-then-fi,test-condition" "env,bash-environment-variables" "cat,view-file-contents" "tee,write-to-output" "echo,display-content-of-string" "echo_text_>\$file,write-content-to-file" "echo_text_>>\$file,append-content-to-file")
for action in ${actions[@]}; do  # for loop is very similar to other language, though [@], semi-colon, do are new
  action=${action//-/ }  # convert dash to space
  action=${action//,/: } # convert comma to colon
  action=${action//_text_/ \"sample text\" } # convert _text_ to sample text, note escape character \ to avoid "" having meaning
  echo "    - ${action//-/ }" >> $file  # echo is redirected to file with >>
done

echo ""
echo "File listing and status"
ls -l $file # list file
wc $file   # show words
mdless $file  # this requires installation, but renders markown from terminal

rm $file  # clean up termporary file
File listing and status
-rw-r--r--  1 johnmortensen  wheel  809 Jun 11 10:43 sample.md
      15     132     809 sample.md

Show Generated Markdown ========================================================

This introductory paragraph and this line and the title above are generated
using tee with the standard input (<<) redirection operator.
- This bulleted element is still part of the tee body.
- This bulleted element and lines below are generated using echo with standard
output (>>) redirection operator.
- The list definition, as is, is using space to seperate lines. Thus the use of
commas and hyphens in output.
      - ls: list directory
      - cd: change directory
      - pwd: present working directory
      - if then fi: test condition
      - env: bash environment variables
      - cat: view file contents
      - tee: write to output
      - echo: display content of string
      - echo "sample text" >$file: write content to file
      - echo "sample text" >>$file: append content to file



Hack Preparation.

Review Tool Setup Procedures and think about some thing you could verify through a Shell notebook.

  • Come up with your own student view of this procedure to show your tools are installed.
  • Name and create notes on some Linux commands you will use frequently.
  • Is there anything we use to verify tools we install? Review versions checks.
  • Is there anything we could verify with Anaconda? or WSL?
  • How would you update a repository? Could you do that in script above?