Prework/modules/README.md at master · Vets-Who-Code/Prework · GitHub
Skip to content

README.md

Latest commit

 

History

History
160 lines (107 loc) · 3.84 KB

README.md

File metadata and controls

160 lines (107 loc) · 3.84 KB
Raw

Prework Modules

Welcome to the Vets Who Code Prework curriculum! Complete these modules in order to prepare for the Hashflag Stack accelerator.

📚 Learning Path

Follow these modules in order:

Module 0 (Optional): Browser Development Tools

File: browser-dev-tools.md Time: Reference — use as needed Set up Chrome or Edge with developer tools.

Module 1: Command Line Fundamentals

File: command-line-fundamentals.md Time: 5-7 hours Master the terminal and shell commands.

Gate: Screenshot of your custom aliases and shell config

Module 2: Code Editor Setup

File: code-editor-setup.md Time: 2-3 hours Configure VS Code with VetsWhoCode extensions.

Gate: Screenshot of VS Code with VWC Extension Pack installed

Module 3: Git & GitHub

File: git-and-github.md Time: 6-8 hours Learn version control and GitHub workflows.

Gate: Screenshot of GitHub profile with commits

Module 4: HTML & CSS Fundamentals

File: html-css-fundamentals.md Time: 9-11 hours Build responsive web layouts from scratch.

Gate: Three practice layouts (hero, grid, form)

Module 5: JavaScript Fundamentals

File: javascript-fundamentals.md Time: 12-14 hours Build interactive web features and load JSON data with fetch.

Gate: 30+ coding challenge solutions

Module 6: Capstone — Your Portfolio

File: capstone.md Time: 6-7 hours Build your personal portfolio website.

Gate: Deployed portfolio on GitHub Pages, submitted via the application form

⏱ Total Time Commitment

40-50 hours of focused learning and building.

📋 Module Files

All modules are in this directory:

  • browser-dev-tools.md - Supplementary browser setup guide
  • command-line-fundamentals.md - Module 1
  • code-editor-setup.md - Module 2
  • git-and-github.md - Module 3
  • html-css-fundamentals.md - Module 4
  • javascript-fundamentals.md - Module 5
  • capstone.md - Module 6

✅ Success Criteria

You're ready for the Hashflag Stack when you can:

  • Navigate and automate tasks via command line
  • Configure VS Code with custom extensions and settings
  • Create repositories, commit code, and deploy to GitHub
  • Build responsive layouts with semantic HTML and CSS
  • Write JavaScript to manipulate the DOM and handle events
  • Load a JSON file with fetch
  • Deploy a complete portfolio website showcasing your work

🎯 Your Portfolio

Your capstone portfolio must include:

Required Pages

  1. Home - Hero section with navigation
  2. About - Your story + setup screenshots (gates from Modules 1-3)
  3. Projects - Loaded from data/projects.json with fetch and rendered with JavaScript
  4. Contact - Working form with validation

Required Features (Choose 3 of 8)

  1. Theme persistence (localStorage)
  2. Responsive navigation with JavaScript
  3. Dynamic content rendering (a second section, beyond Projects)
  4. Content filtering or sorting
  5. Form validation
  6. Animated text or elements
  7. Randomized content
  8. Scroll-based interactions

Technical Requirements

  • Responsive design (mobile, tablet, desktop)
  • Clean, commented code
  • 20+ meaningful Git commits
  • Deployed to GitHub Pages

🆘 Getting Help

Questions? Email: hello@vetswhocode.io

Found an issue? Create an issue on the GitHub repo

📅 Changelog

v3: Trimmed to 40-50 hours, added fetch + JSON to Module 5, capstone Projects page now loads data/projects.json, 3 of 8 features required.

Ready to start? Open Module 1: command-line-fundamentals.md

— Vets Who Code Team