باسل سلام https://ftp.rooaya.com/ar ar CSS Level 1 https://ftp.rooaya.com/ar/course/156 <!-- THEME DEBUG --> <!-- THEME HOOK: 'ds_entity_view' --> <!-- BEGIN OUTPUT from 'modules/contrib/ds/templates/ds-entity-view.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'ds_2col_stacked' --> <!-- FILE NAME SUGGESTIONS: ▪️ ds-2col-stacked--node--66.html.twig ▪️ ds-2col-stacked--node-course-rss.html.twig ▪️ ds-2col-stacked--node-course.html.twig ▪️ ds-2col-stacked--node-rss.html.twig ▪️ ds-2col-stacked--node.html.twig ✅ ds-2col-stacked.html.twig ✅ ds-2col-stacked.html.twig --> <!-- BEGIN OUTPUT from 'modules/contrib/ds/templates/ds-2col-stacked.html.twig' --> <div class="row node node--type-course node--view-mode-rss ds-2col-stacked clearfix"> <div class="group-header"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'links__node' --> <!-- FILE NAME SUGGESTIONS: ✅ links--node.html.twig ✅ links--node.html.twig ▪️ links.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap5/templates/content/links--node.html.twig' --> <!-- END OUTPUT from 'themes/contrib/bootstrap5/templates/content/links--node.html.twig' --> </div> <div class="col-sm-12 col-md-6 group-left"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--ds-field-default.html.twig ▪️ field--node--field-course-level--course.html.twig ▪️ field--node--field-course-level.html.twig ▪️ field--node--course.html.twig ▪️ field--field-course-level.html.twig ▪️ field--entity-reference.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> <div class="course_level_page field field--name-field-course-level field--type-entity-reference field--label-inline clearfix"> <div class="field__label">مستوى الكورس</div> <div class="field__item">مبتدئ</div> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--ds-field-default.html.twig ▪️ field--node--field-course-term--course.html.twig ▪️ field--node--field-course-term.html.twig ▪️ field--node--course.html.twig ▪️ field--field-course-term.html.twig ▪️ field--entity-reference.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> <div class="course_type_page field field--name-field-course-term field--type-entity-reference field--label-inline clearfix"> <div class="field__label">تصنيف الكورس</div> <div class="field__item">مسار تطوير مواقع</div> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--ds-field-default.html.twig ▪️ field--node--field-course-time--course.html.twig ▪️ field--node--field-course-time.html.twig ▪️ field--node--course.html.twig ▪️ field--field-course-time.html.twig ▪️ field--string.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> <div class="course_time_page field field--name-field-course-time field--type-string field--label-inline clearfix"> <div class="field__label">مدة الكورس</div> <div class="field__item">2 ساعة و 52 دقيقة</div> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--ds-field-default.html.twig ▪️ field--node--field-lmhdr--course.html.twig ▪️ field--node--field-lmhdr.html.twig ▪️ field--node--course.html.twig ▪️ field--field-lmhdr.html.twig ▪️ field--entity-reference.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> <div class="course_teacher field field--name-field-lmhdr field--type-entity-reference field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'ds_entity_view' --> <!-- BEGIN OUTPUT from 'modules/contrib/ds/templates/ds-entity-view.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'ds_1col' --> <!-- FILE NAME SUGGESTIONS: ▪️ ds-1col--taxonomy-term--33.html.twig ▪️ ds-1col--taxonomy-term-teachers-img-name.html.twig ▪️ ds-1col--taxonomy-term-teachers.html.twig ▪️ ds-1col--taxonomy-term-img-name.html.twig ▪️ ds-1col--taxonomy-term.html.twig ✅ ds-1col.html.twig ✅ ds-1col.html.twig --> <!-- BEGIN OUTPUT from 'modules/contrib/ds/templates/ds-1col.html.twig' --> <div class="ds-1col clearfix"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--ds-field-default.html.twig ▪️ field--taxonomy-term--field-teacher-img--teachers.html.twig ▪️ field--taxonomy-term--field-teacher-img.html.twig ▪️ field--taxonomy-term--teachers.html.twig ▪️ field--field-teacher-img.html.twig ▪️ field--image.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> <div class="teacher-imga field field--name-field-teacher-img field--type-image field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap5/templates/field/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap5/templates/field/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap5/templates/field/image.html.twig' --> <img loading="lazy" src="/sites/default/files/styles/teacher_img/public/2025-07/%D8%A8%D8%A7%D8%B3%D9%84%20%D8%A7%D8%B3%D9%84%D8%A7%D9%85.jpeg?itok=64UwXsZk" width="400" height="400" alt="باسل اسلام" title="مهندس مبرمج" class="img-fluid image-style-teacher-img" /> <!-- END OUTPUT from 'themes/contrib/bootstrap5/templates/field/image.html.twig' --> <!-- END OUTPUT from 'themes/contrib/bootstrap5/templates/field/image-style.html.twig' --> <!-- END OUTPUT from 'themes/contrib/bootstrap5/templates/field/image-formatter.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--ds-field-default.html.twig ▪️ field--taxonomy-term--taxonomy-term-title--teachers.html.twig ▪️ field--taxonomy-term--taxonomy-term-title.html.twig ▪️ field--taxonomy-term--teachers.html.twig ▪️ field--taxonomy-term-title.html.twig ▪️ field--ds.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> <div class="field field--name-taxonomy-term-title field--type-ds field--label-hidden field__item"><h4> <a href="/ar/%D8%A7%D9%84%D9%85%D8%AD%D8%A7%D8%B6%D8%B1%D9%8A%D9%86/%D8%A8%D8%A7%D8%B3%D9%84-%D8%B3%D9%84%D8%A7%D9%85" class="teacher-link" hreflang="ar">باسل سلام</a> </h4> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> </div> <!-- END OUTPUT from 'modules/contrib/ds/templates/ds-1col.html.twig' --> <!-- END OUTPUT from 'modules/contrib/ds/templates/ds-entity-view.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--ds-field-default.html.twig ▪️ field--node--body--course.html.twig ▪️ field--node--body.html.twig ▪️ field--node--course.html.twig ▪️ field--body.html.twig ✅ field--text-with-summary.html.twig ▪️ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap5/templates/field/field--text-with-summary.html.twig' --> <div class="course_body clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p>اضف الألوان ، الجمال &nbsp;و التناسق إلى مواقعك الإلكترونية بتعلّم لغة CSS من البداية !<br>وصف الدورة :<br>CSS ( Cascading Style Sheets ) هي اللغة المسؤولة عن تنسيق شكل و تصميم صفحات الويب من ألوان و خطوط و خلفيات و توزيع العناصر .<br>في هذه الدورة التمهيدية ستتعلّم أساسيات CSS خطوة بخطوة لتنتقل من صفحة HTML بسيطة إلى واجهة موقع أنيقة و متناسقة .</p> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap5/templates/field/field--text-with-summary.html.twig' --> </div> <div class="col-sm-12 col-md-6 group-right"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--ds-field-default.html.twig ▪️ field--node--field-upload-video--course.html.twig ▪️ field--node--field-upload-video.html.twig ▪️ field--node--course.html.twig ▪️ field--field-upload-video.html.twig ▪️ field--entity-reference.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> <div class="fitvids field field--name-field-upload-video field--type-entity-reference field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: ▪️ media--source-video-file.html.twig ▪️ media--fydw--videojs.html.twig ▪️ media--fydw.html.twig ▪️ media--videojs.html.twig ✅ media.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap5/templates/content/media.html.twig' --> <div class="media media--type-fydw media--view-mode-videojs"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--media--field-media-video-file--fydw.html.twig ▪️ field--media--field-media-video-file.html.twig ▪️ field--media--fydw.html.twig ▪️ field--field-media-video-file.html.twig ▪️ field--file.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> <div class="field field--name-field-media-video-file field--type-file field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'videojs' --> <!-- BEGIN OUTPUT from 'modules/contrib/videojs/templates/videojs.html.twig' --> <video data-setup="{}" class="video-js vjs-default-skin vjs-big-play-centered" preload="auto" controls style="width:640px;height:480px;" muted> <source src="https://ftp.rooaya.com/sites/default/files/2025-07/Lv%200%2020250709170724%281%29_2.mp4"/> </video> <!-- END OUTPUT from 'modules/contrib/videojs/templates/videojs.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap5/templates/content/media.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> </div> <div class="group-footer"> </div> </div> <!-- END OUTPUT from 'modules/contrib/ds/templates/ds-2col-stacked.html.twig' --> <!-- END OUTPUT from 'modules/contrib/ds/templates/ds-entity-view.html.twig' --> Mon, 21 Jul 2025 12:11:24 +0000 admin 66 at https://ftp.rooaya.com JavaScript https://ftp.rooaya.com/ar/course/155 <!-- THEME DEBUG --> <!-- THEME HOOK: 'ds_entity_view' --> <!-- BEGIN OUTPUT from 'modules/contrib/ds/templates/ds-entity-view.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'ds_2col_stacked' --> <!-- FILE NAME SUGGESTIONS: ▪️ ds-2col-stacked--node--68.html.twig ▪️ ds-2col-stacked--node-course-rss.html.twig ▪️ ds-2col-stacked--node-course.html.twig ▪️ ds-2col-stacked--node-rss.html.twig ▪️ ds-2col-stacked--node.html.twig ✅ ds-2col-stacked.html.twig ✅ ds-2col-stacked.html.twig --> <!-- BEGIN OUTPUT from 'modules/contrib/ds/templates/ds-2col-stacked.html.twig' --> <div class="row node node--type-course node--view-mode-rss ds-2col-stacked clearfix"> <div class="group-header"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'links__node' --> <!-- FILE NAME SUGGESTIONS: ✅ links--node.html.twig ✅ links--node.html.twig ▪️ links.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap5/templates/content/links--node.html.twig' --> <!-- END OUTPUT from 'themes/contrib/bootstrap5/templates/content/links--node.html.twig' --> </div> <div class="col-sm-12 col-md-6 group-left"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--ds-field-default.html.twig ▪️ field--node--field-course-level--course.html.twig ▪️ field--node--field-course-level.html.twig ▪️ field--node--course.html.twig ▪️ field--field-course-level.html.twig ▪️ field--entity-reference.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> <div class="course_level_page field field--name-field-course-level field--type-entity-reference field--label-inline clearfix"> <div class="field__label">مستوى الكورس</div> <div class="field__item">متوسط</div> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--ds-field-default.html.twig ▪️ field--node--field-course-term--course.html.twig ▪️ field--node--field-course-term.html.twig ▪️ field--node--course.html.twig ▪️ field--field-course-term.html.twig ▪️ field--entity-reference.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> <div class="course_type_page field field--name-field-course-term field--type-entity-reference field--label-inline clearfix"> <div class="field__label">تصنيف الكورس</div> <div class="field__item">مسار تطوير مواقع</div> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--ds-field-default.html.twig ▪️ field--node--field-course-time--course.html.twig ▪️ field--node--field-course-time.html.twig ▪️ field--node--course.html.twig ▪️ field--field-course-time.html.twig ▪️ field--string.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> <div class="course_time_page field field--name-field-course-time field--type-string field--label-inline clearfix"> <div class="field__label">مدة الكورس</div> <div class="field__item">3 ساعة و 10 دقيقة</div> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--ds-field-default.html.twig ▪️ field--node--field-lmhdr--course.html.twig ▪️ field--node--field-lmhdr.html.twig ▪️ field--node--course.html.twig ▪️ field--field-lmhdr.html.twig ▪️ field--entity-reference.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> <div class="course_teacher field field--name-field-lmhdr field--type-entity-reference field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'ds_entity_view' --> <!-- BEGIN OUTPUT from 'modules/contrib/ds/templates/ds-entity-view.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'ds_1col' --> <!-- FILE NAME SUGGESTIONS: ▪️ ds-1col--taxonomy-term--33.html.twig ▪️ ds-1col--taxonomy-term-teachers-img-name.html.twig ▪️ ds-1col--taxonomy-term-teachers.html.twig ▪️ ds-1col--taxonomy-term-img-name.html.twig ▪️ ds-1col--taxonomy-term.html.twig ✅ ds-1col.html.twig ✅ ds-1col.html.twig --> <!-- BEGIN OUTPUT from 'modules/contrib/ds/templates/ds-1col.html.twig' --> <div class="ds-1col clearfix"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--ds-field-default.html.twig ▪️ field--taxonomy-term--field-teacher-img--teachers.html.twig ▪️ field--taxonomy-term--field-teacher-img.html.twig ▪️ field--taxonomy-term--teachers.html.twig ▪️ field--field-teacher-img.html.twig ▪️ field--image.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> <div class="teacher-imga field field--name-field-teacher-img field--type-image field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap5/templates/field/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap5/templates/field/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap5/templates/field/image.html.twig' --> <img loading="lazy" src="/sites/default/files/styles/teacher_img/public/2025-07/%D8%A8%D8%A7%D8%B3%D9%84%20%D8%A7%D8%B3%D9%84%D8%A7%D9%85.jpeg?itok=64UwXsZk" width="400" height="400" alt="باسل اسلام" title="مهندس مبرمج" class="img-fluid image-style-teacher-img" /> <!-- END OUTPUT from 'themes/contrib/bootstrap5/templates/field/image.html.twig' --> <!-- END OUTPUT from 'themes/contrib/bootstrap5/templates/field/image-style.html.twig' --> <!-- END OUTPUT from 'themes/contrib/bootstrap5/templates/field/image-formatter.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--ds-field-default.html.twig ▪️ field--taxonomy-term--taxonomy-term-title--teachers.html.twig ▪️ field--taxonomy-term--taxonomy-term-title.html.twig ▪️ field--taxonomy-term--teachers.html.twig ▪️ field--taxonomy-term-title.html.twig ▪️ field--ds.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> <div class="field field--name-taxonomy-term-title field--type-ds field--label-hidden field__item"><h4> <a href="/ar/%D8%A7%D9%84%D9%85%D8%AD%D8%A7%D8%B6%D8%B1%D9%8A%D9%86/%D8%A8%D8%A7%D8%B3%D9%84-%D8%B3%D9%84%D8%A7%D9%85" class="teacher-link" hreflang="ar">باسل سلام</a> </h4> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> </div> <!-- END OUTPUT from 'modules/contrib/ds/templates/ds-1col.html.twig' --> <!-- END OUTPUT from 'modules/contrib/ds/templates/ds-entity-view.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--ds-field-default.html.twig ▪️ field--node--body--course.html.twig ▪️ field--node--body.html.twig ▪️ field--node--course.html.twig ▪️ field--body.html.twig ✅ field--text-with-summary.html.twig ▪️ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap5/templates/field/field--text-with-summary.html.twig' --> <div class="course_body clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p>ابدأ من الأساسيات حتى بناء تطبيقات متقدمة بـ JavaScript وكن جاهزًا لسوق العمل كمطوّر محترف !<br>وصف الدورة :<br>هذه الدورة الشاملة تغطي لغة JavaScript بالكامل من المستوى المبتدئ حتى مستوى متقدم .<br>ستتعلّم كتابة كود نظيف وفعّال ، بناء مشاريع حقيقية ، التعامل مع واجهات برمجة التطبيقات ( APIs ) و معرفة أساسيات البرمجة الكائنية ( OOP )<br>و كل ما تحتاجه لتصبح مطوّر واجهات أمامية (Front-End Developer ) أو مطوّر JavaScript محترف .</p> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap5/templates/field/field--text-with-summary.html.twig' --> </div> <div class="col-sm-12 col-md-6 group-right"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--ds-field-default.html.twig ▪️ field--node--field-upload-video--course.html.twig ▪️ field--node--field-upload-video.html.twig ▪️ field--node--course.html.twig ▪️ field--field-upload-video.html.twig ▪️ field--entity-reference.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> <div class="fitvids field field--name-field-upload-video field--type-entity-reference field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: ▪️ media--source-video-file.html.twig ▪️ media--fydw--videojs.html.twig ▪️ media--fydw.html.twig ▪️ media--videojs.html.twig ✅ media.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap5/templates/content/media.html.twig' --> <div class="media media--type-fydw media--view-mode-videojs"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--media--field-media-video-file--fydw.html.twig ▪️ field--media--field-media-video-file.html.twig ▪️ field--media--fydw.html.twig ▪️ field--field-media-video-file.html.twig ▪️ field--file.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> <div class="field field--name-field-media-video-file field--type-file field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'videojs' --> <!-- BEGIN OUTPUT from 'modules/contrib/videojs/templates/videojs.html.twig' --> <video data-setup="{}" class="video-js vjs-default-skin vjs-big-play-centered" preload="auto" controls style="width:640px;height:480px;" muted> <source src="https://ftp.rooaya.com/sites/default/files/2025-07/Lv%200%2020250709170724%281%29_4.mp4"/> </video> <!-- END OUTPUT from 'modules/contrib/videojs/templates/videojs.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap5/templates/content/media.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> </div> <div class="group-footer"> </div> </div> <!-- END OUTPUT from 'modules/contrib/ds/templates/ds-2col-stacked.html.twig' --> <!-- END OUTPUT from 'modules/contrib/ds/templates/ds-entity-view.html.twig' --> Mon, 21 Jul 2025 12:18:40 +0000 admin 68 at https://ftp.rooaya.com CSS Level 2 https://ftp.rooaya.com/ar/course/170 <!-- THEME DEBUG --> <!-- THEME HOOK: 'ds_entity_view' --> <!-- BEGIN OUTPUT from 'modules/contrib/ds/templates/ds-entity-view.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'ds_2col_stacked' --> <!-- FILE NAME SUGGESTIONS: ▪️ ds-2col-stacked--node--67.html.twig ▪️ ds-2col-stacked--node-course-rss.html.twig ▪️ ds-2col-stacked--node-course.html.twig ▪️ ds-2col-stacked--node-rss.html.twig ▪️ ds-2col-stacked--node.html.twig ✅ ds-2col-stacked.html.twig ✅ ds-2col-stacked.html.twig --> <!-- BEGIN OUTPUT from 'modules/contrib/ds/templates/ds-2col-stacked.html.twig' --> <div class="row node node--type-course node--view-mode-rss ds-2col-stacked clearfix"> <div class="group-header"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'links__node' --> <!-- FILE NAME SUGGESTIONS: ✅ links--node.html.twig ✅ links--node.html.twig ▪️ links.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap5/templates/content/links--node.html.twig' --> <!-- END OUTPUT from 'themes/contrib/bootstrap5/templates/content/links--node.html.twig' --> </div> <div class="col-sm-12 col-md-6 group-left"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--ds-field-default.html.twig ▪️ field--node--field-course-level--course.html.twig ▪️ field--node--field-course-level.html.twig ▪️ field--node--course.html.twig ▪️ field--field-course-level.html.twig ▪️ field--entity-reference.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> <div class="course_level_page field field--name-field-course-level field--type-entity-reference field--label-inline clearfix"> <div class="field__label">مستوى الكورس</div> <div class="field__item">متقدم</div> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--ds-field-default.html.twig ▪️ field--node--field-course-term--course.html.twig ▪️ field--node--field-course-term.html.twig ▪️ field--node--course.html.twig ▪️ field--field-course-term.html.twig ▪️ field--entity-reference.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> <div class="course_type_page field field--name-field-course-term field--type-entity-reference field--label-inline clearfix"> <div class="field__label">تصنيف الكورس</div> <div class="field__item">مسار تطوير مواقع</div> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--ds-field-default.html.twig ▪️ field--node--field-course-time--course.html.twig ▪️ field--node--field-course-time.html.twig ▪️ field--node--course.html.twig ▪️ field--field-course-time.html.twig ▪️ field--string.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> <div class="course_time_page field field--name-field-course-time field--type-string field--label-inline clearfix"> <div class="field__label">مدة الكورس</div> <div class="field__item">3 ساعة و 59 دقيقة</div> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--ds-field-default.html.twig ▪️ field--node--field-lmhdr--course.html.twig ▪️ field--node--field-lmhdr.html.twig ▪️ field--node--course.html.twig ▪️ field--field-lmhdr.html.twig ▪️ field--entity-reference.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> <div class="course_teacher field field--name-field-lmhdr field--type-entity-reference field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'ds_entity_view' --> <!-- BEGIN OUTPUT from 'modules/contrib/ds/templates/ds-entity-view.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'ds_1col' --> <!-- FILE NAME SUGGESTIONS: ▪️ ds-1col--taxonomy-term--33.html.twig ▪️ ds-1col--taxonomy-term-teachers-img-name.html.twig ▪️ ds-1col--taxonomy-term-teachers.html.twig ▪️ ds-1col--taxonomy-term-img-name.html.twig ▪️ ds-1col--taxonomy-term.html.twig ✅ ds-1col.html.twig ✅ ds-1col.html.twig --> <!-- BEGIN OUTPUT from 'modules/contrib/ds/templates/ds-1col.html.twig' --> <div class="ds-1col clearfix"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--ds-field-default.html.twig ▪️ field--taxonomy-term--field-teacher-img--teachers.html.twig ▪️ field--taxonomy-term--field-teacher-img.html.twig ▪️ field--taxonomy-term--teachers.html.twig ▪️ field--field-teacher-img.html.twig ▪️ field--image.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> <div class="teacher-imga field field--name-field-teacher-img field--type-image field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap5/templates/field/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap5/templates/field/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap5/templates/field/image.html.twig' --> <img loading="lazy" src="/sites/default/files/styles/teacher_img/public/2025-07/%D8%A8%D8%A7%D8%B3%D9%84%20%D8%A7%D8%B3%D9%84%D8%A7%D9%85.jpeg?itok=64UwXsZk" width="400" height="400" alt="باسل اسلام" title="مهندس مبرمج" class="img-fluid image-style-teacher-img" /> <!-- END OUTPUT from 'themes/contrib/bootstrap5/templates/field/image.html.twig' --> <!-- END OUTPUT from 'themes/contrib/bootstrap5/templates/field/image-style.html.twig' --> <!-- END OUTPUT from 'themes/contrib/bootstrap5/templates/field/image-formatter.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--ds-field-default.html.twig ▪️ field--taxonomy-term--taxonomy-term-title--teachers.html.twig ▪️ field--taxonomy-term--taxonomy-term-title.html.twig ▪️ field--taxonomy-term--teachers.html.twig ▪️ field--taxonomy-term-title.html.twig ▪️ field--ds.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> <div class="field field--name-taxonomy-term-title field--type-ds field--label-hidden field__item"><h4> <a href="/ar/%D8%A7%D9%84%D9%85%D8%AD%D8%A7%D8%B6%D8%B1%D9%8A%D9%86/%D8%A8%D8%A7%D8%B3%D9%84-%D8%B3%D9%84%D8%A7%D9%85" class="teacher-link" hreflang="ar">باسل سلام</a> </h4> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> </div> <!-- END OUTPUT from 'modules/contrib/ds/templates/ds-1col.html.twig' --> <!-- END OUTPUT from 'modules/contrib/ds/templates/ds-entity-view.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--ds-field-default.html.twig ▪️ field--node--body--course.html.twig ▪️ field--node--body.html.twig ▪️ field--node--course.html.twig ▪️ field--body.html.twig ✅ field--text-with-summary.html.twig ▪️ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap5/templates/field/field--text-with-summary.html.twig' --> <div class="course_body clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p>ارتقِ بتصميم مواقعك إلى مستوى متقدم مع دورة CSS Level 2<br>وصف الدورة :<br>ستتعلّم مهارات احترافية في تنسيق العناصر ، التعامل مع تخطيطات Flexbox و Grid و التحكم الكامل بمظهر و هيكل الصفحات<br>الدورة مصممة بأسلوب عملي و تغطي مفاهيم أساسية لأي مطوّر واجهات أمامية يسعى للتميّز .</p> <p>في هذه الدورة ستتعلم شرح مبسّط لمفاهيم CSS المتقدمة , تدريبات عملية بعد كل وحدة , تغطية Flexbox وCSS Grid بشكل تطبيقي , أمثلة واقعية لبناء تخطيطات احترافية .</p> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap5/templates/field/field--text-with-summary.html.twig' --> </div> <div class="col-sm-12 col-md-6 group-right"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--ds-field-default.html.twig ▪️ field--node--field-upload-video--course.html.twig ▪️ field--node--field-upload-video.html.twig ▪️ field--node--course.html.twig ▪️ field--field-upload-video.html.twig ▪️ field--entity-reference.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> <div class="fitvids field field--name-field-upload-video field--type-entity-reference field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: ▪️ media--source-video-file.html.twig ▪️ media--fydw--videojs.html.twig ▪️ media--fydw.html.twig ▪️ media--videojs.html.twig ✅ media.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap5/templates/content/media.html.twig' --> <div class="media media--type-fydw media--view-mode-videojs"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--media--field-media-video-file--fydw.html.twig ▪️ field--media--field-media-video-file.html.twig ▪️ field--media--fydw.html.twig ▪️ field--field-media-video-file.html.twig ▪️ field--file.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> <div class="field field--name-field-media-video-file field--type-file field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'videojs' --> <!-- BEGIN OUTPUT from 'modules/contrib/videojs/templates/videojs.html.twig' --> <video data-setup="{}" class="video-js vjs-default-skin vjs-big-play-centered" preload="auto" controls style="width:640px;height:480px;" muted> <source src="https://ftp.rooaya.com/sites/default/files/2025-07/Lv%200%2020250709170724%281%29_3.mp4"/> </video> <!-- END OUTPUT from 'modules/contrib/videojs/templates/videojs.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap5/templates/content/media.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> </div> <div class="group-footer"> </div> </div> <!-- END OUTPUT from 'modules/contrib/ds/templates/ds-2col-stacked.html.twig' --> <!-- END OUTPUT from 'modules/contrib/ds/templates/ds-entity-view.html.twig' --> Mon, 21 Jul 2025 12:14:51 +0000 admin 67 at https://ftp.rooaya.com تصميم صفحات الويب - HTML Level 2 https://ftp.rooaya.com/ar/course/182 <!-- THEME DEBUG --> <!-- THEME HOOK: 'ds_entity_view' --> <!-- BEGIN OUTPUT from 'modules/contrib/ds/templates/ds-entity-view.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'ds_2col_stacked' --> <!-- FILE NAME SUGGESTIONS: ▪️ ds-2col-stacked--node--65.html.twig ▪️ ds-2col-stacked--node-course-rss.html.twig ▪️ ds-2col-stacked--node-course.html.twig ▪️ ds-2col-stacked--node-rss.html.twig ▪️ ds-2col-stacked--node.html.twig ✅ ds-2col-stacked.html.twig ✅ ds-2col-stacked.html.twig --> <!-- BEGIN OUTPUT from 'modules/contrib/ds/templates/ds-2col-stacked.html.twig' --> <div class="row node node--type-course node--view-mode-rss ds-2col-stacked clearfix"> <div class="group-header"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'links__node' --> <!-- FILE NAME SUGGESTIONS: ✅ links--node.html.twig ✅ links--node.html.twig ▪️ links.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap5/templates/content/links--node.html.twig' --> <!-- END OUTPUT from 'themes/contrib/bootstrap5/templates/content/links--node.html.twig' --> </div> <div class="col-sm-12 col-md-6 group-left"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--ds-field-default.html.twig ▪️ field--node--field-course-level--course.html.twig ▪️ field--node--field-course-level.html.twig ▪️ field--node--course.html.twig ▪️ field--field-course-level.html.twig ▪️ field--entity-reference.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> <div class="course_level_page field field--name-field-course-level field--type-entity-reference field--label-inline clearfix"> <div class="field__label">مستوى الكورس</div> <div class="field__item">متقدم</div> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--ds-field-default.html.twig ▪️ field--node--field-course-term--course.html.twig ▪️ field--node--field-course-term.html.twig ▪️ field--node--course.html.twig ▪️ field--field-course-term.html.twig ▪️ field--entity-reference.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> <div class="course_type_page field field--name-field-course-term field--type-entity-reference field--label-inline clearfix"> <div class="field__label">تصنيف الكورس</div> <div class="field__item">مسار تطوير مواقع</div> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--ds-field-default.html.twig ▪️ field--node--field-course-time--course.html.twig ▪️ field--node--field-course-time.html.twig ▪️ field--node--course.html.twig ▪️ field--field-course-time.html.twig ▪️ field--string.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> <div class="course_time_page field field--name-field-course-time field--type-string field--label-inline clearfix"> <div class="field__label">مدة الكورس</div> <div class="field__item">2 ساعة و 71 دقيقة</div> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--ds-field-default.html.twig ▪️ field--node--field-lmhdr--course.html.twig ▪️ field--node--field-lmhdr.html.twig ▪️ field--node--course.html.twig ▪️ field--field-lmhdr.html.twig ▪️ field--entity-reference.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> <div class="course_teacher field field--name-field-lmhdr field--type-entity-reference field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'ds_entity_view' --> <!-- BEGIN OUTPUT from 'modules/contrib/ds/templates/ds-entity-view.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'ds_1col' --> <!-- FILE NAME SUGGESTIONS: ▪️ ds-1col--taxonomy-term--33.html.twig ▪️ ds-1col--taxonomy-term-teachers-img-name.html.twig ▪️ ds-1col--taxonomy-term-teachers.html.twig ▪️ ds-1col--taxonomy-term-img-name.html.twig ▪️ ds-1col--taxonomy-term.html.twig ✅ ds-1col.html.twig ✅ ds-1col.html.twig --> <!-- BEGIN OUTPUT from 'modules/contrib/ds/templates/ds-1col.html.twig' --> <div class="ds-1col clearfix"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--ds-field-default.html.twig ▪️ field--taxonomy-term--field-teacher-img--teachers.html.twig ▪️ field--taxonomy-term--field-teacher-img.html.twig ▪️ field--taxonomy-term--teachers.html.twig ▪️ field--field-teacher-img.html.twig ▪️ field--image.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> <div class="teacher-imga field field--name-field-teacher-img field--type-image field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap5/templates/field/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap5/templates/field/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap5/templates/field/image.html.twig' --> <img loading="lazy" src="/sites/default/files/styles/teacher_img/public/2025-07/%D8%A8%D8%A7%D8%B3%D9%84%20%D8%A7%D8%B3%D9%84%D8%A7%D9%85.jpeg?itok=64UwXsZk" width="400" height="400" alt="باسل اسلام" title="مهندس مبرمج" class="img-fluid image-style-teacher-img" /> <!-- END OUTPUT from 'themes/contrib/bootstrap5/templates/field/image.html.twig' --> <!-- END OUTPUT from 'themes/contrib/bootstrap5/templates/field/image-style.html.twig' --> <!-- END OUTPUT from 'themes/contrib/bootstrap5/templates/field/image-formatter.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--ds-field-default.html.twig ▪️ field--taxonomy-term--taxonomy-term-title--teachers.html.twig ▪️ field--taxonomy-term--taxonomy-term-title.html.twig ▪️ field--taxonomy-term--teachers.html.twig ▪️ field--taxonomy-term-title.html.twig ▪️ field--ds.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> <div class="field field--name-taxonomy-term-title field--type-ds field--label-hidden field__item"><h4> <a href="/ar/%D8%A7%D9%84%D9%85%D8%AD%D8%A7%D8%B6%D8%B1%D9%8A%D9%86/%D8%A8%D8%A7%D8%B3%D9%84-%D8%B3%D9%84%D8%A7%D9%85" class="teacher-link" hreflang="ar">باسل سلام</a> </h4> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> </div> <!-- END OUTPUT from 'modules/contrib/ds/templates/ds-1col.html.twig' --> <!-- END OUTPUT from 'modules/contrib/ds/templates/ds-entity-view.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--ds-field-default.html.twig ▪️ field--node--body--course.html.twig ▪️ field--node--body.html.twig ▪️ field--node--course.html.twig ▪️ field--body.html.twig ✅ field--text-with-summary.html.twig ▪️ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap5/templates/field/field--text-with-summary.html.twig' --> <div class="course_body clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p>من الأساس إلى الاحتراف HTML المستوى الثاني خطوة بخطوة<br>وصف الدورة :&nbsp;<br>تنقلك هذه الدورة إلى المستوى التالي في تصميم صفحات الويب باستخدام HTML , حيث تتعلم إنشاء جداول متقدمة ، استخدام النماذج بأنواع مدخلاتها المختلفة ، إدراج الوسائط مثل الصور والفيديوهات و فهم العناصر الهيكلية الحديثة .&nbsp;<br>في هذه الدورة العملية ، ستتعلّم كيف تنشئ صفحات ويب أكثر احترافية و تنظيمًا مع تطبيقات و تمارين تساعدك على ترسيخ المهارات المكتسبة خطوة بخطوة .</p> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap5/templates/field/field--text-with-summary.html.twig' --> </div> <div class="col-sm-12 col-md-6 group-right"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--ds-field-default.html.twig ▪️ field--node--field-upload-video--course.html.twig ▪️ field--node--field-upload-video.html.twig ▪️ field--node--course.html.twig ▪️ field--field-upload-video.html.twig ▪️ field--entity-reference.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> <div class="fitvids field field--name-field-upload-video field--type-entity-reference field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: ▪️ media--source-video-file.html.twig ▪️ media--fydw--videojs.html.twig ▪️ media--fydw.html.twig ▪️ media--videojs.html.twig ✅ media.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap5/templates/content/media.html.twig' --> <div class="media media--type-fydw media--view-mode-videojs"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--media--field-media-video-file--fydw.html.twig ▪️ field--media--field-media-video-file.html.twig ▪️ field--media--fydw.html.twig ▪️ field--field-media-video-file.html.twig ▪️ field--file.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> <div class="field field--name-field-media-video-file field--type-file field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'videojs' --> <!-- BEGIN OUTPUT from 'modules/contrib/videojs/templates/videojs.html.twig' --> <video data-setup="{}" class="video-js vjs-default-skin vjs-big-play-centered" preload="auto" controls style="width:640px;height:480px;" muted> <source src="https://ftp.rooaya.com/sites/default/files/2025-07/Lv%200%2020250709170724%281%29.mp4"/> </video> <!-- END OUTPUT from 'modules/contrib/videojs/templates/videojs.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap5/templates/content/media.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> </div> <div class="group-footer"> </div> </div> <!-- END OUTPUT from 'modules/contrib/ds/templates/ds-2col-stacked.html.twig' --> <!-- END OUTPUT from 'modules/contrib/ds/templates/ds-entity-view.html.twig' --> Mon, 21 Jul 2025 11:37:37 +0000 admin 65 at https://ftp.rooaya.com تصميم صفحات الويب - HTML Level 1 https://ftp.rooaya.com/ar/course/181 <!-- THEME DEBUG --> <!-- THEME HOOK: 'ds_entity_view' --> <!-- BEGIN OUTPUT from 'modules/contrib/ds/templates/ds-entity-view.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'ds_2col_stacked' --> <!-- FILE NAME SUGGESTIONS: ▪️ ds-2col-stacked--node--64.html.twig ▪️ ds-2col-stacked--node-course-rss.html.twig ▪️ ds-2col-stacked--node-course.html.twig ▪️ ds-2col-stacked--node-rss.html.twig ▪️ ds-2col-stacked--node.html.twig ✅ ds-2col-stacked.html.twig ✅ ds-2col-stacked.html.twig --> <!-- BEGIN OUTPUT from 'modules/contrib/ds/templates/ds-2col-stacked.html.twig' --> <div class="row node node--type-course node--view-mode-rss ds-2col-stacked clearfix"> <div class="group-header"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'links__node' --> <!-- FILE NAME SUGGESTIONS: ✅ links--node.html.twig ✅ links--node.html.twig ▪️ links.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap5/templates/content/links--node.html.twig' --> <!-- END OUTPUT from 'themes/contrib/bootstrap5/templates/content/links--node.html.twig' --> </div> <div class="col-sm-12 col-md-6 group-left"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--ds-field-default.html.twig ▪️ field--node--field-course-level--course.html.twig ▪️ field--node--field-course-level.html.twig ▪️ field--node--course.html.twig ▪️ field--field-course-level.html.twig ▪️ field--entity-reference.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> <div class="course_level_page field field--name-field-course-level field--type-entity-reference field--label-inline clearfix"> <div class="field__label">مستوى الكورس</div> <div class="field__item">مبتدئ</div> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--ds-field-default.html.twig ▪️ field--node--field-course-term--course.html.twig ▪️ field--node--field-course-term.html.twig ▪️ field--node--course.html.twig ▪️ field--field-course-term.html.twig ▪️ field--entity-reference.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> <div class="course_type_page field field--name-field-course-term field--type-entity-reference field--label-inline clearfix"> <div class="field__label">تصنيف الكورس</div> <div class="field__item">مسار تطوير مواقع</div> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--ds-field-default.html.twig ▪️ field--node--field-course-time--course.html.twig ▪️ field--node--field-course-time.html.twig ▪️ field--node--course.html.twig ▪️ field--field-course-time.html.twig ▪️ field--string.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> <div class="course_time_page field field--name-field-course-time field--type-string field--label-inline clearfix"> <div class="field__label">مدة الكورس</div> <div class="field__item">2 ساعة و 22 دقيقة</div> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--ds-field-default.html.twig ▪️ field--node--field-lmhdr--course.html.twig ▪️ field--node--field-lmhdr.html.twig ▪️ field--node--course.html.twig ▪️ field--field-lmhdr.html.twig ▪️ field--entity-reference.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> <div class="course_teacher field field--name-field-lmhdr field--type-entity-reference field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'ds_entity_view' --> <!-- BEGIN OUTPUT from 'modules/contrib/ds/templates/ds-entity-view.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'ds_1col' --> <!-- FILE NAME SUGGESTIONS: ▪️ ds-1col--taxonomy-term--33.html.twig ▪️ ds-1col--taxonomy-term-teachers-img-name.html.twig ▪️ ds-1col--taxonomy-term-teachers.html.twig ▪️ ds-1col--taxonomy-term-img-name.html.twig ▪️ ds-1col--taxonomy-term.html.twig ✅ ds-1col.html.twig ✅ ds-1col.html.twig --> <!-- BEGIN OUTPUT from 'modules/contrib/ds/templates/ds-1col.html.twig' --> <div class="ds-1col clearfix"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--ds-field-default.html.twig ▪️ field--taxonomy-term--field-teacher-img--teachers.html.twig ▪️ field--taxonomy-term--field-teacher-img.html.twig ▪️ field--taxonomy-term--teachers.html.twig ▪️ field--field-teacher-img.html.twig ▪️ field--image.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> <div class="teacher-imga field field--name-field-teacher-img field--type-image field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap5/templates/field/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap5/templates/field/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap5/templates/field/image.html.twig' --> <img loading="lazy" src="/sites/default/files/styles/teacher_img/public/2025-07/%D8%A8%D8%A7%D8%B3%D9%84%20%D8%A7%D8%B3%D9%84%D8%A7%D9%85.jpeg?itok=64UwXsZk" width="400" height="400" alt="باسل اسلام" title="مهندس مبرمج" class="img-fluid image-style-teacher-img" /> <!-- END OUTPUT from 'themes/contrib/bootstrap5/templates/field/image.html.twig' --> <!-- END OUTPUT from 'themes/contrib/bootstrap5/templates/field/image-style.html.twig' --> <!-- END OUTPUT from 'themes/contrib/bootstrap5/templates/field/image-formatter.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--ds-field-default.html.twig ▪️ field--taxonomy-term--taxonomy-term-title--teachers.html.twig ▪️ field--taxonomy-term--taxonomy-term-title.html.twig ▪️ field--taxonomy-term--teachers.html.twig ▪️ field--taxonomy-term-title.html.twig ▪️ field--ds.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> <div class="field field--name-taxonomy-term-title field--type-ds field--label-hidden field__item"><h4> <a href="/ar/%D8%A7%D9%84%D9%85%D8%AD%D8%A7%D8%B6%D8%B1%D9%8A%D9%86/%D8%A8%D8%A7%D8%B3%D9%84-%D8%B3%D9%84%D8%A7%D9%85" class="teacher-link" hreflang="ar">باسل سلام</a> </h4> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> </div> <!-- END OUTPUT from 'modules/contrib/ds/templates/ds-1col.html.twig' --> <!-- END OUTPUT from 'modules/contrib/ds/templates/ds-entity-view.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--ds-field-default.html.twig ▪️ field--node--body--course.html.twig ▪️ field--node--body.html.twig ▪️ field--node--course.html.twig ▪️ field--body.html.twig ✅ field--text-with-summary.html.twig ▪️ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap5/templates/field/field--text-with-summary.html.twig' --> <div class="course_body clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p>خطوتك الأولى في تطوير الويب , تعلم HTML من أول خطوة<br>وصف الدورة :<br>ابدأ رحلتك في عالم تطوير الويب من الصفر !<br>في هذه الدورة التمهيدية ستتعلم أساسيات لغة ترميز النص التشعبي (HTML) هي الأساس الأول الذي تُبنى عليه جميع صفحات الإنترنت .<br>ستتعلم كيف تكتب كود HTML بطريقة صحيحة و كيف تنشئ صفحات ويب بسيطة لكنها احترافية ، خطوة بخطوة .</p> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap5/templates/field/field--text-with-summary.html.twig' --> </div> <div class="col-sm-12 col-md-6 group-right"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--ds-field-default.html.twig ▪️ field--node--field-upload-video--course.html.twig ▪️ field--node--field-upload-video.html.twig ▪️ field--node--course.html.twig ▪️ field--field-upload-video.html.twig ▪️ field--entity-reference.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> <div class="fitvids field field--name-field-upload-video field--type-entity-reference field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: ▪️ media--source-video-file.html.twig ▪️ media--fydw--videojs.html.twig ▪️ media--fydw.html.twig ▪️ media--videojs.html.twig ✅ media.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap5/templates/content/media.html.twig' --> <div class="media media--type-fydw media--view-mode-videojs"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--media--field-media-video-file--fydw.html.twig ▪️ field--media--field-media-video-file.html.twig ▪️ field--media--fydw.html.twig ▪️ field--field-media-video-file.html.twig ▪️ field--file.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> <div class="field field--name-field-media-video-file field--type-file field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'videojs' --> <!-- BEGIN OUTPUT from 'modules/contrib/videojs/templates/videojs.html.twig' --> <video data-setup="{}" class="video-js vjs-default-skin vjs-big-play-centered" preload="auto" controls style="width:640px;height:480px;" muted> <source src="https://ftp.rooaya.com/sites/default/files/2025-07/Lv%200%2020250709170724%281%29_1.mp4"/> </video> <!-- END OUTPUT from 'modules/contrib/videojs/templates/videojs.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap5/templates/content/media.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap5/templates/field/field.html.twig' --> </div> <div class="group-footer"> </div> </div> <!-- END OUTPUT from 'modules/contrib/ds/templates/ds-2col-stacked.html.twig' --> <!-- END OUTPUT from 'modules/contrib/ds/templates/ds-entity-view.html.twig' --> Mon, 21 Jul 2025 11:32:56 +0000 admin 64 at https://ftp.rooaya.com