GitHub For The Real World
  • Home
  • Tools
    • Quarto Installation
    • VS Code Installation
    • Git Installation
  • Course Tasks
  • Unit 1
    • Lesson 1: Intro to GitHub
    • Lesson 2: Creating your GitHub Profile README
    • Lesson 3: Markdown
    • Lesson 4: Additional Profile README Features
    • Lesson 5: Organizing Your Github Repository
  • Unit 2
    • Lesson 1: Intro to VSCode
    • Lesson 2: Intro to Quarto
    • Lesson 3: Git in VSCode
  • Unit 3
    • Lesson 1: Create Your First Website
    • Lesson 2: Hosting Your Website on GitHub Pages
    • Lesson 3: Subpages and Nav Bars
  • Unit 4
    • lesson 1: Using A Custom Domain
    • Lesson 2: Temp Title
  • Bonus Lessons
    • Customizing Website Appearance with CSS
    • Advanced Git
    • Embedding IFrames
    • Quarto Themes
  • About the Authors

On this page

  • Unit 1
    • Lesson 01: Creating a Github Account
    • Lesson 2: Creating your GitHub Profile README
    • Lesson 03: Writing in Markdown
    • Lesson 4: Additional Profile README Features
    • Lesson 05: Organizing Your Github Repository
  • Unit 2
    • Lesson 01 : Introduction to Visual Studio Code
    • Lesson 2: Installing Quarto
    • Lesson 3: Git and How to connect to VScode
  • Unit 3
    • Lesson 1: Creating Your First Website with Quarto
    • Lesson 2: Hosting Your Website On Github
    • Lesson 3: Subpages and Nav Bars
  • Unit 4
    • Lesson 1: Using A Custom Domain
  • Bonus
    • CSS
    • Advanced Git
    • IFrames
    • Quarto Theming

Course Tasks

Unit 1

Lesson 01: Creating a Github Account

This lesson will go over the steps necessary to create a GitHub account. GitHub is a site that will host repositories fo code for free. It’s an industry standard tool used by most programmers. In this course it has the added benefit of being the place where we will host the websites we create.

  • Details

Lesson 2: Creating your GitHub Profile README

The GitHub profile README serves as a distinctive profile page showcasing who you are and what you do. Functioning as a customizable “about me” section, it provides an avenue for individuals to introduce themselves, exhibit their projects, and communicate details about their interests and achievements. Essentially, the content of this README defines one’s GitHub profile, making it a pivotal element for creating a compelling first impression, particularly for employers seeking insights into an individual’s skills and interests upon visiting their GitHub profile. By the end of this lesson, you will have crafted your own GitHub profile readme using markdown.

  • Details

Lesson 03: Writing in Markdown

You will learn the basics of Markdown, a lightweight markup language that is widely used for formatting plain text. Markdown is commonly used for writing content on platforms like GitHub, where it is essential for creating README files, documentation, and more.

  • Details

Lesson 4: Additional Profile README Features

This lesson will help you know what to include on your github profile readme. All these are ideas. Use this code as needed in your profile. On the left is what the section will look like. On the right is the code used to make the section on the right. Copy the code and put it into your profile, editing it as needed to fit you.

  • Details

Lesson 05: Organizing Your Github Repository

This lesson will equip you with the most important principles to follow to organize your github repository in a way that makes the most impact.

  • Details

Unit 2

Lesson 01 : Introduction to Visual Studio Code

In this lesson, we’ll go over an Integrated Development Enviroment (IDE) known as Visual Studio Code, also commonly referred to as VS Code. We’ll explore what an IDE - such as Visual Studio Code - is, benefits of using it, and in and out’s of using Visual Studio Code.

  • Details

Lesson 2: Installing Quarto

This lesson will briefly explain Quarto and go over the steps necessary to create a install Quarto in Visual Studio Code (VScode)

  • Details

Lesson 3: Git and How to connect to VScode

In this lesson you will learn the basics of git in VScode

  • Details

Unit 3

Lesson 1: Creating Your First Website with Quarto

You will learn to create a personalized website using Quarto. You will build a foundational About Me page, add new sections like Blog Posts and Contact, and render your site with quarto render. You will also be introduced to working with to YAML files.

  • Details

Lesson 2: Hosting Your Website On Github

By the end of this lesson, students will be able to create a GitHub repository for their website and configure the basic settings for hosting on GitHub Pages

  • Details

Lesson 3: Subpages and Nav Bars

This lesson will provide an overview of using subpages in Quarto and navigation options.

  • Details

Unit 4

Lesson 1: Using A Custom Domain

In this lesson, we will explore how to personalize your GitHub Pages website by changing its domain name. Whether you’re looking to align your site with a personal brand or make it more memorable, a custom domain can set your project apart. We’ll cover how to modify your site’s default GitHub domain and guide you through the process of setting up a custom domain from an external provider.

  • Details

Place holder

  • Details

Bonus

CSS

Students will learn how to use CSS for basic styling such as font sizes, font color, background colors, and more

  • Details

Advanced Git

In the previous lessons on Git, we learned foundational git concepts and commands using the terminal and directly from VS code. In this lesson, we’ll explore some advanced git concepts and how to troubleshoot issues, when things are not working properly.

  • Details

IFrames

In this lesson, we’ll discover how to add Inline Frames (IFrames) to your Quarto Website to be able to pull content from multiple servers to make a more coherent user experience.

  • Details

Quarto Theming

In this lesson, we’ll go through using Quarto’s support for building a website theme and implement it throughout your site.

  • Details

Back to top