Mohammed Al-Oraibi ▪︎ محمد العريبي

معاني رموز HTTP Responce Status #بوست_130 #tips #trick #نصائح #شرح

رموز الاجابة HTTP Status Codes #بوست_130 #tips #trick #نصائح #شرح

معلومة مفيدة سريعة في لغة HTML الجزء 49 #بوست_129 ----------------------------------------------------- الكود: <h1>Title</h1> <blockquote cite="http://www.google.com/"> This is a text inside the blockquote element; you can note the left space. </blockquote> ----------------------------------------------------- #tips #trick #نصائح #شرح

معلومة مفيدة سريعة في لغة HTML الجزء 48 #بوست_128 ----------------------------------------------------- الكود: <marquee>Scrolling text</marquee> ----------------------------------------------------- #tips #trick #نصائح #شرح

معلومة مفيدة سريعة في لغة HTML الجزء 47 #بوست_127 ----------------------------------------------------- الكود: <span title="Can you see this? This is the tooltip.:)">Drag Your Mouse Over Me!</span> ----------------------------------------------------- #tips #trick #نصائح #شرح

معلومة مفيدة سريعة في لغة HTML الجزء 47 #بوست_127 ----------------------------------------------------- الكود: <picture> <source media="(min-width: 968px)" srcset="large_img.jpg"> <source media="(min-width: 360px)" srcset="small_img.jpg"> <img src="default_img.jpg" alt="avatar"> </picture> ----------------------------------------------------- #tips #trick #نصائح #شرح

معلومة مفيدة سريعة في لغة HTML الجزء 46 #بوست_126 ----------------------------------------------------- الكود: <picture> <source media="(min-width: 968px)" srcset="large_img.jpg"> <source media="(min-width: 360px)" srcset="small_img.jpg"> <img src="default_img.jpg" alt="avatar"> </picture> ----------------------------------------------------- #tips #trick #نصائح #شرح

معلومة مفيدة سريعة في لغة HTML الجزء 45 #بوست_125 ----------------------------------------------------- الكود: <label for="colors">Pick your Color</label> <input list="colors" name="color"> <datalist id="colors"> <option value="Red"> <option value="Green"> <option value="Blue"> </datalist> ----------------------------------------------------- #tips #trick #نصائح #شرح

معلومة عامة مفيدة سريعة الجزء 44 #بوست_124 ----------------------------------------------------- #tips #trick #نصائح #شرح

معلومة مفيدة سريعة في لغة HTML الجزء 43 #بوست_123 ----------------------------------------------------- الكود: <noscript> <h2>JavaScript is disabled in your browser. </h2> </noscript> ----------------------------------------------------- #tips #trick #نصائح #شرح

معلومة مفيدة سريعة في لغة HTML الجزء 42 #بوست_122 ----------------------------------------------------- الكود: <details> <summary>Click to open </summary> <p>This is a details </p> </details> ----------------------------------------------------- #tips #trick #نصائح #شرح

اليوم التاسع من دورة تصميم المواقع تعرف خلاله الطلاب على خطوات مهمة لتطوير وتحسين الموقع باستمرار الأجواء التعليمية الحماسية، حيث تضمن المواضيع التالية: • خطوات مهمة للموقع • أهمية المحتوى للموقع • نصائح عن UI • أهمية أداء الموقع • مواقع لفحص أداء الموقع • ماهو SEO • مواقع لفحص SEO وانتهت المحاضرة بإعطاء المشروع النهائي المشروع هو عمل موقع ممكن يكون من صفحة واحدة او عدة صفحات ويحتوي على عناصر HTML وتصميم للموقع مع مراعاة النقاط التالية: 1. تصميم Sketch in Figma 2. HTML Structure 3. CSS external link 4. JS script 5. Title to the page 6. SEO improvement 7. UI improvement 8. Bootstrap design #بوست_121

اليوم الثامن من دورة تصميم المواقع تعرف خلاله الطلاب على البوت ستراب باستمرار الأجواء التعليمية الحماسية، حيث تضمن المواضيع التالية: • ماهو Bootstrap • لماذا نستخدمه؟ • مثال تطبيقي • كيف نبدأ باستخدامه • البدا بانشاء صفحة وانتهت المحاضرة بإعطاء واجب التدريب اليومي عن عمل صفحة ويب تتضمن العناصر التالية: 1. Bootstrap CSS 2. Bootstrap JS 3. Form 4. Table 5. Card #بوست_120

اليوم السابع من دورة تصميم المواقع تعرف خلاله الطلاب على لغة الجافا سكربت باستمرار الأجواء التعليمية الحماسية، حيث تضمن المواضيع التالية: • ماهي لغة JS • هيكل كتابة JS • التعليقات • العمليات الحسابية • الاحداث Events • الدوال Functions وانتهت المحاضرة بإعطاء واجب التدريب اليومي عن عمل صفحة ويب تتضمن: 1. زر عند الضغط عليه يقوم بإضافة كلمة hello في عنصر p 2. زر اخر عند الضغط عليه يقوم بتغيير لون الخط لعنصر p #بوست_119

اليوم السادس من دورة تصميم المواقع تعرف الطلاب خلاله اكثر على لغة CSS باستمرار الأجواء التعليمية الحماسية، حيث تضمن المواضيع التالية: • الوان CSS • خصائص CSS • خاصية Padding • خاصية Margin • خواص المسافات • تطبيق عملي وانتهت المحاضرة بإعطاء واجب التدريب اليومي عن عمل صفحة ويب تتضمن: خاصية CSS padding، خاصية CSS margin و الوان CSS. #بوست_118

اليوم الخامس من دورة تصميم المواقع انهى الطلاب فقرات الـHTML وانتقلوا الى لغة CSS باستمرار الأجواء التعليمية الحماسية، حيث تضمن المواضيع التالية: • HTML Iframes • Head Element • File Paths • ماهي لغة CSS • هيكل كتابة كود CSS • CSS Selection • التعليقات CSS • How to Add CSS وانتهت المحاضرة بإعطاء واجب التدريب اليومي عن عمل صفحة ويب تتضمن (ربط ملف CSS خارجي، تغيير لون خط عنصر p، تغيير حجم الخط لعنصر h1 وجعل حجم الخط 16px، أضافة iframe وربطه بفيديو من اليوتيوب بطريقة embed، إضافة صورة تكون من نوع داخل فولدر) #بوست_117

اليوم الرابع من دورة تصميم المواقع تعرف الطلاب أكثر على لغة HTML باستمرار الأجواء التعليمية الحماسية، حيث تضمن المواضيع التالية: • الجداول Tables • مميزات إضافية للجداول • القوائم Lists • أنواع القوائم وخصائها • الاستمارة Form • أنواع الادخالات Inputs • أنواع عناصر Block & Inline • ما هو الفرق بين ID & Class؟ وانتهت المحاضرة بإعطاء واجب التدريب اليومي عن عمل (صفحة ويب تحتوي على قائمة نوع الترقيم هو A، و جدول يحتوي على colspan) #بوست_116

عيد اضحى مبارك، وكل عام و انتم بخير اسال الله ان يرزقكم من كل خير نصيب، ربي يحفظكم 💜 محمد العريبي