تعلم برمجة المواقع🚀
6.63K subscribers
55 photos
2 videos
19 files
545 links
قناة للبرمجة والمبرمجين ...
تحتوي على مقالات للمبرمجين.
كتب وملفات pdf مجانية للمبرمجين.
نصائح للمبتدئين والمحترفين في البرمجة ...
أفضل الدورات في مجال البرمجة مجانا..
Download Telegram
لو انت شغال في الـ 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
عمرك جربت الطريقة دي قبل كده؟ 💡

إنك ترفع الكود بتاعك على موقع يحلله ويقولك على كل المشاكل اللي محتاجة تتعدل، عشان تطلع بجودة كود عالية من غير ما حد يعملك مراجعة.

دي شوية مواقع ممكن تجربها:

1. Codacy
2. SonarQube
3. CodeClimate
4. DeepSource
5. CodeGuru
🔥105👍1