Intro-04

Learning Outcome

At the end of this lesson, you will be able to:

• clone a repo from GitHub to your EC2 instance

• use Draw.io to create flowcharts

Review

• review AWS EC2

• review SSH and SSH Keys

• you might have tried reconnecting to your EC2 instance and noticed it did not work!

  • this might be because the IP address has changed

  • AWS reuses IP addresses

  • so do you need to keep checking and changing the IP Address; that is a bad idea!

    • solution: AWS Elastic IPs (see video: Creating an Elastic IP in AWS)

Lesson

• go over Draw.io to create Top-Down designs, flowcharts and UML diagrams

  • we will be using Draw.io, right inside GitHub web VSCode

    • ensure you have the Draw.io extension added to the web VSCode

    • create a "design" folder in your repos, to hold your design documents

  • do a demo of how to use it (see the video "How to use Draw.io")
    
    

• go over how to install and set up Git and GitHub:

  • https://sites.google.com/ocsb.ca/teh-cs-resources/git-github

  • Note: you will want to ensure w3m (a terminal web browser) is removed from Linux before you start, or it will make connecting to GitHub difficult oddly enough!
    sudo apt remove w3m -y  

  • you might need to install Git and the GitHub CLI
    sudo apt install git -y
    sudo apt install gh -y  
    
    

• go over cloning repo into AWS EC2 and pushing it back

  • https://sites.google.com/ocsb.ca/teh-cs-resources/git-github#h.2yrrg5oarnxf

Daily Assignment

• setup Git on your EC2 instance & GitHub

• create a repo in GitHub

  • use this naming convention:

    • course_code-unit_language_program_name

      • example: ICS4U-Intro-04-TypeScript

    • create a repo called "ICS4U-Intro-04-TypeScript"

      • ensure you select all the correct options:

        • for TypeScript: a README.me and NO .gitignore

        • for Java: a README.me and a Java .gitignore

      • also, ensure you add a GitHub Action to do the Mr Coxall Super Linting

• clone the repo you just created into your EC2 Instance

  • ensure you are in the correct directory !!!

./ICS4U/Intro/Intro-04

gh repo clone ICS4U-Intro-04-TS

• use Vim to create a file called HelloWorld.txt and type "Hello, World!" into it

  • we are not even going to write a program now!

    • just save the *.txt file

• then push the changes back to GitHub:

  • https://sites.google.com/ocsb.ca/teh-cs-resources/git-github#h.wizicds1hu9m

• use Draw.io to create a flowchart (flowchart.Drawio) that has the following items (it does not have to be a "real" flowchart):

  • ENSURE you use the "flowchart" shapes, NOT the "General" ones!

  • 1 input, 1 process (do stuff), 1 if statement, 1 output

  • place it in the above GitHub Repo (ICS4U-Intro-04-TypeScript)

• see my example: https://github.com/Mr-Coxall/ICS4U-Intro-04-TypeScript 

Extra

• do the above process you did for a Typescript directory, but do it for a Java directory

• clone one of the above repos into Replit

  • add a second file, HelloWorld2.txt

  • add Hello, World! to it

  • push it back to GitHub

  • take a screenshot of your repo showing the 2 files