Frontend for Project Managers 🎯

An interactive presentation for teaching PMs the fundamentals of frontend development.

📊 About the Project

Slides with practical cases, examples, and checklists that help project managers better understand frontend teams and avoid common mistakes.

Key Topics:

• 🧩 Component-based thinking
• 📱 Responsiveness and responsive design
• 🔌 API integration
• ⚡ Performance and optimization
• ♿ Accessibility (A11Y)
• 🧪 Testing
• 💸 Technical debt
• 📈 Success metrics

🚀 Quick Start

# Install dependencies
npm install

# Run dev server
npm run dev

# Build for production
npm run build

🛠️ Technologies

• Vue 3 – Composition API
• TypeScript – Static typing
• Pinia – State management
• Vite – Fast dev server
• SCSS – CSS preprocessor

💡 Useful Resources

All resources for further learning are available on slide #51:

• MDN Web Docs
• web.dev by Google
• CSS-Tricks
• State of JS
• and others

🤝 Contribution

The presentation is based on real-world experience of frontend developers working with PMs. If you have additional cases or examples, feel free to contribute via pull requests!

📄 License

MIT — feel free to use for learning and internal workshops.

---

Made with ❤️ for better communication between PMs and frontend teams