Advanced Teen Coding Class 1: Git and Markdown

ATC_class_1_markdown_git.markdown

Markdown and Git

Class Overview

• Advanced Coding Series Principles
• Introduction to Git
  • Why?
  • Setting up a workspace with Cloud9
  • Setting up a Github account
  • Git code-along
• Introduction to Markdown
  • What is Markdown?
  • Resources
• Project Kickoff
• Extensions

Principles

• Gradual release of responsibility
• Teaching to fish (use your resources, ask a peer, ask an instructor)
• Emotional intelligence: managing the discomfort of not knowing
• Technical strategy and communication

Introduction to Git

What is Git?

• Why version control (VC) matters
  • Individual work: supports saving and revert changes
  • Group work: supports collaboration
• Git versus Github
• Three ways we'll use git
  • Staging and committing work (think: "saving")
  • Backing up data to a remote storage location (we'll be using Github)
  • Reviewing history

Creating a Github Account

Follow instructions at Github.com.

Setting up a Workspace with Cloud9

Retrieve invitation from email. Follow instructions to set up an account. After your account is set up, we will create a new workspace titled, advanced_teen_coding with the blank template.

Git Code-Along

We will use Cloud9 to develop content and then use git to manage changes and back up our git history on Github. We'll make a bio page with four paragraphs.

• Write content in Markdown
• Initialize our repository (git init)
• Create repository on Github (through Github UI)
• Link Cloud9 workspace to Github repository (git remote add origin https://github.com/... | make sure this is the HTTPS url)
• "Save" our work by staging (git add .) and committing (git commit -m "Initial commit...")
• Push our work to the remote repository (git push)
• Three more cycles of adding changes (change code, add, commit, push, review on Github)
• Helpful commands
  • git remote -v: shows associated repositories (normally on Github)
  • git status: shows what work is changes or staged

Introduction to Markdown

What is Markdown?

• README.markdown standard
• Slack and Flowdock

Resources

Five minute exercise to figure out how to format the following elements with markdown.

• Link
• List
• Bold/italics

Project Kickoff

Students will use a Cloud9 workspace to develop a markdown file that describes instructions for a given topic, such as how to ride a bike, make a campfire, or solve a rubix cube. The markdown will include headers, text, images, and embedded videos.

Homework

Add 2 more files to the git repository we created in class, and create a second repository that is "pushed" to Github.