css tutorial exercises course

تمارين CSS البرنامج التعليمي في أكاديمية 4Geeks

أهلاً! أنا alejandro sanchez @alesanchezr ، متحمس حقًا لوجودك هنا! ؟ ؟ تعلم الكود صعب ؛ أنت بحاجة إلى التدريب! DM ME على Twitter إذا كان لديك أي أسئلة.

estas instrucciones están disponibles en ؟؟ español ؟؟

سوف تتعلم المفاهيم التالية:

1. كيفية تطبيق CSS على موقع الويب الخاص بك بثلاث طرق مختلفة: INLINE ، من خلال تجميعها معًا داخل علامة <style> ، أو باستخدام ورقة الأنماط الخارجية <link> .

2. اختيار عناصر HTML من موقع الويب الخاص بك لتطبيق الأنماط على.

3. تطبيق قواعد CSS (الأنماط) على تلك العناصر.

4. استخدم قواعد CSS الأكثر شعبية.

5. تعلم الحيل CSS الأكثر شعبية.

قبل أن نبدأ ... دروس أخرى ذات صلة

1. تعلم HTML
2. تعلم نماذج HTML5
3. تعلم CSS ← أنت هنا الآن!
4. تعلم تخطيطات CSS
5. تعلم bootstrap

مجموعة كاملة من تمارين CSS المعالجة ذاتيا ، لأي شخص مهتم بتعلم CSS!

تثبيت نقرة واحدة (موصى بها):

يمكنك فتح هذه التمارين في بضع ثوانٍ فقط من خلال النقر: فتح في مساحات الترميز (الموصى بها) أو فتح في gitpod.

بمجرد فتح VSCode ، يجب أن تبدأ تمارين LearnPack تلقائيًا. إذا لم يتم تشغيل التمارين تلقائيًا ، فيمكنك محاولة الكتابة على المحطة الخاصة بك: $ learnpack start

التثبيت اليدوي

استنساخ المستودع في بيئتك المحلية واتبع الخطوات أدناه:

1. تثبيت LearnPack ، مدير الحزمة لتعلم البرامج التعليمية والمكون من برنامج التحويل البرمجي HTML لـ LearnPack ؛ تأكد من أن لديك أيضًا Node.js 14+:

$ npm i learnpack -g
$ learnpack plugins:install learnpack-html

2. قم بتنزيل التمارين

$ learnpack install css-tutorial-exercises-course

ملاحظة: بمجرد الانتهاء من التنزيل ، ستحتاج إلى cd في مجلد التدريبات الذي يحتوي على جميع التمارين.

3. ابدأ البرنامج التعليمي/التمارين عن طريق تشغيل الأمر التالي على نفس المستوى حيث يكون ملف Learn.json الخاص بك:

$ npm i [email protected] -g
$ learnpack start

كيف يتم تنظيم التمارين؟

كل تمرين هو تطبيق رد فعل صغير يحتوي على الملفات التالية:

1. index.html: تبدأ جميع مواقع الويب والتمارين من index.html.
2. أنماط.
3. README.MD: يحتوي على تعليمات التمرين.
4. test.js: ليس عليك فتح هذا الملف ، فهو يحتوي على البرنامج النصي اختبار التمرين.

ملاحظة: تتمتع التمارين بتصنيف تلقائي ولكنها صارمة للغاية وصارمة ، فإن توصيتي هي عدم إجراء الاختبارات خطيرة للغاية واستخدامها فقط كاقتراح أو قد تشعر بالإحباط.

المساهمين

شكراً لهؤلاء الأشخاص الرائعين (مفتاح الرموز التعبيرية):

1. Alejandro Sanchez (alesanchezr) ، المساهمة: (Coder) (Idea)؟ ، (اختبارات التشغيل) ️ ، (السحب-مراجعة المراجعة)؟ (Run-Tustorial) ✅ (الوثائق)

2. Paolo (plucodev) ، المساهمة: (تقارير الأخطاء)؟ ، المساهمة: (المبرمج) ، (الترجمة)؟

3. Daniel Machota (@d4rkm0nst3r) ، المساهمة: (Run-tutorial) ✅ ، الترجمة؟

يتم بناء هذا والعديد من التمارين الأخرى من قبل الطلاب كجزء من معسكر ترميز أكاديمية 4GEEKS من قبل Alejandro Sánchez والعديد من المساهمين الآخرين. تعرف على المزيد حول دورة مطوري المكدس الكامل ، ومعسكر علم البيانات.