هذه وحدات القياسات المختلفة في CSS

اي وحدة قياس تستخدمها بكثرة ؟

مواقع تتيح لك اختبار موقعك هل هو متجاوب مع مختلف الشاشات ام لا
في هي توفر عليك مجهود و تختصر وقتك لمعالجه مشاكل الموقع الخاص بك علي الشاشات المختلفة

المواقع :
‏1- responsive design checker
‏ https://responsivedesignchecker.com/

‏2- responsive test tool
‏ http://responsivetesttool.com/

‏3- website planet
‏ https://www.websiteplanet.com/

‏4- website responsive test
‏ https://websiteresponsivetest.com/

مصادر لتعلم Tailwind CSS

1️⃣ التعلم من البداية

‏☑️ https://m.youtube.com/playlist?list=PLnD96kXp-_pMR9cBUmvsz_kIIt9bv2UIP

2️⃣ للتطبيق العملي

‏☑️ https://m.youtube.com/watch?v=bAzPWddA_90&list=PLnD96kXp-_pMR9cBUmvsz_kIIt9bv2UIP&index=23

‏☑️ https://m.youtube.com/watch?v=9Px2cwdQ8PM

‏☑️ https://m.youtube.com/watch?v=tT1NhBdn--s&list=PLzBl445W4ieshIswFhOOTwnbvlEhQPc81

3️⃣ رابط Documentation

‏☑️ https://tailwindcss.com/

‏دي مجموعة مصادر مفيدة في PHP & Laravel Security حابب أشاركها معاكم وبالتوفيق للجميع

‏1- كورس Pro PHP Security باللغة العربية من قناة Sec Theater
https://www.youtube.com/playlist?list=PL7mt2FDjAkPfuS1Vt4AAqGAjHEuKEFAPB

‏2- كورس PHP Security باللغة العربية من قناة الزيرو
https://www.youtube.com/playlist?list=PLDoPjvoNmBAypWmEHEy3awR6Ek9sUe5ZS

‏3- كورس Laravel Security باللغة العربية من قناة CodeHero
https://www.youtube.com/playlist?list=PLylAdsEdJkzg5zBjhzSZFtINT0fW0iiJp

‏4- Laravel Cheat Sheet OWASP
‏دي مجموعة توصيات من مؤسسة OWASP المعنية بحماية وأمن تطبيقات الويب وعاملين دليل مخصص لتطبيقات الويب المكتوبة بإطار عمل لارافيل
https://cheatsheetseries.owasp.org/cheatsheets/Laravel_Cheat_Sheet.html

‏5- Stephen Rees-Carter Blogs

‏ستفين شغال Security Consultant وبيعمل security auditing للتطبيقات اللي مكتوبة بـ PHP و لارفيل
‏وبينزل tips مفيدة في السيكيوريتي وليه Talks حلوة على اليوتيوب في ايفنت Laracon اللي بيتعمل كل سنة وده أشهر ايفنت بيتعمل عن فريمورك لارافيل

‏⁦ stephenreescarter.net ⁩
‏⁦ securinglaravel.com ⁩

‏6 - PHP Documentation
‏الدكيومنتاشن أساسي معاك طول ما أنت شغال ولازم ترجع له باستمرار لأن أحياناً فيه functions بتكون deprecated والمفروض إنك متشغلش بيها وتشوف ايه البديل ليها في الإصدارات الجديدة للغة
‏⁦ php.net ⁩

‏7 - Laravel Documentation
‏نفس الكلام بالنسبة للدكيومنتاشن الخاص بلارافيل عشان تبقى ماشي دايماً على الـ Best Practices للفريموورك اللي أنت شغال بيها
‏⁦ laravel.com ⁩

‏في النهاية السيكيوريتي بحر كبير ملوش آخر ومهما تتعمق فيه يستحيل توصل لنهايته لكن معرفتك بالحد الأدنى منه هتغير نظرتك تماماً للكود اللي أنت بتكتبه

‎⚡البوست ده للفرونت اند سته مواقع API👇

‎✔️ JSONPlaceholder
‎🔗 ⁦ jsonplaceholder.typicode.com⁩
‎✒️ Free Fake API for testing and prototyping.

‎✔️ Fake Store API
‎🔗 ⁦ fakestoreapi.com⁩
‎✒️ Fake Store rest API for your e-commerce or shopping website prototype.

‎✔️ Unsplash API
‎🔗 ⁦ unsplash.com/developers⁩
‎✒️ The Unsplash API is a modern JSON API that surfaces all of the info you'll need to build any experience for your users.

‎✔️ Quotes API
‎🔗 ⁦ quotes.rest⁩

‎✔️ RandomUser
‎🔗 ⁦ randomuser.me⁩
‎✒️ The random user API is beneficial for beginners and provides randomly generated users to be used as placeholders for testing purposes.

‎✔️Coingecko
‎🔗 ⁦ coingecko.com/en/api⁩

