| <!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> |
