تعلم برمجة المواقع🚀
6.64K subscribers
55 photos
2 videos
19 files
545 links
قناة للبرمجة والمبرمجين ...
تحتوي على مقالات للمبرمجين.
كتب وملفات pdf مجانية للمبرمجين.
نصائح للمبتدئين والمحترفين في البرمجة ...
أفضل الدورات في مجال البرمجة مجانا..
Download Telegram
هي ال Tables بتاعت ال Database بتتخزن إزاي علي ال disk ؟
إزاي فهم طريقة التخزين ممكن يخليني أحسن من ال 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
🔥2
🔰      مـا هـو ChatGPT ؟

▫️ هـل فـعـلاً ChatGPT سـيـقـضـي عـلـى عـمـل الـمـبـرمـجـيـن ؟
في الأيام الأخيرة ظهر نظام ChatGPT المُقدم من طرف OpenAI، وهو عبارة عن نظام يعمل بالذكاء الاصطناعي بإمكانه الإجابة عن الأسئلة وكتابة المقالات في جميع المجالات كما أنه يقوم بحل التمارين والمشاكل بالشرح المفصل.

ومن هنا انتشرت معلومات بأن هذا النظام سيقضي على عمل المبرمجين نهائياً، لأنه يستطيع حل المشاكل البرمجية بسهولة.
🔹 لـكـن هـل هـذا صـحـيـح ؟

صيحيح أن هذا النظام بإمكانه الإجابة على تمرين برمجي وكتابة كود كامل لك لحل أحد المسائل البرمجية بنجاح تام.
لكن البرمجة ليست هكذا؛ البرمجة دائماً تعتمد على الإبداع واستخراج أفكار جديدة وهذا الذي عجز عنه الذكاء الاصطناعي، فمثلاً لو أردت إنشاء برنامج لإدارة متجرك حتى وإن استطاع الذكاء الاصطناعي إنشاءه لا يمكنه أبداً أن يأتي بأفكار إبداعية مثل التي يولدها العقل البشري.

حالياً هذا النظام يقوم بحل مشكلات ومسائل برمجية معروفة ولا يمكنه القيام بمشروع برمجي متكامل.

__ أعتقد أن هذا النظام هو شيئ إيجابي للمبرمجين لأنه يُسهل مهمتهم ويحل بعض المسائل بسرعة، ولا داعي للخوف منه أبداً .
🔥153
لو انت شغال في الـ Front-end، البوست ده هيبسط عليك حاجات كتير

هنا هتلاقي أهم إضافات VS Code اللي لازم تبقى عندك وانت شغال:


‏CSS Peek ‍
الإضافة دي بتخليك تنقل بسرعة بين الـ HTML وCSS، فلو عندك عنصر في الـ HTML، تقدر تشوف الأنماط المرتبطة بيه في الـ CSS بسهولة.
https://marketplace.visualstudio.com/items?itemName=pranaygp.vscode-css-peek

 
‏Path Intellisense ‍
بتكمل لك مسارات الملفات تلقائيًا، يعني لما تكتب اسم ملف، الإضافة هتعرض لك اقتراحات للمسار
https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense

 
‏Auto Rename Tag
بتغير لك اسم الوسم (Tag) في الـ HTML أو JSX وتطبق التغيير على الوسم المقابل تلقائيًا.
https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag

 
‏React PropTypes Intellisens‍
بتوفر لك IntelliSense للـ PropTypes في React، فبتسهل عليك كتابة الـ Props بشكل أسرع.
https://marketplace.visualstudio.com/items?itemName=OfHumanBondage.react-proptypes-intellisense

 
‏Project Manager
بتساعدك في تنظيم المشاريع وتبديل بين المشاريع المختلفة بسرعة.
https://marketplace.visualstudio.com/items?itemName=alefragnani.project-manager

 
‏npm Intellisense
بتكمل لك أوامر npm تلقائيًا وتعرض لك اقتراحات للأوامر، فبتسهل كتابة الأوامر بسرعة.
https://marketplace.visualstudio.com/items?itemName=christian-kohler.npm-intellisense

 
‏Color Highlight
تعرض الألوان في الكود بشكل مرئي، يعني لو عندك كود لون، الإضافة هتعرض اللون بشكل مباشر.
https://marketplace.visualstudio.com/items?itemName=naumovs.color-highlight

 
‏Code Spell Checker
بتكتشف الأخطاء الإملائية في الكود، سواء في التعليقات أو النصوص.
https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker

 
 
‏JSON Tools
بتحسن تجربة التعامل مع ملفات JSON، فتعرض البيانات بشكل مرئي وسهل التعديل.
https://marketplace.visualstudio.com/items?itemName=eriklynd.json-tools

 
 
