تقنيات الويب: دورة عملية CSS - دورة 1699 فرك. من ستيبيك تدريب 21 درس التاريخ: 29 أكتوبر 2023.
Miscellanea / / December 04, 2023
مرحبًا بكم في دورة "تقنيات الويب: دورة عملية"!
هذه الدورة مناسبة لك إذا:
- أنت تعرف بالفعل ما هو HTML وCSS وتفتقر إلى الممارسة.
- إذا كنت تعرف ما هو محدد الفئة وقمت بالفعل بتصميم صفحات صغيرة.
- من المستحسن أن يكون لديك فهم لـ flexbox، أو الرغبة في تعلمه في هذه العملية - سيكون هناك كتلة منفصلة لذلك.
الغرض من الدورة: تعلم CSS واكتساب المهارات العملية.
هيكل الدورة:
1. وصف الدورة التدريبية
معلومات موجزة عن الدورة وكيفية إكمال المهام
2. HTML وCSS: وحدة الممارسة
نتذكر النظرية الأساسية لـ HTML وCSS: بنية المستند، وعناصر HTML الأساسية، ومحددات CSS، والنظر في الأمثلة، وبالطبع أداء المهام العملية.
3. المزيد من CSS
كتلة نظرية CSS: التجميعات والمحددات المركبة، النموذج الصندوقي، التتالي والميراث. دعونا نفهم الظلال والتدرجات ومؤشر z والانتقالات والرسوم المتحركة.
4. وحدة عملية
نحن نطبق كل ما تعلمناه خلال الدورة على مشاكل الحياة الواقعية. هذا ليس تخطيطًا لموقع ويب ضخم، بل هو عمل على مكونات فردية للموقع. كالعادة، نبدأ بالأجزاء السهلة وننتهي بالأجزاء الصعبة.
مثال على إحدى المهام:
5. مقدمة في التكيف
فهم استعلامات الوسائط والقيم المحسوبة والمتغيرات.
نقوم بتنفيذ المهام المتوسطة. وفي النهاية، يمكنك تصميم موقع ويب سريع الاستجابة ونشره.
6. خاتمة
يتم تطوير الدورة ومن المخطط إضافة كتل جديدة ومهام المشروع هنا!
1
حسنًامدرس أبحاث، مدرس علوم الكمبيوتر (الفئة العليا)، مهندس ضمان الجودة
لدي تعليم تقني وتربوي عالي. تخرجت من كلية الدراسات العليا بجامعة موسكو الحكومية التربوية في اتجاه "نظرية وأساليب التعليم والتعليم (المعلوماتية)". أنا حائز على جائزة أولمبياد موسكو للمعلمين. بالإضافة إلى عملي الرئيسي، أقوم بإعداد الطلاب لامتحان الدولة الموحدة واختبار الدولة الموحدة، كما أقوم بتطوير دوراتي الخاصة على الإنترنت. جهة الاتصال: [email protected]
بداية الدورة
1. معلومات عامة عن الدورة
2. كيفية إكمال المهام
HTML وCSS: المفاهيم الأساسية
1. يسلط الضوء على HTML
2. أساسيات CSS
المزيد من CSS
1. نموذج الصندوق
2. محددات
3. المتتالية والميراث
4. الموضع، مؤشر z
5. الظلال، التدرجات، المرشحات
6. الرسوم المتحركة
7. الانتقالات
وحدة عملية
1. فليكس بوكس | النظرية + الممارسة
2. قائمة طعام
3. رأس + بطاقات
4. نماذج
مقدمة في التكيف
1. الحد الأدنى للعرض، الحد الأدنى للارتفاع، الحد الأقصى للعرض، الحد الأقصى للارتفاع
2. استعلامات الوسائط @media
3. القيم المحسوبة ومتغيرات CSS
4. قائمة البرجر
5. مشروع
خاتمة
1. خاتمة