Workshop Overview
Target Audience: First-Year and ECP students in ICT
Required: Laptop (if available)
Note: Basic computer skills required. No prior Git knowledge needed.
Detailed Schedule
09:00 - 09:15 (15 min)
Welcome & Introduction
- Welcome address and introduction of mentors
- Overview of workshop objectives and agenda
- Quick participant introductions (by table/group)
- Set up participant groups (3-4 students per group)
09:15 - 09:30 (15 min)
The Importance of Portfolios in Tech
- Why every tech student needs a portfolio
- Examples of effective student portfolios
- How portfolios help in job hunting and professional networking
- Introduction to Git/GitHub and its importance in tech collaboration
09:30 - 10:00 (30 min)
Git & GitHub Setup
- Installing Git (pre-installation instructions should be sent beforehand)
- Creating GitHub accounts
- Configuring Git (username, email)
- Understanding basic Git concepts (repositories, commits, branches)
- Hands-on activity: Configuring Git and creating first repository
10:00 - 10:30 (30 min)
Collaborative Git Workflow
- Introduction to collaborative Git workflows
- Understanding branches, pull requests, and merges
- Handling merge conflicts
- Hands-on activity: Teams collaborate on a simple project
- Each team member makes changes to different files
- Pushing changes and resolving simple conflicts
10:30 - 10:45 (15 min)
Break & Troubleshooting
- Break
- One-on-one help with Git setup issues
- Q&A session
10:45 - 11:15 (30 min)
Portfolio Fundamentals
- Introduction to HTML and CSS basics
- Understanding portfolio structure and components
- Cloning the portfolio template repository
git clone https://github.com/Jabulani00/portfolio-template.git - Walkthrough of template structure and customization points
11:15 - 11:45 (30 min)
Collaborative Portfolio Customization
- Teams work together to customize their portfolio template using Git
- Each team member is assigned specific sections to modify:
- Team member 1: Header and navigation
- Team member 2: About section and skills
- Team member 3: Projects section
- Team member 4: Contact section and footer
- Practice Git workflow: commit, push, pull, merge
11:45 - 12:00 (15 min)
Hosting Your Portfolio & Wrap-up
- Introduction to GitHub Pages and other free hosting options
- Demonstration of deploying the portfolio to GitHub Pages
- Final Q&A session
- Resources for further learning
- Workshop feedback collection
Collaborative Activities Structure
Activity 1: Git Basics (10:00 - 10:30)
- Form teams of 3-4 students
- One student creates a repository and adds team members as collaborators
- Each student clones the repository
- Each student creates a file with their name (e.g., john.txt) with brief introduction
- Commit and push changes
- Pull changes from teammates
- Mentors circulate to help resolve any issues
Activity 2: Portfolio Customization (11:15 - 11:45)
- Teams clone the portfolio template repository
- Assign sections to each team member
- Create branches for each section (e.g., header-nav, about-section)
- Make modifications to assigned sections
- Commit and push changes to respective branches
- Create pull requests to merge changes into main branch
- Review teammates' changes and resolve any conflicts
- Merge all changes to create complete customized portfolio
Tips for Participants
Before the Workshop
- Create a GitHub account at github.com
- Install Git on your laptop
- Download a text editor (VS Code recommended)
During Collaboration
- Communicate with your team about what files you're editing
- Commit frequently with clear commit messages
- Pull before you push to avoid conflicts
- Ask mentors for help if you get stuck
After the Workshop
- Continue customizing your portfolio
- Update it regularly with new projects
- Share your GitHub profile on your resume and LinkedIn
Resources Provided
Portfolio Template
GitHub repository with starter template for your portfolio website
Git Cheatsheet
Quick reference guide for essential Git commands
HTML/CSS Guide
Reference guide for HTML and CSS fundamentals
Hosting Platforms
List of free hosting options for your portfolio website
Workshop Slides
Digital slides covering all workshop topics