این پروژه صرفاً یک آموزش متنی ساده نیست! Ultimate HTML Mastery یک Web App کامل (SPA) است که بدون استفاده از هیچ فریمورکی (مثل React یا Vue) ساخته شده است. هدف این پروژه آموزش عمیق، معنایی (Semantic) و مدرن HTML5 همراه با محیط تست زنده کدهاست. کاربر در این پلتفرم مستقیماً کد مینویسد، خروجی میگیرد، آزمون میدهد و در نهایت گواهینامه دریافت میکند.
- 🚀 معماری SPA: جابجایی بین فصول بدون رفرش شدن صفحه (Zero Reload) با جاوااسکریپت خالص.
- 💻 ویرایشگر کد زنده (Live Editor): محیط یکپارچه ادیتور کد با قابلیت Syntax Highlighting بومی و رندر زنده درون Iframe ایزوله (Sandbox).
- 🧠 موتور آزمون هوشمند (Quiz Engine): آزمونهای تعاملی با فیدبک زنده و ذخیره وضعیت در حافظه مرورگر.
- 🔖 سیستم نشانهگذاری (Bookmarks): امکان بوکمارک کردن فصول و دسترسی از طریق سایدبار اختصاصی.
- ✍️ دفترچه یادداشت (Personal Notes): ذخیره خودکار (Auto-save) یادداشتهای کاربر برای هر فصل در
LocalStorage. - 💡 تقلبنامه تعاملی (Cheat Sheet): دسترسی سریع به کدهای پرکاربرد با قابلیت Copy-to-Clipboard.
- 🎓 صدور گواهینامه (Certificate): سیستم محاسبه پیشرفت کاربر و صدور گواهینامه پایان دوره با امکان چاپ.
- 🌓 تم تاریک و روشن (Dark/Light Mode): طراحی چشمنواز با قابلیت تشخیص خودکار تم سیستمعامل.
- مفاهیم پایه: آناتومی HTML، متادیتا، کار با متون، تصاویر، لیستها و پیوندها.
- جداول و فرمها: معماری جداول پیشرفته، فرمها، انواع Inputها و اعتبارسنجی (Validation).
- معناگرایی (Semantic): ساختار استاندارد وب، Accessibility و سئو.
- امکانات مدرن: صوت و ویدیو، Canvas، گرافیک SVG، تگهای Details و Dialog، و بهینهسازی سرعت (Lazy Loading).
این پروژه به هیچ بیلدتول (Build Tool) یا سروری نیاز ندارد!
- پروژه را Clone یا دانلود کنید.
- فایل
index.htmlرا در مرورگر خود باز کنید. - لذت ببرید!
هرگونه Pull Request برای بهبود محتوا، افزودن چالشهای جدید یا ارتقای UI/UX به شدت استقبال میشود.
ساخته شده با ❤️ برای جامعه برنامهنویسان