Skip to content

README.md

Latest commit

 

History

History
162 lines (108 loc) · 3.77 KB

README.md

File metadata and controls

162 lines (108 loc) · 3.77 KB

Prework Modules

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

📚 Learning Path

Follow these modules in order:

Module 0 (Optional): Browser Development Tools

File: browser-dev-tools.md Time: 1-2 hours Set up Chrome or Edge with developer tools.

Module 1: Command Line Fundamentals

File: command-line-fundamentals.md Time: 8-10 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: 4-6 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: 8-10 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: 12-16 hours Build responsive web layouts from scratch.

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

Module 5: JavaScript Fundamentals

File: javascript-fundamentals.md Time: 10-14 hours Program interactive web features.

Gate: 30+ coding challenge solutions

Module 6: Capstone — Your Portfolio

File: capstone.md Time: 8-12 hours Build your personal portfolio website.

Gate: Deployed portfolio on GitHub Pages

⏱ Total Time Commitment

50-68 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
  • MODULE-CONSOLIDATION-SUMMARY.md - Documentation of module updates

✅ 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
  • 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 - Dynamically rendered from JavaScript
  4. Contact - Working form with validation

Required Features (Choose 5 of 8)

  1. Theme persistence (localStorage)
  2. Responsive navigation with JavaScript
  3. Dynamic content rendering
  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

Module updates? See MODULE-CONSOLIDATION-SUMMARY.md

📅 December 2024 Update

These modules were recently consolidated from two separate module sets. All content has been preserved and enhanced. See MODULE-CONSOLIDATION-SUMMARY.md for details.

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

— Vets Who Code Team