|
|
<!DOCTYPE html> |
|
|
<html lang="fa" dir="rtl"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>پلتفرم آموزش توسعه وب - Web Learning Platform</title> |
|
|
<meta name="description" content="پلتفرم آموزشی تعاملی برای یادگیری توسعه وب"> |
|
|
|
|
|
|
|
|
<link rel="stylesheet" href="css/style.css"> |
|
|
<link rel="stylesheet" href="css/auth.css"> |
|
|
<link rel="stylesheet" href="css/responsive.css"> |
|
|
|
|
|
|
|
|
<link rel="preconnect" href="https://fonts.googleapis.com"> |
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> |
|
|
</head> |
|
|
<body> |
|
|
|
|
|
<header id="mainHeader"> |
|
|
|
|
|
</header> |
|
|
|
|
|
|
|
|
<section id="authSection" class="auth-section"> |
|
|
|
|
|
</section> |
|
|
|
|
|
|
|
|
<main class="container"> |
|
|
|
|
|
<section class="lesson-section" id="lessonSection"> |
|
|
<div class="section-header"> |
|
|
<h2>📖 محتوای آموزشی</h2> |
|
|
<div class="progress-indicator" id="progressIndicator"> |
|
|
<span>روز ۱ از ۱۰</span> |
|
|
</div> |
|
|
</div> |
|
|
<div id="lessonContent" class="lesson-content"> |
|
|
<div class="loading">در حال بارگذاری محتوا...</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<div class="assessment-grid"> |
|
|
|
|
|
<section class="quiz-section" id="quizSection"> |
|
|
<h2>❓ آزمون کوتاه</h2> |
|
|
<div class="quiz-container"> |
|
|
<form id="quizForm"> |
|
|
<div class="loading">در حال بارگذاری سوالات...</div> |
|
|
</form> |
|
|
<div id="quizFeedback" class="feedback-container"></div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="exercise-section" id="exerciseSection"> |
|
|
<h2>✏️ تمرین عملی</h2> |
|
|
<div class="exercise-container"> |
|
|
<div class="loading">در حال بارگذاری تمرین...</div> |
|
|
<div id="exerciseContent"></div> |
|
|
<div id="exerciseFeedback" class="feedback-container"></div> |
|
|
</div> |
|
|
</section> |
|
|
</div> |
|
|
|
|
|
|
|
|
<section class="progress-section" id="progressSection"> |
|
|
<h2>📊 پیشرفت شما</h2> |
|
|
<div id="progressContent"> |
|
|
|
|
|
</div> |
|
|
</section> |
|
|
</main> |
|
|
|
|
|
|
|
|
<footer id="mainFooter"> |
|
|
|
|
|
</footer> |
|
|
|
|
|
|
|
|
<div id="modalContainer"></div> |
|
|
|
|
|
|
|
|
<script src="js/auth/authentication.js"></script> |
|
|
<script src="js/auth/authorization.js"></script> |
|
|
<script src="js/auth/user_management.js"></script> |
|
|
|
|
|
<script src="js/middleware/auth_middleware.js"></script> |
|
|
<script src="js/middleware/validation_middleware.js"></script> |
|
|
|
|
|
<script src="js/logic/utils.js"></script> |
|
|
<script src="js/logic/reward.js"></script> |
|
|
<script src="js/logic/logic.js"></script> |
|
|
|
|
|
<script src="js/ui/lesson_ui.js"></script> |
|
|
<script src="js/ui/quiz_ui.js"></script> |
|
|
<script src="js/ui/exercise_ui.js"></script> |
|
|
|
|
|
<script src="js/components/header.js"></script> |
|
|
<script src="js/components/modal.js"></script> |
|
|
<script src="js/components/navigation.js"></script> |
|
|
|
|
|
<script src="js/app.js"></script> |
|
|
</body> |
|
|
</html> |
