Skip to content

πŸ“š Comprehensive study notes for tech certifications. Includes comprehensive study materials, last-minute refreshers, exam strategies, and hands-on examples. Built with VitePress for fast, accessible learning

License

Notifications You must be signed in to change notification settings

gobinathm/Notes

Repository files navigation

Tech Certification Study Notes

Your journey to certification success πŸš€

Comprehensive, open-source study notes for various technology certifications. Built with ❀️ and too much β˜• by Gobi.

Live Site: notes.gobinath.com


πŸ“– Available Certifications

GitHub Certifications

AWS Certifications

More certifications coming soon!


✨ Features

  • πŸ“š Comprehensive Study Notes - In-depth coverage of all exam domains with examples
  • ⚑ Quick Refreshers - Last-minute cram sessions for rapid review (15-min reads)
  • 🎯 Exam Tips & Strategies - Common traps, decision trees, and proven strategies
  • πŸ“Š Progress Tracking - Built-in study progress tracker with browser localStorage
  • πŸ” Fully Searchable - Fast local search to quickly find any topic
  • πŸŒ™ Dark Mode - Easy on the eyes during late-night study sessions
  • πŸ“± Mobile Responsive - Study on any device, anywhere
  • πŸ”’ Privacy-First - Cookieless analytics, no personal data collected
  • ⚑ Lightning Fast - Static site generation with VitePress
  • 🎨 Clean Design - Optimized for readability and focused learning

πŸ“š What's Included

Each certification includes:

πŸ“‹ Overview Page

  • Exam information and official links
  • Exam format, duration, and passing score
  • Prerequisites and target audience
  • Additional learning resources

🎯 Exam Objectives

  • Links to official study guides
  • Exam domain weighting breakdown
  • In-scope services and features (where applicable)

πŸ“ Study Notes

  • Detailed explanations of all exam topics
  • Code examples and practical scenarios
  • Best practices and common pitfalls
  • Decision trees and comparison tables

⚑ Quick Refresher

  • Condensed review of all key concepts
  • Last-minute cram session (15-20 min read)
  • Decision trees for quick reference
  • High-frequency exam topics highlighted
  • "Last 5 minutes before exam" checklist

πŸ’‘ Exam Tips

  • Common exam traps to avoid
  • Strategy for different question types
  • Time management tips
  • Mental checklists

πŸš€ Getting Started

Prerequisites

  • Node.js 18+ installed
  • Git installed
  • Basic knowledge of markdown

Local Development

  1. Clone the repository:
git clone https://github.com/gobinathm/Notes.git
cd Notes
  1. Install dependencies:
npm install
  1. Start the development server:
npm run docs:dev
  1. Open your browser: Visit http://localhost:5173

Building for Production

npm run docs:build

This generates static files in .vitepress/dist directory.

Preview Production Build

npm run docs:preview

πŸ“ Project Structure

Notes/
β”œβ”€β”€ .github/
β”‚   └── workflows/
β”‚       └── deploy.yml              # GitHub Actions deployment
β”œβ”€β”€ .vitepress/
β”‚   β”œβ”€β”€ config.mts                  # VitePress configuration
β”‚   └── theme/
β”‚       β”œβ”€β”€ index.ts                # Theme entry
β”‚       β”œβ”€β”€ custom.css              # Custom styles
β”‚       └── components/
β”‚           └── ProgressTracker.vue # Study progress tracker
β”œβ”€β”€ .templates/
β”‚   └── quick-refresher-template.md # Reusable template for new certs
β”œβ”€β”€ certifications/
β”‚   β”œβ”€β”€ index.md                    # Certifications overview
β”‚   β”œβ”€β”€ github/
β”‚   β”‚   └── gh-actions/
β”‚   β”‚       β”œβ”€β”€ index.md            # Overview
β”‚   β”‚       β”œβ”€β”€ objectives.md       # Exam objectives
β”‚   β”‚       β”œβ”€β”€ notes.md            # Detailed study notes
β”‚   β”‚       β”œβ”€β”€ quick-refresher.md  # Last-minute review
β”‚   β”‚       └── exam-tips.md        # Tips & strategies
β”‚   └── aws/
β”‚       β”œβ”€β”€ clf-c02/                # AWS Cloud Practitioner
β”‚       └── aif-c01/                # AWS AI Practitioner
β”œβ”€β”€ resources/
β”‚   β”œβ”€β”€ about.md
β”‚   β”œβ”€β”€ study-tips.md
β”‚   β”œβ”€β”€ exam-strategies.md
β”‚   └── certificate-tracking.md
β”œβ”€β”€ public/
β”‚   β”œβ”€β”€ og-image.png                # Social preview card
β”‚   β”œβ”€β”€ logo.svg                    # Site logo
β”‚   └── robots.txt                  # SEO configuration
β”œβ”€β”€ privacy.md                      # Privacy policy
β”œβ”€β”€ index.md                        # Home page
β”œβ”€β”€ package.json
└── README.md

πŸ“ Adding New Certifications

Step 1: Create Directory Structure

mkdir -p certifications/[provider]/[exam-code]

Example:

mkdir -p certifications/microsoft/az-900

Step 2: Copy and Customize Template

# Copy the quick refresher template as a starting point
cp .templates/quick-refresher-template.md certifications/[provider]/[exam-code]/quick-refresher.md

# Create other required files
touch certifications/[provider]/[exam-code]/index.md
touch certifications/[provider]/[exam-code]/objectives.md
touch certifications/[provider]/[exam-code]/notes.md
touch certifications/[provider]/[exam-code]/exam-tips.md

Step 3: Fill in Content

index.md - Overview page:

  • Exam information (code, duration, questions, passing score)
  • Note freshness section with prep date
  • Target audience and prerequisites
  • Links to all study materials
  • Study progress tracker
  • Additional resources

objectives.md - Exam objectives:

  • Link to official study guide
  • Exam weighting breakdown by domain
  • In-scope services/features (if applicable)

notes.md - Detailed study notes:

  • Comprehensive coverage of all domains
  • Code examples and syntax
  • Best practices and anti-patterns
  • Visual aids (tables, diagrams)
  • Tips and warnings

quick-refresher.md - Last-minute review:

  • Condensed key concepts by domain
  • Decision trees
  • Comparison tables
  • High-frequency topics
  • Common exam traps
  • "Last 5 minutes" checklist

exam-tips.md - Strategy and tips:

  • Exam format overview
  • Question type strategies
  • Time management
  • Common traps to avoid
  • Mental preparation

Step 4: Update Navigation

Edit .vitepress/config.mts:

  1. Add to navigation bar (if new provider):
nav: [
  {
    text: 'Certifications',
    items: [
      { text: 'All Certifications', link: '/certifications/' },
      { text: 'GH-200: GitHub Actions', link: '/certifications/github/gh-actions/' },
      { text: 'YOUR-CERT: Name', link: '/certifications/provider/code/' }
    ]
  }
]
  1. Add to sidebar:
sidebar: {
  '/certifications/': [
    {
      text: 'Provider Name',
      collapsed: false,
      items: [
        {
          text: 'EXAM-CODE: Cert Name',
          collapsed: false,
          items: [
            { text: 'Overview', link: '/certifications/provider/code/' },
            { text: 'Exam Objectives', link: '/certifications/provider/code/objectives' },
            { text: 'Study Notes', link: '/certifications/provider/code/notes' },
            { text: 'Quick Refresher', link: '/certifications/provider/code/quick-refresher' },
            { text: 'Exam Tips', link: '/certifications/provider/code/exam-tips' }
          ]
        }
      ]
    }
  ]
}

Step 5: Update Index Pages

Add your certification to:

  • /certifications/index.md - Main certifications listing
  • /index.md - Home page (if featured)

πŸ”§ Special Considerations

GitHub Actions Syntax in Markdown

If your notes include GitHub Actions syntax with ${{ }}, wrap those sections in <div v-pre> to prevent Vue template compilation errors:

<div v-pre>