👍4🔥32
‏GET، POST، PUT، DELETE... دي قائمة بأشهر "الأفعال" في HTTP في مخطط واحد. هتلاقي الطريقة لتحميل ملف PDF عالي الدقة في الآخر.

‏HTTP GET
الطلب ده بيجيب مورد من السيرفر. مفيش مشكلة لو طلبته كذا مرة، النتيجة بتبقى هي هي.

‏HTTP PUT
الطلب ده بيحدث أو ينشئ مورد. يعني لو طلبته كذا مرة، هيحدث نفس المورد ومش هيعمله مرتين.

‏HTTP POST
الطلب ده بيتعمل لإنشاء موارد جديدة. ممكن لو طلبته مرتين، يعمل نفس المورد مرتين.

‏HTTP DELETE
الطلب ده بيمسح مورد. حتى لو طلبته كذا مرة، هيمسح نفس المورد.

‏HTTP PATCH
الطلب ده بيعمل تعديلات جزئية على مورد معين.

‏HTTP HEAD
الطلب ده بيطلب استجابة شبه GET بس من غير جسم الاستجابة.

‏HTTP CONNECT
الطلب ده بيعمل قناة اتصال (نفق) للسيرفر اللي اتحدد بواسطة المورد المستهدف.

‏HTTP OPTIONS
الطلب ده بيشرح الخيارات المتاحة للتواصل مع المورد المستهدف.

‏HTTP TRACE
الطلب ده بيعمل اختبار رجوع للرسالة على طول المسار للمورد المستهدف.
🔥6👍4
برتوكولات الإنترنت هي:

مجموعة من القواعد والإجراءات التي تحدد كيفية نقل البيانات عبر شبكة الإنترنت. ومن بين أهم بروتوكولات الإنترنت:

1- بروتوكول نقل الملفات (FTP)
2- بروتوكول نقل البريد الإلكتروني (SMTP)
3- بروتوكول نقل صفحات الويب (HTTP)
4- بروتوكول نقل صفحات الويب المشفرة (HTTPS)
5- بروتوكول نقل المستندات (TCP/IP)
6- بروتوكول تحديد المسار (IP)
7- بروتوكول تحديد مسار التطبيق (ARP)
8- بروتوكول إعادة التجميع (ICMP)
9- بروتوكول إعادة التجميع لطبقة 2 (LLDP)
10- بروتوكول إعادة التجميع لطبقة 3 (LACP)
🔥61👍1
برتوكول TCP
(Transmission Control Protocol)


هو بروتوكول اتصال يستخدم في شبكات الحاسوب لضمان تسليم البيانات بشكل صحيح وفعال. يعد TCP من أهم البروتوكولات المستخدمة في الإنترنت، حيث يضمن تسليم البيانات بشكل مضمون وفعال دون فقدان أية بيانات.

أهمية TCP:

تأتي من قدرته على ضبط سرعة نقل البيانات وإدارة التزامن بين المرسل والمستقبل، كذلك يقوم بإعادة إرسال البيانات التي لم تصل إلى المستقبل بشكل صحيح. كذلك، يساعد TCP في حفظ ترتيب البيانات وإدارة حجم الحزم التي يجرى نقلها عبر شبكة الإنترنت.

في المجمل، يعد TCP أحد أهم عناصر شبكة الإنترنت، حيث يضمن سلاسة نقل البيانات وجودة خدمة عالية لأغراض مختلفة مثل التصفح، البريد الإلكتروني، والتطبيقات المختلفة.
🔥91
مسار تصميم المواقع frontend🔥🔥
1-تعلم لغة html
https://youtube.com/playlist?list=PLDoPjvoNmBAw_t_XWUFbBX-c9MafPk9ji&si=aiSNNrCzzfqiliMn
2-مشاريع بسيطة html فقط
https://youtube.com/playlist?list=PLSiLeKadTQ7mfXH_bQH-A4neXG8_hUAud&si=bkSeGaDPkkJ0Do_0
3-تعلم لغة css
https://youtube.com/playlist?list=PLDoPjvoNmBAzjsz06gkzlSrlev53MGIKe&si=UYYW4FQCM7fAdGLm
4-مشاريع html css فقط
1
https://youtu.be/_-eh8cwGGwg?si=bzguHgASRlsfGPTf
2
https://youtu.be/heuDmrEAgUA?si=nN5aNoBNQoe64VrG
3
https://youtu.be/vkc99WHcDTk?si=Mup2G7WXN6eersH6
4
https://youtu.be/DflEcuzjsyA?si=sZYVA4pD3Y-8qO9d
5
https://youtu.be/cARGOrtiWt4?si=w12Rr-DVLMrFHnqx
6
https://youtube.com/playlist?list=PL0NXc3SfXYNTZROR7lYNxivb-4ORtGMNQ&si=rgRndgQuFw3klylr
7
https://youtu.be/CUqSRxF6vng?si=FDxYFTzb5vt3Yw5X
8
https://youtu.be/BzzXd_wabzk?si=18FsbhxpxFPt1P8g
9
https://youtu.be/hE0azYXN_W0?si=Kd2-muwd0vMDfU60
10
https://youtu.be/Hnm3BP-tjD8?si=6RzzGnWRJWav2ye1



