Git & HTML Hosting Workshop
Duration: 3 hours
Target Audience: Absolute Beginners
1. Pre-Workshop Setup (To be sent to participants)
- Install Git from git-scm.com
- Create a GitHub account
- Install Visual Studio Code (or preferred code editor)
- Download workshop materials (simple HTML template)
2. Accessibility Considerations
For Hearing Impaired Participants
- All verbal instructions will be accompanied by written instructions on
slides/handouts
- Live captions enabled for any video content
- Visual cues for important steps using colored highlights
- Step-by-step written instructions in the handout
- "Raise hand" feature enabled for questions
- Chat moderator assigned for text-based questions
- Screen sharing with clear, large text
Workshop Timeline
1. Hour 1: Introduction to Git & Setup (60 mins)
a. 0:00 - 0:15 - Welcome & Setup Verification
- Introduction round using both verbal and written methods
- Verify all participants have required software installed
- Share digital handouts with all commands and instructions
- Establish communication protocols for questions (raising hands, chat)
b. 0:15 - 0:45 - Git Basics
- What is Git? (Visual diagrams explaining version control)
- Basic Git concepts with visual aids:
- Repository
- Commit
- Branch
- Remote
- Hands-on: Configuring Git locally
```bash
git config --global user.name "Your Name"
git config --global user.email "[email protected]"
```
c. 0:45 - 1:00 - Creating First Repository
- Create a local repository
- Initialize Git
- Visual demonstration of folder structure
2. Hour 2: Working with HTML & Git (60 mins)
a. 1:00 - 1:20 - Project Setup
- Create a simple HTML project
- Explain project structure
- Live coding with simultaneous written instructions
- Visual color coding for different file types
b. 1:20 - 1:45 - Git Commands Practice
- Adding files to staging area
- Creating commits
- Viewing history
- All commands will be:
- Demonstrated visually
- Written in the chat
- Shown on slides
- Available in handouts
c. 1:45 - 2:00 - GitHub Introduction
- Creating a GitHub account (if not done)
- Repository creation on GitHub
- Understanding GitHub interface
- Visual walkthrough of GitHub features
3. Hour 3: Deployment & Best Practices (60 mins)
a. 2:00 - 2:30 - Pushing to GitHub
- Connecting local to remote repository
- Pushing changes
- Viewing changes on GitHub
- Troubleshooting common issues
b. 2:30 - 2:45 - GitHub Pages
- Enabling GitHub Pages
- Viewing deployed website
- Understanding basic settings
c. 2:45 - 3:00 - Wrap Up
- Q&A session (both verbal and written)
- Next steps and resources
- Feedback collection
- Share reference materials
4. Workshop Materials Checklist
a. Presenter Materials
- Slide deck with visual aids
- Command reference sheet
- Common error solutions guide
- Visual flowcharts of Git workflow
b. Participant Materials
- Step-by-step guide (PDF)
- Command cheat sheet
- Troubleshooting guide
- Resource links
- Sample HTML template
- Practice exercises
5. Follow-up Resources
- GitHub documentation
- Git cheat sheet
- HTML resources
- Community forums
- Workshop recording (if applicable)
- Slide deck PDF
- Practice exercises