مهم انك تظبط شكل البروفايل بتاعك علي Github علشان هيفيدك في الشغل كتير ... وطبعا كلنا عارفين اهميه Github😁

‏لو عاوز بقا تظبط شكل الحساب بتاعك علي Github و مش فاضي تكتب ملف الـReadMe او مش بتعرف تكتبة🤔
‏Github ذات نفسها موفرالك موقع drag and drop بكل بساكه عليه بعد كدة بتعملة Generate للأكونت بتاعك

‏الرابط : ⁦ profile-readme-generator.com ⁩

‏ودي شوية تيمبليت جاهزه ممكن تشوفهم برضه❤️😍:

https://github.com/durgeshsamariya/awesome-github-profile-readme-templates/tree/master/templates

https://github.com/kautukkundan/Awesome-Profile-README-templates/tree/master/multimedia

خارطة طريق رائعة لتعلم وإتقان React كمطور في عام 2024 🔥

هي ال Tables بتاعت ال Database بتتخزن إزاي في ال Memory ؟
إزاي فهم طريقة التخزين ممكن يخليني أحسن من ال Query اللي بعملها من حيث ال Performance.


في البداية أنت عملت جدول إسمه Employee وحطيت فيه بعض الاعمدة زي ال Id و ال Name وال Adress مثلا وخليت
ال Id ده يكون هو ال Primary Key

وخزنت ف الجدول ده مثلا 22 موظف.

الجدول ده بقا هيتخزن في ال Memory عندك علي شكل حاجه إسمها Data pages زي ما هو موضح بالصورة كده
وكل Data page بتكون حجمها 8 Kb

طيب أي شكل Tree اللي ظاهر في الصورة دي ؟
ببساطه أنت لما عملت Id وخليته Primary key
فبيتم إنشاء حاجه إسمها Clustered Index
وال Clusterd index ده بيخلي الداتا بتاعتك مترتبه بناءاً علي ال Id
وكمان بتكون علي شكل Tree بالشكل اللي انت شايفه ده
وبتكون كل نود بتشاور علي الي بعدها
والداتا بتاعت الموظف كامله بتكون موجوده اخر حاجه خالص

بالتالي لو حبيت تبحث عن الموظف الي ال Id بتاعه 11 مثلا
فأنت هتبدا من ال Tree من فوق خالص وتعدي علي ال Nodes كده ما هو موضع ف الصورة لحد ما تنزل في ال Range اللي أنت عاوزه
وتروح للData page اللي أنت متأكد ان الرقم اللي أنت بتبحث عنه موجود بداخلها وده بفضل ال Tree
هتروح لل Data Page تبحث جواها عم رقم 11 اللي أنت عاوزه
لكن كمان أنت مش هتبحث بشكل Linear لا
أنت كده كده ال Date page مترتبه فتقدر تعمل binary search بالتالي هتوصل أسرع وبتدا تقرأ ال Record اللي بتبحث عنه وترجعه.

بالتالي ك Performance ده كويس جداً

طيب لو كنت عمت الجدول بدون Primary key مكنش هيحصل Clustered Index ده بالتالي الداتا مش هتكون مترتبه بالتالي مش هتتخزن بالشكل ده وهيكون فيه عيوب كتير أبرزها
ال Performance أنت بقيت محتاج تعدي علي كلو لحد ما توصل لل Record اللي أنت عاوزه وده بيطلق عليه Table Scan.

طيب لو أنت عملت Primary key علي الId
لكن أنت للأسف بتبحث بال Age فأنت كده محتاج ال Tree بتاعتك تكون منظمه بس المره دي مش بال Id بس
لا بالAge علشان عملية ال Search تكون أسرع

فأنت هنا بقا بايدك تروح تعمل باردو Index علي ال Age بحيث
يشتغل بنفس طريقة ال Id
لكن ال Table بيكون فيه Clustered Index واحد فقط
فأنت هتعمل نوع تاني وهو Non Clustered Index
وبيتشغل بنفس الطريقة باختلاف بسيط.

فلو أنت عندك Database وعاوز تحسن من Query Performance بتاعك ممكن تشوف أنت بتبحث باي بالظبط
هل id ولا Name ولا Age وتعمل عليهم Index

هتقولي طيب ما أعمل علي كل الاعمدة Index وخلاص
هقولك ان كل Index بتعمله بياخد من Memory بتاعك.
مش بس كده في مشكلة تانيه
وأنك هتلاحظ بطئ في عميلة ال Insert أو ال Update
لانك بيحتاج انك تعمل maintenance لل Index ده ف كل مره

‏ https://stackoverflow.com/questions/12915623/index-all-columns

وممكن تقرأ أكتر في اللينك ده عن ليه مينفعش
نعمل index for all columns

ودي طريقة من الطرق اللي ممكن نحسن بيها ال Performance بتاعت Query