5-تعلم مكتبة بوتستراب
https://youtube.com/playlist?list=PLMTdZ61eBnyoZi9kwFl_-5IQhrJsmJIB5&si=S2p2uOH_EuVhc7CN
6- مشاريع على بوتستراب قائمة فيها 5 مشاريع
https://youtube.com/playlist?list=PL0NXc3SfXYNSTrmGl7M3y1axrGd-LAMfj&si=UMw-mBi39Cb1V74e
7-تعلم اساسيات البرمجة
https://youtube.com/playlist?list=PLoP3S2S1qTfBCtTYJ2dyy3mpn7aWAAjdN&si=LZ790yTsYrmuTzKp
8-الدخول الى لغة جافا سكربت وتعلمها
https://youtube.com/playlist?list=PLDoPjvoNmBAx3kiplQR_oeDqLDBUDYwVv&si=qtLGFNZxORaoTLQJ
9-مشاريع على جافا سكريبت
1
https://youtube.com/playlist?list=PLDoPjvoNmBAz7_BgzvNcOaE-m_SnE4jiT&si=OdJ0GfQvFY3PYyn0
2
https://youtube.com/playlist?list=PLW03K0dPCnA5BZkqXZZUoR95uFUQRHyB1&si=kDaF8vgtDbBV4IR1
3
https://youtube.com/playlist?list=PL0NXc3SfXYNTi48PixMjLY-CanLxI04x1&si=e-0VHRzqLvu2gbf3
4 قائمة تشغيل مهمة جدا جدا
https://youtube.com/playlist?list=PL0NXc3SfXYNSk5ba2UXdbB9NaWrQ4wOko&si=0xVapmsx-qXXjRzr
5
https://youtu.be/6BicTKzUDRA?si=6Enusx9ZCkp8CK30
6
https://youtube.com/playlist?list=PLtFbQRDJ11kHCgyFid3khHdOk0VEHiJ3e&si=WmL_p3VP0ArwaQrl
10- تعليم مكتبة رياكت وعمل مشاريع عليها
كورس كامل متكامل اساسيات ومشاريع احترافية
https://youtube.com/playlist?list=PLpr1Lg_f0v3ojNKR4WzZ_SEXhiKBHDQmB&si=1SH36ItIvRp85P6e
5🔥3👍1
- أفضل مواقع خاصة بالتحديات البرمجية
================================================
https://www.topcoder.com/
================================================
https://www.codewars.com/
================================================
https://www.hackerrank.com/interview/preparation-kits
================================================
https://exercism.org/
================================================
https://www.spoj.com/
================================================
🔥2
🤖 مواقع ذكاء إصطناعي متخصصة في إعادة صياغة النصوص فقط

🔄 قم بإعادة صياغة النصوص وتحسينها بسهولة باستخدام أدوات إعادة الصياغة بالذكاء الاصطناعي 👇 :

Aithor
Quillbot
Jasper
Rytr
🔥3👍1
🧠هل تعلم أن هناك أكثر من 20,000 أداة للذكاء الاصطناعي على جوجل؟
ولكن 95% من كتّاب المحتوى يعرفون فقط عن ChatGPT.


إليك أفضل 10 أدوات لكتّاب المحتوى :


1ـ Lunchbreak AI 📚:
استخدم الذكاء الاصطناعي للبحث وكتابة المقالات دون القلق من الكشف.

2ـ Google Gemini 🌟:
بديل مجاني لـ ChatGPT-4 من جوجل.

3ـ Humanize AI بواسطة AISEO 🤖:
حول النصوص بلمسة إنسانية.

4ـ Trinka AI 📝:
مدقق نحوي مصمم للكتابة الأكاديمية والمهنية.

5ـ Magai 🚀:
أدوات الجيل القادم من الذكاء الاصطناعي لمنشئي المحتوى.

6ـ Yomu AI 📖:
مساعد كتابة معزز للطلاب والأكاديميين.

7ـ Tugan AI 🔄:
حول أي محتوى إلى محتوى جديد وأصلي.

8ـ Maika AI 📈:
أداة لإنشاء المحتوى تعتمد على الذكاء الاصطناعي.

9ـ Byword AI 📰:
منصة لتوليد مقالات عالية الجودة بسرعة.

10ـ Writely AI ✍️:
مساعد كتابة لتحسين مهاراتك وتجاوز حاجز الكاتب.
4👍1🔥1