Module 3: Deploy Today!

NOTE: Historically, the most common name for the main body of a codebase has been master. Recently, however, main has been gaining in popularity. In fact, GitHub now uses main as the default branch in its repositories. The videos in the following sections use master as the default branch, but you will likely see main as the default branch when working with GitHub. Be aware that you might see instances of both throughout your development career.

In this video series you will go create a deployed (live on the internet) "About Me" webpage by:

1. Learning basic terminal / git bash skills.

2. Setting up your git ssh keys.

3. Forking a repository on Github.

4. Cloning that repository to your local computer.

5. Opening that repository in VS Code and making small changes to the HTML.

6. Tracking those changes with git version control.

7. Pushing those changes to a live Github Pages webpage.

8. Sharing it with your friends and family!

Your job:

  • Watch the videos in order.
  • Complete the tasks.
  • Answer the check for understanding questions.

Here is a live example of what you will have deployed by the end of the module https://coding-boot-camp.github.io/prework-about-me/.

Your website will have all of the details filled in of course!

Module 3 Deliverable

For this module, you'll be creating your first website. You will submit a text file with a link to your website. You can add this file to the prework folder on your computer and place it in the Module-3 subfolder.

Part 1: Terminal/Git Bash Part 1

Commands covered in this video

  • ls - list files in current directory (folder)
  • mkdir - make a new directory
  • cd - change into a different directory
  • touch - create a new file

Mac video:

Windows video:

Part 2: Terminal/Git Bash Part 2

Commands covered in this video

  • pwd - print our working directory
  • mv - rename a file
  • rm - remove a file
  • history - show all of the commands you have run
  • cmd k - clears the output on your terminal

Mac Video:

Windows Video:

Part 3: VS Code Shortcuts

Command covered in this video

  • code - opens VS Code from your terminal

Mac Video:

Windows Video:

Part 4: Setting Up Git SSH Keys

Mac Video:

Windows Video:

Part 5: Git Configs

Commands used in this video

  • git config --global user.name "Your Name"
  • git config --global user.email "[email protected]"

Note: Historically, the most common name for the main body of a codebase has been master. Recently, however, main has been gaining in popularity. In fact, GitHub now uses main as the default branch in its repositories. The videos in the following sections use master as the default branch, but you will likely see main as the default branch when working with GitHub. Be aware that you might see instances of both throughout your development career.

Part 6: Forking A Repository

Part 7: Cloning A Repository

  • Tip: Cloning is when you make a copy of a repo from Github onto your local computer.

  • You Will Be Cloning The Repo You Just Forked In The Last Step

Part 8: Updating Your Webpage

Part 9: Pushing Your Changes To Github

Commands covered in this video

  • git status displays the state of the working directory and the staging area.
  • git add adds your index.html to the staging area.
  • git commit puts your changes into your local repo.
  • git push pushes your changes to your Github repo.

Part 10: Enabling Github Pages

Part 11: Final Updates and Push To Github

Part 12: Share the Website with your Friends and Family

Copy the GitHub Pages link in the address bar of your browser and send it to your friends and family to show off your first website.

Finally, add a text file with the link to your website to the Module-3 subfolder of your prework folder.

Prework Support

Looking for prework support? Our team of tutors are eager to help! Request a tutor session with the following steps:

1. If not already logged in to BCS, login using your credentials (supplied 24 hours after enrollment).

2. Click Support in the top right.

3. Complete the form fields to submit your request:

  • Under Question Category, select "Tutor Request.”

  • Under Question Category, select "Request a Tutor.”

  • Under Currently, Which Sessions Would You Like to Discuss?, select “Prework assignment”.

4. Complete the additional fields and submit your request.