Mar 13: GitHub and Markdown

Learning Objectives

After today's class, you should be able to:

• Add multiple UI event listeners after the DOM content has been loaded.
• Write a README file in Markdown format and explain the language syntax.
• Perform the following git commands: clone, add, commit, push, pull, status.

Lesson Outline

Mini Lecture [30 min]

• 21_Textbook_9.3-9.4.pdf – by Connolly and Hoar
  • listing9.3.js   listing9.4.js   listing9.5.js
  • listing9.6.js   listing9.7.js   listing9.8.js
  • ch09.html

VS Code Extensions [5 min]

• Draw.io Integration
• Markdown All in One
• vscode-pdf

Markdown Tutorial [15 min]

• Markdown Guide
• Markdown Live Preview
• Online Markdown Editor

GitHub Tutorial [25 min]

• Managing Projects with Git

1. Convert your narrative to Markdown format, commit as README.md in your repo.
2. Add your sketches as .drawio files, save in your repository in the design folder.
3. From now on, use the repo (not whatever you used to create the first version).