Scribd
Upload
3 views

Git & HTML Hosting Workshop

Uploaded by

Amith G Nair
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
3 views

Git & HTML Hosting Workshop

Uploaded by

Amith G Nair
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

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

You might also like