This repository contains the materials for a Teaching Open Source (TOS) Kit for learning the basics of Web Development Using Vue.js v3. TOS Kits are designed to facilitate learning in an authentic environment that simulates an open source project and community.
While completing the Vue3-WebDev-Kit your work will be similar to working in an open source community. In particular, you will:
- begin by forking an existing repository.
- work in a GitHub Codespace that provides a cloud based Visual Studio Code (VSCode) Integrated Development Environment (IDE).
- interact with an Issue Tracker to complete the assignments that make up the Kit.
- gain exposure to tooling that is common in open source projects (e.g. code formatters and linters, Git hooks, GitHub CI/CD actions).
- create pull requests to submit your completed work.
- interact with GitHub actions and Copilot agents that simulate some elements of an open source community (e.g. labeling and reviewing pull requests).
To get started with the Vue3-WebDev-Kit:
-
Find and read the
INSTALL.mdfile and follow the instructions there to setup the development environment (i.e. the GitHub Codespace) that you will use to complete your work. -
Find and skim the
CONTRIBUTING.mdfile to understand the types of actions you'll be using when completing the tutorials and extensions in this kit.- There is no need to commit all of this to memory now. The first tutorial and extension will guide you through the actions you'll need. After that you can refer to the
QuickReference.mdfile for links to all of the actions.
- There is no need to commit all of this to memory now. The first tutorial and extension will guide you through the actions you'll need. After that you can refer to the
-
Find and bookmark the following files for easy access:
CONTRIBUTING.mddocs/QuickReference.md

