mirror of https://github.com/vee1e/comptia-security-plus-701 - Interactive CompTIA Security+ SY0-701 study guide — 400+ pra
Find a file
iakhator a9b203adcd Break app into proper Vite modules — extract all content sections
- Extract all 37 content sections from index.html into src/chapters/
  chapter1–5: intro.js + sec11–sec56.js (one file per section)
  pbq.js: render() + init() with all 10 PBQ interactive functions on window
  cheatsheet.js, coming.js
- Extract CSS from inline <style> into 4 split files in src/styles/:
  variables.css (CSS vars + resets), layout.css (sidebar/main/section),
  components.css (content/cards/tables/tests/PBQ), cheatsheet.css
  All CSS unminified — one property per line with proper spacing
- Rewrite index.html as 100-line shell: nav + main container only,
  no embedded content, links to CSS files, single module script tag
- Update src/main.js: dynamic import() for all content sections;
  calls mod.init() after injecting HTML (enables PBQ interactivity)
- Fix HTML parse error: escaped < in <pre> block (line 2447)
- Update vite.config.js: minify: false

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-12 15:28:00 +01:00
src Break app into proper Vite modules — extract all content sections 2026-04-12 15:28:00 +01:00
.gitignore Initial commit — CompTIA Security+ SY0-701 study guide 2026-04-12 15:06:33 +01:00
index.html Break app into proper Vite modules — extract all content sections 2026-04-12 15:28:00 +01:00
package-lock.json Add Vite build setup and modular architecture 2026-04-12 15:12:18 +01:00
package.json Add Vite build setup and modular architecture 2026-04-12 15:12:18 +01:00
README.md Add Vite build setup and modular architecture 2026-04-12 15:12:18 +01:00
vite.config.js Break app into proper Vite modules — extract all content sections 2026-04-12 15:28:00 +01:00

CompTIA Security+ SY0-701 Study Guide

An interactive, self-contained study guide for the CompTIA Security+ SY0-701 exam. Built with Vite. No account required. Works offline.


What's Inside

Content Count
Domain chapters with notes, tables & examples 5
Chapter practice tests (A + B banks) 10 × 30 = 300 questions
Comprehensive final exam 100 questions
Interactive PBQ simulations 13
Exam cheat sheet sections 10
Total practice questions 400+

Domain Coverage

Domain Weight Sections
1.0 — General Security Concepts 12% 1.1 Controls · 1.2 Concepts · 1.3 Change Mgmt · 1.4 Cryptography
2.0 — Threats, Vulnerabilities & Mitigations 22% 2.1 Threat Actors · 2.2 Vectors · 2.3 Vulnerabilities · 2.4 Indicators · 2.5 Mitigations
3.0 — Security Architecture 18% 3.1 Architecture · 3.2 Considerations · 3.3 Infrastructure · 3.4 Network · 3.5 Data · 3.6 HA
4.0 — Security Operations 28% 4.14.9 Hardening · Vuln Mgmt · IAM · IR · Forensics · Automation
5.0 — Security Program Management & Oversight 14% 5.1 Governance · 5.2 Risk · 5.3 Third-Party · 5.4 Compliance · 5.5 Audits · 5.6 Awareness

Exam Cheat Sheet Covers

Ports & Protocols · Cryptography algorithms · Wireless standards · Auth protocols · Attack types · OWASP Top 10 · Regulations (GDPR/HIPAA/PCI DSS/SOX) · Security tools · Risk formulas · 120+ acronym glossary


Getting Started

Use as a static file (simplest)

Open index.html directly in any modern browser. No server needed.

Run with Vite dev server

npm install
npm run dev

Then open http://localhost:5173.

Build for production

npm run build

Output goes to dist/. Drop it on any static host (Netlify, Vercel, GitHub Pages).

Preview the production build

npm run preview

Project Structure

.
├── index.html              # App shell + all study content HTML
├── src/
│   ├── main.js             # Router, section loader, init
│   ├── components/
│   │   ├── QuestionCard.js # Renders one question, handles answer selection
│   │   ├── TestSection.js  # Renders a full test (30 or 100 questions)
│   │   └── Navbar.js       # Sidebar nav with active state
│   └── data/
│       ├── ch1_TestA.json  # 30 questions — Domain 1.0 Test A
│       ├── ch1_TestB.json  # 30 questions — Domain 1.0 Test B
│       ├── ch2_TestA.json
│       ├── ch2_TestB.json
│       ├── ch3_TestA.json
│       ├── ch3_TestB.json
│       ├── ch4_TestA.json
│       ├── ch4_TestB.json
│       ├── ch5_TestA.json
│       ├── ch5_TestB.json
│       └── finalExam.json  # 100 questions — all 5 domains
├── vite.config.js
└── package.json

Question Data Format

Each question in the JSON files follows this schema:

{
  "id": "t2q1",
  "objective": "QUESTION 1 OF 30 · Objective 2.1",
  "question": "Which threat actor type is characterized by...",
  "options": {
    "A": "Script kiddie",
    "B": "Nation-state",
    "C": "Hacktivist",
    "D": "Organized crime"
  },
  "correct": "B",
  "explanation": "Nation-state actors are characterized by..."
}

To add questions, edit the relevant JSON file in src/data/ and follow this schema.


Deploying to GitHub Pages

  1. Install the gh-pages helper: npm install -D gh-pages
  2. Add to package.json scripts: "deploy": "gh-pages -d dist"
  3. Build and deploy:
npm run build
npm run deploy

Or use Netlify / Vercel — just point them at this repo and set build command to npm run build and publish directory to dist.


Exam Tips

  • The real SY0-701 exam is 90 questions, 90 minutes, passing score 750/900
  • Expect 35 Performance-Based Questions (PBQs) at the start
  • Study the Cheat Sheet before your exam day — especially ports, crypto algorithms, and the risk formulas (SLE = AV × EF, ALE = SLE × ARO)
  • Score 80%+ consistently on the practice tests before booking the exam

Contributing

  1. Fork the repo
  2. Add or fix questions in the relevant src/data/*.json file
  3. Follow the question schema above
  4. Open a PR with a description of what you changed and why

Please verify any added questions against the official CompTIA SY0-701 exam objectives.


License

MIT — free to use, share, and modify. If this helps you pass the exam, a star on the repo is appreciated.