OSC - Open Source Community

"𝐇𝐚𝐥𝐟𝐰𝐚𝐲 𝐭𝐡𝐫𝐨𝐮𝐠𝐡, 𝐚𝐧𝐝 𝐭𝐡𝐞𝐫𝐞'𝐬 𝐧𝐨 𝐭𝐮𝐫𝐧𝐢𝐧𝐠 𝐛𝐚𝐜𝐤"⚡

صديقي العزيز وصديقتي العزيزة
طلع لينا ملف تالت وبرعي زادت حيرته اكتر 🤔

محتاجين مساعدتك في هذه المهمة يا بطل ، قدامنا مع برعي رحلة مش قصيرة لسة ؛ عشان يقدر يفهم ويتعامل مع القضية اكتر 😶‍🌫️

معرفة بتفاصيل القضية اكتر ، واسرار في وقتها تطلع احسن ✨

تفتكر المحطة الجاية يا عزيزي هتكون اي ؟😉

𝐭𝐨 𝐛𝐞 𝐜𝐨𝐧𝐭𝐢𝐧𝐮𝐞𝐝 ✨

🐧
🛞

🧡

تخيل تفتح موقع Facebook أو Amazon وتلاقي الألوان اختفت، والأزرار أصبحت كلام أسود!😱

ده بالضبط اللي هيحصل لو شلنا الـ CSS من المواقع دي.

بس في الاول.
🤔 يعني إيه CSS وبتعمل إيه؟

الـ CSS هي اللغة المسؤولة عن الشكل والتنسيق والروح بتاعة الصفحة. 😍

من غيرها، كل المواقع على النت هتبان بنفس الشكل البدائي (كلام أسود، خلفية بيضا، وروابط زرقا تحتها خط)!

بواسطة الـ CSS بنقدر نتحكم في:

🎨 الألوان والخلفيات.
📐 أنواع الخطوط ومقاساتها.
📍ترتيب العناصر وأماكنها في الصفحة.
✨ الحركات والتأثيرات.

طب عشان نبدأ نغيّر الألوان والشكل.. إزاي اصلاً بنربط الـ CSS بالـ HTML؟ 🎯

عندنا 3 طرق نقدر نربط بيهم الستايل بالصفحة:

1️⃣ Inline Style:

بنكتب الستايل جوه العنصر نفسه في الـ HTML (مش أفضل طريقة عملياً).

2️⃣ Internal Style:

بنكتب الستايل جوه tag اسمه في نفس ملف الـ HTML.

3️⃣ External Style (الأفضل والأكثر استخداماً! 🚀):

بنعمل ملف منفصل بإمتداد .css ونربطه بملف الـ HTML عن طريق عنصر وده بيخلي الكود بتاعك منظم وسهل التعديل.

💡 خلاص ربطنا الملف وبدأنا نكتب تنسيقاتنا
إيه أول مفهوم لازم نفهمه صح؟

📦 السر كله في الـ 𝐂𝐒𝐒 𝐁𝐨𝐱 𝐌𝐨𝐝𝐞𝐥.

أول ما تبدأ تظبط أحجام وأماكن العناصر، لازم تفهم إن الـ CSS بتتعامل مع أي عنصر على الشاشة (سواء زرار، صورة، أو نص) كأنه "صندوق" متكون من 4 أجزاء:

الـ 𝗖𝗼𝗻𝘁𝗲𝗻𝘁: المحتوى نفسه (النص أو الصورة).

الـ 𝗣𝗮𝗱𝗱𝗶𝗻𝗴: المسافة الفاضية جوه الصندوق (بين المحتوى والحدود).

الـ 𝗕𝗼𝗿𝗱𝗲𝗿: الإطار أو الحدود الخارجية للصندوق.

الـ 𝗠𝗮𝗿𝗴𝗶𝗻: المسافة الفاضية بره الصندوق (اللي بتبعده عن بقية العناصر).

بس عمرك سألت نفسك بردو ليه نفس الموقع شكله بيظبط نفسه أوتوماتيك أول ما تفتحه من الموبايل بدل اللاب توب؟ 🧐

وده اللي هنتكلم عنه وعن سر الـ 𝐑𝐞𝐬𝐩𝐨𝐧𝐬𝐢𝐯𝐞 𝐃𝐞𝐬𝐢𝐠𝐧 الحلقة الجاية! 🚀

💬 تحدي الحلقة 🧠:

لو عندك زرار عايز تكبر المساحة جوه بين الكلام والحدود، وعندك عنصرين لازقين في بعض عايز تبعدهم عن بعض..

تفتكروا هنستخدم Padding ولا Margin في كل حالة منهم؟ 🤔

اكتبوا لنا إجاباتكم وتوقعكم في الـ Comments! 👇

🐧
🛞

🧡

رابع سؤال في رحلة ألف ليلة وليلة ✨🌌

A) SQL databases can only operate on a single server and cannot connect to network drives.
B) Distributing relational tables across servers makes cross-server JOIN operations and foreign key enforcement very slow due to high network latency.
C) SQL query syntax is strictly limited to single-core CPU processing.
D) Relational databases do not support data replication across modern cloud infrastructure.

🐧
🛞

🧡

"مش النجاح إنك توصل… النجاح إنك تفضل مستمر!" 🚀

𝐃𝐚𝐲 𝟑 𝐨𝐟 𝐨𝐮𝐫 𝐋𝐢𝐧𝐮𝐱 𝐉𝐨𝐮𝐫𝐧𝐞𝐲 🐧💻

