برمجة الواجهات الامامية - تعلم HTML وCSS
HTML - لغة ترميز النص التشعبي، والتي يشار إليها عادةً باسم HTML، هي لغة الترميز القياسية المستخدمة لإنشاء صفحات الويب. يمكن لمتصفحات الويب قراءة ملفات HTML وتحويلها إلى صفحات ويب مرئية أو مسموعة. تصف لغة HTML بنية موقع الويب بشكل دلالي بالإضافة إلى إشارات العرض التقديمي، مما يجعلها لغة ترميزية، بدلاً من لغة برمجة.
CSS - أوراق الأنماط المتتالية (CSS) هي لغة ورقة أنماط تستخدم لوصف شكل وتنسيق مستند مكتوب بلغة ترميزية. على الرغم من أنها تستخدم غالبًا لتغيير نمط صفحات الويب وواجهات المستخدم المكتوبة بـ HTML وXHTML، إلا أنه يمكن تطبيق اللغة على أي نوع من مستندات XML، بما في ذلك XML وSVG وXUL العادي. إلى جانب HTML وJavaScript، تعد CSS تقنية أساسية تستخدمها معظم مواقع الويب لإنشاء صفحات ويب جذابة بصريًا وواجهات مستخدم لتطبيقات الويب وواجهات مستخدم للعديد من تطبيقات الهاتف المحمول.
كما هو الحال مع بناء منزل، يمكن للمرء أن يعتبر HTML هو الإطار وCSS هو الرسم والديكور.
التعلم العام:
- التمركز المطلق في CSS [اقرأ]
- codecademy.com HTML وCSS [التفاعل]
- تحديد موضع CSS [مشاهدة] [$]
- تطوير الويب للواجهة الأمامية: ابدأ [شاهد] [$]
- البداية السريعة لتطوير الويب الأمامي باستخدام HTML5 وCSS وJavaScript [شاهد] [$]
- HTML وCSS: تصميم وبناء مواقع الويب [اقرأ] [$]
- تدفق مستند HTML [مشاهدة] [$]
- إتقان HTML: الدلالات والمعايير والتصميم [اقرأ] [$]
- الإنترنت صعب [اقرأ]
- مقدمة إلى HTML/CSS: إنشاء صفحات الويب [شاهد]
- تعلم كيفية برمجة HTML وCSS [اقرأ]
- تعلم تخطيط CSS [اقرأ]
- ورقة مارك [اقرأ]
- MDN: HTML [اقرأ]
- MDN: CSS [اقرأ]
- HTML الدلالي: كيفية تنظيم صفحات الويب [شاهد]
- بنية نموذج HTML الصلبة [مشاهدة]
- فهم نموذج CSS Box [شاهد]
- تصميم الويب المرن [اقرأ]
إتقان لغة CSS:
- الدليل الكامل لـ Flexbox [اقرأ]
- CSS العشاء [التفاعل]
- محددات CSS من CSS4 حتى CSS1 [اقرأ]
- أسرار CSS: حلول أفضل لمشاكل تصميم الويب اليومية [اقرأ] [$]
- CSS3 [اقرأ]
- CSS In-Depth، الإصدار الثاني [مشاهدة] [$]
- ما هو فليكس بوكس؟! 20 دورة فيديو بسيطة ومجانية ستساعدك على إتقان CSS Flexbox [شاهد]
- 30 ثانية من CSS - مجموعة منسقة من مقتطفات CSS المفيدة التي يمكنك فهمها في 30 ثانية أو أقل. [يقرأ]
المراجع/المستندات:
- مشغلات CSS... لعبة التخطيط والطلاء والمركب
- cssreference.io
- cssvalues.com
- CSS الافتراضي لمتصفح Chrome
- الرأس - قائمة بكل ما يمكن أن يتضمنه مستندك
- مرجع سمة HTML
- مرجع MDN CSS
- مرجع عنصر HTML لـ MDN
المسرد / المفردات:
- CSS Glossary - مرجع برمجي لـ CSS يغطي التعليقات والخصائص والمحددات
- مفردات CSS
- HTML Glossary مرجع البرمجة لعناصر HTML
المعايير/المواصفات:
- جميع مواصفات W3C CSS
- جميع مواصفات W3C HTML
- مواصفات أوراق الأنماط المتتالية المستوى 2، المراجعة 2 (CSS 2.2).
- فهارس CSS - قائمة بكل مصطلح تحدده مواصفات CSS
- عناصر HTML من مستوى المعيشة
- السمات العالمية
- بناء جملة HTML من Living Standard
- HTML 5.2 من W3C
- محددات المستوى 3
هندسة CSS:
اتفاقيات التأليف/الهندسة المعمارية:
- دليل كود CSS [اقرأ]
- هندسة المغلق
- cssguidelin.es [اقرأ]
- لغة CSS الاصطلاحية [اقرأ]
- يمكن صيانة CSS [اقرأ]
- معايير تطوير HTML وCSS مرنة ودائمة ومستدامة [اقرأ]
النشرات الإخبارية بتنسيق HTML/CSS:
ملحوظات:
كانت كتابة CSS في JS رائجة هذا العام. تأكد من أنك على علم بحالة الاستخدام. ولماذا يعتقد البعض أنه مبالغ فيه .
اترك تعليقا:
