تنميط متقدم بتصميم سريع الاستجابة
كان من المعهود فيما مضى أن يرى كل شخص صفحات إنترنت على شاشة لها نفس الحجم تقريبًا. ولكن مع انبثاق ثورة استعمال الهواتف الذكية للدخول إلى شبكة الإنترنت، تغير عرض التصاميم كليًا. يتوقع الأفراد في الوقت الراهن أنها ستعمل بصرف النظر عن المنصة (هاتف ذكي أو جهاز لوحي أو جهاز حاسوب محمول أو جهاز حاسوب مكتبي). ويُطلق على تلك الإمكانية المتعلقة بالاستجابة لأي منصة التصميم سريع الاستجابة. وسيتعمق هذا المساق في المعارف الأساسية للغة CSS3 ليحوي موضوعات من قبيل الإطارات السلكية والتصميم السلس واستعلامات الوسائط واستخدام نماذج التنميط الحالية مثل بوتستراب.
Monthly Subscription Starting at AED 99 + VAT
- Level Foundation
- Course by University of Michigan
-
Offered by
About
كان من المعهود فيما مضى أن يرى كل شخص صفحات إنترنت على شاشة لها نفس الحجم تقريبًا. ولكن مع انبثاق ثورة استعمال الهواتف الذكية للدخول إلى شبكة الإنترنت، تغير عرض التصاميم كليًا. يتوقع الأفراد في الوقت الراهن أنها ستعمل بصرف النظر عن المنصة (هاتف ذكي أو جهاز لوحي أو جهاز حاسوب محمول أو جهاز حاسوب مكتبي). ويُطلق على تلك الإمكانية المتعلقة بالاستجابة لأي منصة التصميم سريع الاستجابة. وسيتعمق هذا المساق في المعارف الأساسية للغة CSS3 ليحوي موضوعات من قبيل الإطارات السلكية والتصميم السلس واستعلامات الوسائط واستخدام نماذج التنميط الحالية مثل بوتستراب. بعد الانتهاء من دراسة المساق، سيتمكن الدارسون من: إيضاح نموذج الجوال أولًا وأهمية الإطارات السلكية في مرحلة التصميم واستخدام إطارات التصاميم الحالية مثل بوتستراب. هذا هو المساق الرابع في تخصص تصميم مواقع الويب للجميع. يُتوقع أن تحظى بإلمامٍ جوهريٍ للغتي HTML وcss عند الالتحاق بهذا المساق. ينصب تركيز المساقات الأخرى على زيادة التفاعل مع لغة البرمجة جافاسكريبت وإنجاز مشروع ختامي.Modules
الترحيب والأسئلة الشائعة
-
1
Videos
-
4
Readings
1
Videos
- مقدمة في التصميم سريع الاستجابة
4
Readings
- الخطة الدراسية
- المصادر
- الأسئلة الشائعة (FAQ)
- ساعدنا في معرفة المزيد عنك!
مواد المحاضرة
-
5
Videos
-
1
Readings
-
2
Discussion
2
Discussions
- نقاش اختياري: مراجعات الموقع
- نقاش اختياري: هل يمكن لملف استخدام قياسات مرونة ومطلقة معًا؟
5
Videos
- ما هو التصميم سريع الاستجابة؟
- فحص المواقع الحالية
- مزايا التصميم سريع الاستجابة
- قياسات المرونة
- دوّن معي: قياسات المرونة
1
Readings
- وثائق مرجعية لقياسات المرونة
تقييم
-
1
Readings
-
1
Assignment
1
Assignment
- المفاهيم الأساسية في مناهج التصميم سريع الاستجابة
1
Readings
- إشعار لمراجعة المتعلمين: تقديم المهام
مصادر اختيارية
-
3
Readings
-
1
Discussion
1
Discussions
- قصة التصميم سريع الاستجابة الخاصة بك
3
Readings
- أداة تحويل من بكسل إلى عنصر
- تغيير حجم الخط ديناميكيًا باستخدام أشرطة التمرير
- اختياري: تعريفات CSS النسبية والمطلقة
مواد المحاضرة
-
6
Videos
-
1
Assignment
1
Assignment
- اختبار الممارسة -مسألة تحفيزية
6
Videos
- استعلامات الوسائط
- دوّن معي: قياسات المرونة واستعلامات الوسائط
- إطارات سلكية
- نقاط الإيقاف
- استعلامات الوسائط الجزء الثاني
- دوّن معي: تصفح سريع الاستجابة
تقييم
-
1
PeerReview
-
1
Assignment
1
Assignment
- مراجعة الأسبوع الثاني: استعلامات الوسائط ونقاط التوقف
1
Peer Review
- اختياري – قم بإعداد ورقة نمط سريعة الاستجابة
مواد اختيارية
-
1
Readings
1
Readings
- اختياري: أمثلة جيدة على التصميم سريع الاستجابة
مواد المحاضرة
-
7
Videos
-
1
Discussion
-
1
Assignment
1
Assignment
- فحص التقسيم الشبكي – اختياري
1
Discussions
- نقاش اختياري: المعايير مقابل الراحة
7
Videos
- إطارات
- مقدمة إلى تويتر بوتستراب 3.
- نقاط التوقف الخاص بموقع بوتستراب
- بدء استخدام بوتستراب تويتر
- التقسيم الشبكي لموقع بوتستراب
- دوّن معي: مثال للتقسيم
- التصفح في بوتستراب
تقييم
-
1
PeerReview
-
1
Assignment
1
Assignment
- مراجعة الأسبوع الثالث: بوتستراب
1
Peer Review
- اختياري – استخدم بوتستراب لإعداد صفحة سريعة الاستجابة
مواد اختيارية
-
1
Readings
1
Readings
- تبسيط بوتستراب وإزالة الغموض عنه – اختياري
مواد المحاضرة
-
9
Videos
9
Videos
- الاستجابة السريعة للصور
- جداول بوتستراب
- دوّن معي: شريط التنقل المتقدم
- ما القوالب؟
- مقابلة اختيارية: M W
- مقابلة اختيارية: H W
- اختياري مقابلة مع H N
- بوتستراب 4
- الخاتمة
تقييم
-
1
PeerReview
-
1
Assignment
1
Assignment
- التقيين النهائي للتصميم سريع الاستجابة
1
Peer Review
- اختياري: معرض الصور
قراءات اختيارية
-
4
Readings
4
Readings
- اختياري – تصحيح أخطاء نمطك
- اختياري – مصادر أخرى لتعلم التطوير/تصحيح الأخطاء
- استطلاع مع بعد المساق
- Keep Learning with Michigan Online
Auto Summary
Explore advanced responsive design techniques with this IT & Computer Science course, led by Coursera. Delve into CSS3 fundamentals, wireframing, fluid design, media queries, and frameworks like Bootstrap. Ideal for learners with basic HTML and CSS knowledge, this course is part of the Web Design specialization and offers subscription options for Starter and Professional levels. Gain essential skills to ensure your web designs are adaptable across all platforms.
Colleen van Lent, Ph.D.
Charles Russell Severance