الوحدة 02 CSS و Bootstrap الواجبات المنزلية: محفظة سريعة الاستجابة
يضمن التصميم المتجاوب أن يتم تطبيق تطبيقات الويب بشكل جيد على مجموعة متنوعة من الأجهزة وأحجام النوافذ أو الشاشة. كمطور ، من المحتمل أن يُطلب منك إنشاء تطبيق أول جوال أو إضافة تصميم مستجيب إلى تطبيق موجود.
الاتجاهات
- استخدم إطار عمل Bootstrap CSS لإنشاء محفظة مستجيبة للهاتف المحمول. كيف تسلم هذا؟
- قم بإنشاء ملفات الملفات التالية:
- باستخدام bootstrap ، قم بتطوير موقع محفظتك مع العناصر التالية أ. A NAVBAR ب. تخطيط مستجيب ج. الصور المستجيبة يجب على محفظة Bootstrap تقليل استخدام استعلامات الوسائط.
تلميحات
- استخدم نظام شبكة Bootstrap (الحاويات والصفوف والأعمدة).
- على شاشة
xs ، يجب أن يشغل المحتوى الشاشة بأكملها. على شاشات sm وشاشات أكبر ، يجب أن يكون لديك بعض الهوامش على الجوانب اليسرى والأيمن من الشاشة. تحقق من مواقع مختلفة على جهازك المحمول مقابل جهاز الكمبيوتر الخاص بك لمشاهدة أمثلة على هذه الاختلافات.
- استخدم خدمة التحقق من HTML للتأكد من أن كل صفحة لديها HTML صالحة. صغير صغير <576px صغير ≥5765px متوسطة ≥768px كبيرة ≥992px كبيرة كبيرة ≥1200px. container 100 ٪ 540px 720px 960px 1140px .Container-SM 1140px. container-LG 100 ٪ 100 ٪ 100 ٪ 960px 1140px .Container-XL 100 ٪ 100 ٪ 100 ٪ 1140px.-container-fluid
الحد الأدنى من المتطلبات
o تطبيق وظيفي ، تم نشره O GitHub Restository مع README الذي يصف المشروع O NAVBAR يجب أن يكون متسقًا في كل صفحة. يجب أن يحتوي Navbar في كل صفحة على روابط إلى الصفحة الرئيسية/حول ، والاتصال ، والصفحات المحفظة. o يجب أن تعمل جميع الروابط. س يجب استخدام HTML الدلالي. o يجب أن يكون لكل صفحة HTML صالحة وصحيح. (استخدم خدمة التحقق من الصحة) o يجب أن تحتوي على معلوماتك الشخصية. (Bio ، الاسم ، الصور ، الروابط إلى وسائل التواصل الاجتماعي ، إلخ) O يجب أن تستخدم بشكل صحيح مكونات bootstrap ونظام الشبكة.
علاوة
- باستخدام bootstrap ، وجعل تذييل لزجة واستخدم الصفوف الفرعية والأعمدة الفرعية على موقع محفظتك ( تلميح: تحقق من وثائق bootstrap).
الالتزام مبكرًا وغالبًا
- واحدة من أهم المهارات التي يجب إتقانها كمطور ويب هي التحكم في الإصدار. يعد بناء عادة الالتزام عبر GIT أمرًا مهمًا لسببين: تاريخ الالتزام الخاص بك
- هي إشارة لأصحاب العمل بأنك تعمل بنشاط على المشاريع وتعلم مهارات جديدة.
- يتيح لك العودة إلى قاعدة الشفرة الخاصة بك في حالة تحتاج إلى العودة إلى حالة سابقة.
اتبع هذه الإرشادات للالتزام:
- اجعل الأغراض أحادية الأغراض يربط بالتغييرات ذات الصلة لضمان تاريخ نظيف يمكن التحكم فيه. إذا كنت تقوم بإصلاح مسألتين ، فابحث عن اثنين من الالتزامات.
- اكتب رسائل ملزمة وصفية وذات مغزى بحيث يمكن لك وأي شخص آخر ينظر إلى مستودعك أن يفهم تاريخه بسهولة.
- لا ترتكب عملاً نصفًا ، من أجل المتعاونين (ونفسك المستقبلي!).
- اختبر طلبك قبل الالتزام لضمان الوظيفة في كل خطوة في عملية التطوير.
نود منك أن تحصل على أكثر من 200 ارتباط بالتخرج ، لذلك ارتكب مبكرًا وغالبًا!
تقديم على BCS
يجب عليك إرسال ما يلي:
- عناوين URL للتطبيقات المنشورة هل هذا يعني فقط عنوان URL لكل ملف HTML؟
- عناوين URL لمستودعات Github
- يتم توفير لقطات الشاشة كمرجع في مجلد
Assets/Images . لا يحتاج تطبيقك إلى أن يكون تمامًا مثل الصور. استخدم bootstrap لإنشاء تصميم مماثل وسريع الاستجابة.
C: user jonpc Google Drive bootcamp unc-chh-fsf-pt-03-2020-uc mathcodes.github.io home home readme.md
