تعلم لغة CSS ©
Photo
click to show
click to show
إن CSS هي لغة توصيفية تقوم بمنح مواقع الويب شكل جميل الذي سوف يميزهُ عن غيره من المواقع, و هي تُعد صديقة للغة HTML فهم دائماً مترفقات في تصميم و إنشاء صفحات الويب, و تشكّل كل من اللغتان هم الأساس لكل موقع ويب فإن لغة HTML هي أساس كل عناصر صفحة الويب و CSS هي أساس تصميم و شكل الموقع فبدون CSS سوف تبقي مواقع الويب كأنها نصاً عادياً على خلفيات بيضاء.
https://www.nusurtech.ca/2024/01/css-overview.html
9 · 1K · Photo
click to show
click to show
الخلفيات و الألوان ( background and color ) سوف نتعلم كيفية إدارج الألوان و الخلفيات عن طريق CSS, توجد هناك بعض الخصائص التي تستخدم لإدارج الألوان و الخلفيات وهي:
📌color.
📌background-color.
📌background-image.
📌background-repeat.
📌background-attachment.
📌background-position.
📌background.
https://www.nusurtech.ca/2024/01/css-background-and-color.html
2 · 1.1K · Photo
click to show
click to show
تنسيق الخطوط بإستخدام CSS, سوف نقوم بمعالجة مشكلة كيفية عرض بعض الخطوط التي لن تظهر بشكل صحيح ما لم تكن مثبتة على الحاسوب. إن إختيار الخط الصحيح في موقعك له تأثير كبير جداً على كيفية تجربة القراء لموقع الويب, و يمكن للخط الصحيح المنسق من إنشاء هوية قوية لعلامتك التجارية, و من المهم إستخدام خط يَسَهل قراءته, و يجب الأخذ بعين الإعتبار أن الخط يضيف قيمة إلى النص الخاص بك و من المهم أيضاً إختيار اللون الصحيح للخط و حجم النص للخط.
https://www.nusurtech.ca/2024/01/css-font.html
2 · 1K · Photo
click to show
click to show
تنسيق النصوص هو جزء هام من تصميم صفحات الويب، ويمكن تحقيقه باستخدام CSS (Cascading Style Sheets). يسمح CSS بتحديد العديد من خصائص النصوص مثل الخطوط والألوان وحجم الخط والتباعد والترتيب والتحكم في الهوامش والتنسيقات الأخرى.
كما أنّ css تدعم مجموعة من الخصائص لتنسيق النصوص وهي:
📌text-indent.
📌text-align.
📌text-decoration.
📌letter-spacing.
📌text-transform.
https://www.nusurtech.ca/2024/01/css-text-formatting.html
2 · 1.2K · Photo
click to show
click to show
تنسيق الروابط التشعبية بإستخدام CSS, سنقوم بإستخدام ما تعلمناه في الدرس السابق على الروابط, وكما نعرف جميعنا أن الروابط تشكل خيوط العنكبوت على الانترنت, لا شك أن يكون لها لون جميل يقوم بجذب الزائر على الموقع من خلال تنسيق الروابط بالإضافة لمؤثرات جميلة عليه.
https://www.nusurtech.ca/2024/04/css-formatting-links.html
3 · 1.2K · Photo
click to show
click to show
تجميع العناصر في CSS, في بعض الأحيان تود أن تقوم بعمل تنسيق على عنصر أو مجموعة من العناصر بإستخدام الفئة class و المعرفات id يمكن ان تجمع مجموعة من العناصر للتنسيق, تجميع العناصر بإستخدام الفئات class و الآن ننتقل إلى الأمثلة بشكل مباشر لنتعرف اكثر على تجميع العناصر بإستخدام class.
https://www.nusurtech.ca/2024/01/css-assemble-items.html
2 · 1.3K · Photo
click to show
click to show
خاصية opacity البسيطة جداً تسمح لنا بالإشارة إلى مستوى الشفافية أو التعتيم للصفحة أو عنصر ما في صفحة الويب أي عندما نقوم بإستعمال القيمة 1 سوف يكون العنصر غير شفاف و بحالته الطبيعية, و هذا هو السلوك الإفتراضي, و عندما نقوم بإستعمال القيمة 0 سوف يكون العنصر شفاف, لذلك يتوجب إختيار القيمة بين 0 و 1 و بالتالي حينما نُعطي القيمة 0.6 سوف يكون العنصر معتم حتى المستوى 60٪ و هذا يمكننا الرؤية من خلاله.
https://www.nusurtech.ca/2024/01/css-opacity.html
2 · 1.4K · Photo
click to show
click to show
يختلف الـ flexbox عن غيره في ترتيب العناصر element's على Layout حيث يُعرَف بسهولة الإستخدام لكن flexbox لها قيم Values كثيرة يأخذها كل من المدير او الموظف, نقصد هنا أن هناك بعض الخصائص Property يأخذها كل من Parent و هناك Property يأخذها كل من Child, الـ flex-box لها كثير من Property, و هذا الجزء الأصعب في تعلم flexbox لكن يُسِّهل علينا تقسيم العناصر Element في Layout, لنتعرَّف على ماهو flex وكيف يستخدم.
https://www.nusurtech.ca/2024/01/css-flexbox.html
2 · 1.8K · Photo
click to show
click to show
تستخدم خلفيات CSS لتعيين صورة أو لون لخلفية العنصر. ويمكن تعيين خلفية لأي عنصر في صفحة HTML، سواء كانت صورة أو لونًا أو حتى تدرج للألوان. لتعيين خلفية لعنصر في CSS، يمكن استخدام الخاصية background، ويمكن تحديد الخلفية باستخدام قيم مختلفة، مثل اللون والصورة والتدرج والصور المتحركة (GIF) والفيديو.
https://www.nusurtech.ca/2024/04/css-create-multi-colored-backgrounds.html
9 · 3.8K · تعلم لغة CSS ©
Photo
click to show
click to show
🟡💻 البرمجة هي عملية كتابة تعليمات وأوامر بلغة يفهمها الحاسوب لتنفيذ مهام معينة.
تعتمد البرمجة على استخدام لغات البرمجة مثل Python، Java، C++، JavaScript 📱 📱📱 📱 وغيرها.
تُستخدم #البرمجة في العديد من المجالات مثل:
#تطويرالتطبيقات و #المواقع_الإلكترونية
#تصميم_الألعاب 😀
الذكاء الاصطناعي وتعلم الآلة ⌨️
تحليل البيانات 📈
برمجة الروبوتات 🤖
البرمجة تعتمد على المنطق والتفكير التحليلي، وهي مهارة مطلوبة بشدة في العصر الحديث.
هل لديك اهتمام بتعلم البرمجة؟
إليك قائمة لقنوات تلغرام لتعلم البرمجة من الصفر لا تضيعها من يدك 🫴📱🫴
5 · 1.2K · تعلم لغة CSS ©
Photo
click to show
click to show
أفضل #لغات_البرمجة للمبتدئين 2026: كيف تختار أول لغة برمجة؟
تعرف على أفضل مجالات #البرمجة للمبتدئين في 2026، واكتشف أشهر لغات البرمجة المطلوبة في سوق العمل، وكيف تختار #التخصص_المناسب لبناء مسيرة مهنية ناجحة.
🔴 رابط المقال كاملاً : 🔴🔴
https://www.nusurtech.ca/2021/10/programming-for-beginners.html
97 · تعلم لغة CSS ©
Photo
click to show
click to show
السلام عليكم ورحمة الله وبركاته
👩💻 سوف نبدأ بكورس جديد من الصفر حتى الاحتراف وهو كورس تعلم اطار لارافيل Laravel
اذا كنت مهتم بتعلمه تابع السلسله
الكورس سوف يكون على قناة خاص بالكورس ، رابط القناة
☑️https://t.me/Laravel0
40 · تعلم لغة CSS ©
Photo
click to show
click to show
#Laravel #PHP #MySQL #برمجة #تطوير_الويب #تعلم_البرمجة
🚀 حابب تتعلم Laravel وتطوّر مستواك في برمجة الويب؟
إذا كنت مبرمج PHP أو حابب تدخل عالم تطوير تطبيقات الويب، فهذه القناة مخصصة لك 👩💻🔥
📚 قناة Laravel التعليمية
ستجد فيها محتوى يساعدك على تعلم Laravel خطوة بخطوة، من الأساسيات إلى بناء مشاريع وتطبيقات حقيقية.
🔹 شروحات Laravel
🔹 أمثلة وتطبيقات عملية
🔹 ا PHP وMySQL
🔹 نصائح للمبرمجين
🔹 مشاريع وأفكار برمجية
🔹 تطوير مهاراتك في Backend
💻 ابدأ رحلتك في Laravel من اليوم!
👇 انضم للقناة وابدأ التعلم: ⬇️⬇️
🔗 https://t.me/Laravel0
22 ·