```yaml
steps:
  - name: Example
    run: echo "${{ github.repository }}"
```

This prevents VitePress from trying to parse ${{ }} as Vue template expressions during build.


πŸ“Š Progress Tracking

Each certification page includes a visual progress tracker powered by browser localStorage:

  • βœ… 100% Private - Progress never leaves your browser
  • βœ… Persistent - Survives browser sessions
  • βœ… Independent - Each certification tracks separately
  • ⚠️ Local Only - Not synced across devices
  • ⚠️ Browser Data - Clearing cache resets progress

Using the Progress Tracker

<ProgressTracker
  title="GH-200 Study Progress"
  storage-key="gh-200-progress"
  :items="[
    {
      id: 'domain-1',
      label: 'Domain 1: Author and Maintain Workflows',
      children: [
        { id: 'domain-1-1', label: 'Workflow syntax and structure' },
        { id: 'domain-1-2', label: 'Events and triggers' }
      ]
    },
    { id: 'practice', label: 'Practice exam completed' }
  ]"
/>

Important: Use a unique storage-key for each certification!


🎨 Markdown Features

VitePress provides powerful markdown extensions:

Custom Containers

::: tip Exam Tip
This concept appears frequently on the exam!
:::

::: warning Common Pitfall
Many candidates get this wrong - watch out!
:::

::: danger Critical
This is a must-know concept for the exam.
:::

Code Blocks with Highlighting

```javascript
// JavaScript with syntax highlighting
function hello() {
  console.log("Hello, World!");
}
```

Tables

| Feature | Description | Use Case |
|---------|-------------|----------|
| Feature A | What it does | When to use |
| Feature B | What it does | When to use |

Task Lists

- [x] Completed topic
- [ ] Pending topic
- [ ] Not started

πŸ”’ Privacy & Analytics

This site uses privacy-first analytics with Umami:

  • βœ… No cookies - GDPR compliant, no consent needed
  • βœ… No personal data - IP addresses not stored
  • βœ… Anonymous - Cannot identify individual users
  • βœ… EU hosted - Data stored in European servers

What we track:

  • Page views (which study materials are most helpful)
  • Referrer sources (how you found the site)
  • General location (country only)
  • Device type (desktop/mobile/tablet)

What we DON'T track:

  • Personal information
  • IP addresses
  • Cookies
  • Cross-site tracking

See Privacy Policy for details.


πŸš€ Deployment

The site is deployed to a custom domain using GitHub Pages.

Automatic Deployment

Every push to the main branch triggers automatic deployment via GitHub Actions:

# .github/workflows/deploy.yml
- Build VitePress site
- Deploy to GitHub Pages
- Available at notes.gobinath.com

Manual Deployment

npm run docs:build
# Deploy contents of .vitepress/dist to your hosting provider

🀝 Contributing

Contributions are welcome! Here's how you can help:

  1. Report Issues - Found a typo or error? Open an issue
  2. Suggest Improvements - Have ideas for better explanations? Share them!
  3. Add Content - Want to contribute notes for a certification? Submit a PR
  4. Share Feedback - Let us know what's working and what isn't

Contribution Guidelines

  • Follow the existing structure and templates
  • Use clear, concise language
  • Include examples where helpful
  • Cite official documentation
  • Test your changes locally before submitting

πŸ“š Resources

VitePress & Documentation

Certification Resources

Deployment & Hosting


πŸ“„ License

These study notes are shared openly because documenting is the best way to learn.

Feel free to use these notes for your own study, but please don't copy them wholesale for commercial purposes.


πŸ’¬ Feedback

Have questions or suggestions?


πŸ™ Acknowledgments

Built with:

Special thanks to the open-source community for making learning accessible to everyone!


Happy Studying! Good luck with your certifications! πŸŽ“πŸš€

Made with ❀️ and too much β˜• by Gobi

About

πŸ“š Comprehensive study notes for tech certifications. Includes comprehensive study materials, last-minute refreshers, exam strategies, and hands-on examples. Built with VitePress for fast, accessible learning

Topics

Resources

License

Stars

Watchers

Forks