Development Resources

Essential Tools & References

This collection includes essential tools, references, and best practices for web development. Bookmark these resources for quick access during projects.

⚙️ VS Code Tips

Development tools

Essential VS Code setup and productivity tips

Essential Extensions Live Server - Local development server with live reload TODO Highlight - Highlight TODO comments in your code Prettier - Code formatter for...

View Resource

📄 Markdown Basics

Documentation

GitHub-Flavored Markdown essentials

What is Markdown? Markdown is a lightweight markup language that allows you to format text using simple syntax. GitHub uses a variant called GitHub-Flavored Markdown...

View Resource

🔤 NATO Phonetic & Disambiguation

Reference

Clear communication and naming conventions

Why NATO Phonetic? We use NATO codes (Alpha, Bravo, …) to avoid confusion in verbal communication and project naming. Disambiguation Example Bit vs Byte: the...

View Resource

⌨️ Keyboard Shortcuts

Productivity

Essential shortcuts for productivity

Operating System & Browser Shortcuts Universal (OS & Browser) | Action | macOS | Windows/Linux | |——–|——-|—————| | Copy | ⌘+C | Ctrl+C | |...

View Resource

🧠 Ergonomics & Well-Being

Health

Healthy computing habits for developers

Physical Ergonomics Desk Setup Chair: Lumbar support, adjustable height, armrests Monitor: Top of screen at eye level, 20-26 inches away Keyboard: Wrists neutral, not bent...

View Resource

Development Tools

Learning Materials

Health & Wellness

Need Help?

If you're looking for additional resources or have suggestions for this collection, reach out via email or during office hours.