الناجح فينا مش اللي بيوصل للقمة بس…
الناجح الحقيقي هو اللي يقدر يحافظ على القمة دي 💪🏻✨

خليك فاكر دايمًا يا صديقى إن النجاح مش ملك… النجاح إيجار
ولازم تدفع تمنه كل شويه بالمجهود والتعب 👀

خلصنا تالت سيشن في لينكس… وبنمشي خطوة ورا خطوة عشان نفهمه 🧡

خليك محافظ على استمراريتك بنفس الحماس والشغف ✨
مستنين نشوف شغل عظمة منكم 👏🏻🔥

انتظرونا يا أبطال✨
🐧
🛞

🧡

🌊 تالت سؤال في رحلتنا
رحلة ألف ليلة وليلة 🌠

A) It sends JSON responses to the client.
B) It parses incoming JSON requests into req.body.
C) It converts JavaScript objects into JSON strings.
D) It validates JSON before sending it.

🐧
🛞

🧡

• اى اللى بيخليك تقول على نفسك 𝐋𝐞𝐚𝐝𝐞𝐫 ؟!
= يعنى بعرف اظبط اى تيم، ارسم خطط نمشى عليها بالسنتى،
اللى يغلط يتعاقب، والكلام اللى بقوله يتسمع. 😑

يا ترى هو ده مفهوم القيادة الصح؟! 🤔

للاسف، معظم الناس فاكراها سُلطة،
اوامر لازم تُتبع، وخطط مفيهاش غلطة،
وطالما انت القائد كلامك هوا اللى يمشى وبس. 🙄

لكن لا، 🫷
القيادة الحقيقية هى انك تأثر فى اللى حواليك
بتفكيرك وسلوكك و مهاراتك. 🌱

تعرف ازاى توفر بيئة آمنة التيم بتاعك يشتغل، يتطور، وميخفش انه يغلط فيها،
رؤية بتشاركها معاهم، مش تفرضها عليهم،
مش محتاج سلطة عشان تجبرهم يسمعوا كلامك. 🚫

طب ازاى اكتسب المهارات دى واكون قائد؟! 🤔

🔸 𝐅𝐢𝐧𝐝𝐢𝐧𝐠 & 𝐋𝐞𝐚𝐯𝐢𝐧𝐠 𝐲𝐨𝐮𝐫 𝐕𝐚𝐥𝐮𝐞𝐬
اسئل نفسك كدة:
يا ترى انا بتعامل ازاى، وياترى دى الطريقة اللى عايز
التيم بتاعى يتعامل بيها؟! 🎯
اى الاثر اللى عايز اسيبه فيهم، وليه؟!

🔸 𝐄𝐦𝐛𝐫𝐚𝐜𝐢𝐧𝐠 𝐂𝐡𝐚𝐧𝐠𝐞
بدل ما تقاوم المشكلة، حلها وفكر فيها،
و تحمل المسئولية مع فريقك، و وجههم للحل،
نمي فيهم ديما الثقة، والتفكير المنطقى. 🧠

🔸𝐂𝐨𝐦𝐦𝐢𝐭𝐭𝐢𝐧𝐠 𝐭𝐨 𝐂𝐨𝐧𝐭𝐢𝐧𝐮𝐨𝐮𝐬 𝐋𝐞𝐚𝐫𝐧𝐢𝐧𝐠

✨Once you stop learning, You start Dying✨
"Albert Einstein"
القائد القوى مدرك انه ديما فيه ليڤل اعلى، وان العلم مابيقفش، 🛞
حط لنفسك ديما أهداف مرنة،
خد ديما فيد باك و اشتغل عليه،
خليك منفتح ديما للاراء والافكار اللى حواليك.💡

🔸𝐃𝐢𝐬𝐩𝐥𝐚𝐲𝐢𝐧𝐠 𝐄𝐦𝐨𝐭𝐢𝐨𝐧𝐚𝐥 𝐈𝐧𝐭𝐞𝐥𝐥𝐢𝐠𝐞𝐧𝐜𝐞
بيساعدك على فهم مشاعر التيم بتاعك، والتعامل بحكمة فى الضغوطات،
تقدم الملاحظات الصعبة بطريقة تحافظ على الثقة والدافع.📈

🔸𝐋𝐢𝐬𝐭𝐞𝐧𝐢𝐧𝐠
انت بتسمعهم عشان تفهمهم، مش عشان ترد وخلاص،
وتبنى لهم طريق للثقة. 💫

وده بيبقى عن طريق انك تسألهم ديما اسئلة مفتوحة،
تلخص معلومات حد قالهم عشان تأكد له انك فهمته،
تشيل اى مشتتات حواليك عشان تبقى بكامل تركيزك معاه. 💁‍♀️

🔸𝐄𝐦𝐛𝐫𝐚𝐜𝐢𝐧𝐠 𝐂𝐫𝐞𝐚𝐭𝐢𝐯𝐢𝐭𝐲
ديما بيبقى جوانا خوف من تنفيذ اى فكرة جديدة،
وكل ده بسبب خوفنا من خسارة اللى وصلناله. 🥲

وعشان تقود صح، لازم تكون رؤيتك اكبر،
مش معنى ان الفكرة اول مرة ننفذها فنتجنبها،
بالعكس بتاخد قرارت قوية، وتخوض تجارب جديدة بعد دراستها. 📊

طب انا ڪ قائد هل كل المشاكل اللى هتقابلنى هحلها بنفس الطريقة؟! 🤔

🐧
🛞

🧡