Scribd
Upload
7 views

Git & HTML Hosting Workshop

Uploaded by

Amith G Nair
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
7 views

Git & HTML Hosting Workshop

Uploaded by

Amith G Nair
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
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