من اكتر الحجات الى كانت بتاخد منى وقت فى بدايه تعلمى للفرونت اند هوالبحث عن api مناسب
فعلشان كده هشارك معاكم موقع من اكتر المواقع الى عجبتنى لانه موجود عليه كل api
الخاصه بكل المشاريع الى ممكن تفكر تعملوها
الى يعتبر كنز لاى حد شغال فرونت اند الموقع
https://rapidapi.com/
فعلشان كده هشارك معاكم موقع من اكتر المواقع الى عجبتنى لانه موجود عليه كل api
الخاصه بكل المشاريع الى ممكن تفكر تعملوها
الى يعتبر كنز لاى حد شغال فرونت اند الموقع
https://rapidapi.com/
❤1
فرق بين PUT و PATCH في RESTful API:
مبدأيا ال REST API هو نوع من أنواع ال API التي تستخدم HTTP بروتوكول .
ومن ضمن ال Verbs ال بستخدمهم عشان اعمل Manipulation او اعمل Retrive لل Data بتاعتى:
- GET
- POST
- PUT
- DELETE
دى الـ Verbs المتعارف عليها في HTTP.
عندنا كمان Verb تانى وهو PATCH، وال بستخدمه عشان اعمل Update لل Data بتاعتى زى PUT.
طيب ايه الفرق بين PUT و PATCH طالما الاتنين بيعملوا Update؟
لو عندي Table اسمه users ووعملت Insert فيه ل New User باستخدام POST:
POST /User
{
"name": "NewUser",
"Email": "NewUser1@gmail.com",
"password": "1234"
}
لو حبيت أعمل Update لل (name) بتاع ال User دا :
لو استخدمت PUT: أنا مضطر أبعت Value لكل الـ Fields بتاعت الـ User في الـ Body حتى اللي مش هعملها Update. وده لأن الـ PUT بتروح تعمل Update للـ Record ده كله فال Database
ال هو ال User عندنا حاليا :
PUT /User/1
{
"name": "UpdatedName", // update field
"Email": "NewUser1@gmail.com",
"password": "1234"
}
وإلا لو بعت بس الـ Field اللي عاوز أعملها Update زى كدا :
PUT /User/1
{
"name": "UpdatedName", // update field
}
فاللي هيحصل إنه هيعتبر باقي الـ Fields حصلها Update برضو بس Values بتاعتها هتبقى Null ده لو بت Allow الـ Null يعني، عشان لو مش بت Allow Null فهو مش هيعمل Update أصلا.
أما PATCH ف بتشتغل على الـ Field اللي أنا عاوز أعملها Update بس:
PATCH /User/1
{
"name": "UpdatedName", // update field
}
هنا اللي هيحصله Update هو Field الـ name بس مش الـ entity او ال Record كله.
الخلاصه :
- ال PUT: بستخدمها عشان اعمل Update لل Record كله ولازم تبعت كل ال Values.
- ال PATCH: بستخدمها عشان اعمل Update ل Field معين بس فال Record وببعت بس ال Value بتاعت ال Field دا بس
مبدأيا ال REST API هو نوع من أنواع ال API التي تستخدم HTTP بروتوكول .
ومن ضمن ال Verbs ال بستخدمهم عشان اعمل Manipulation او اعمل Retrive لل Data بتاعتى:
- GET
- POST
- PUT
- DELETE
دى الـ Verbs المتعارف عليها في HTTP.
عندنا كمان Verb تانى وهو PATCH، وال بستخدمه عشان اعمل Update لل Data بتاعتى زى PUT.
طيب ايه الفرق بين PUT و PATCH طالما الاتنين بيعملوا Update؟
لو عندي Table اسمه users ووعملت Insert فيه ل New User باستخدام POST:
POST /User
{
"name": "NewUser",
"Email": "NewUser1@gmail.com",
"password": "1234"
}
لو حبيت أعمل Update لل (name) بتاع ال User دا :
لو استخدمت PUT: أنا مضطر أبعت Value لكل الـ Fields بتاعت الـ User في الـ Body حتى اللي مش هعملها Update. وده لأن الـ PUT بتروح تعمل Update للـ Record ده كله فال Database
ال هو ال User عندنا حاليا :
PUT /User/1
{
"name": "UpdatedName", // update field
"Email": "NewUser1@gmail.com",
"password": "1234"
}
وإلا لو بعت بس الـ Field اللي عاوز أعملها Update زى كدا :
PUT /User/1
{
"name": "UpdatedName", // update field
}
فاللي هيحصل إنه هيعتبر باقي الـ Fields حصلها Update برضو بس Values بتاعتها هتبقى Null ده لو بت Allow الـ Null يعني، عشان لو مش بت Allow Null فهو مش هيعمل Update أصلا.
أما PATCH ف بتشتغل على الـ Field اللي أنا عاوز أعملها Update بس:
PATCH /User/1
{
"name": "UpdatedName", // update field
}
هنا اللي هيحصله Update هو Field الـ name بس مش الـ entity او ال Record كله.
الخلاصه :
- ال PUT: بستخدمها عشان اعمل Update لل Record كله ولازم تبعت كل ال Values.
- ال PATCH: بستخدمها عشان اعمل Update ل Field معين بس فال Record وببعت بس ال Value بتاعت ال Field دا بس
بعض أوامر ال #Run :
1- الامر ( ipconfig ) لمعرفة الـ ip الخاص بك
2- الامر ( regedit ) لفتح شاشة الريجسترى للوندوز
3- الامر ( msconfig ) أداة مساعدة ومنها ممكن توقف تشغيل أى برنامج عند تشغيل الويندوز
4- الامر ( calc ) لفتح الألة الحاسبة
5- الامر (cmd ) لفتح نافذة الدوس
6- الامر ( scandisk ) أو ( scandskw ) لفحص القرص
7- الامر ( taskmgr ) لمشاهدة كل اللى مفتوح ف التاسك بار (شريط المهام) والتحكم فيه
8- الامر ( cookies) للدخول على ملفات الكوكيز
9- الامر ( defrag )
10- الامر ( help ) وممكن F1
11- الامر ( temp ) للوصول للملفات المؤقتة
12- الامر ( dxdiag ) لمعرفة كل مواصفات جهازك وكل معلومات عنه
13- الامر ( pbrush ) لتشغيل برنامج ( الرسام )
14- الامر ( cdplayer ) لتشغيل برنامج السى دى بلير
15- الامر ( progman ) لفتح البروجرام مانجر
16- الامر ( tuneup ) لتشغيل معالج الصيانة للجهاز
17- الامر ( debug ) لمعرفة نوع كارت الشاشة
18- الامر ( sysedit ) لفتح ( محرر تكوين النظام )
19- الامر ( packager ) لاستعراض برنامج تغيير الايقونات
20- الامر ( cleanmgr ) لتشغيل برنامج التنضيف
21- الامر ( msiexec ) معلومات عن حقوق البرنامج والشركة
22- الامر ( imgstart ) لتشغيل اسطوانة وندوز
23- الامر ( sfc ) لارجاع ملفات dll إذا تم عطب أي ملف
24- الامر ( icwscrpt ) لنسخ ملفات dll
25- الامر ( recent ) لفتح الريسنت الخاص بك واستعراض الملفات اللى تم فتحها من قبل
26- الامر ( mobsync ) لفتح برنامج مهم جدا لتنزيل صفحات النت وتصفحها خارج النت فيما بعد
27- الامر ( Tips.txt ) ملف مهم فيه أهم أسرار الويندوز
28- الامر ( drwatson ) لفتح برنامج دكتور واطسون لعمل فحص شامل على جهازك
29- الامر ( mkcompat ) لتغيير خصائص البرامج
30- الامر ( cliconfg ) للمساعدة في شبكة الاتصال
31- الامر ( ftp ) لفتح File Transfer Protocol ( بروتوكول نقل الملفات )
32- الامر ( dvdplay ) وهذا موجود بس في الويندوز ميلينيوم وهذا البرنامج لتشغيل الفيديو.
33- الامر ( osk ) لاظهار الكيبورد على الشاشة
34-الامر (gpedit.msc ) تتحكم بجميع سياسات النظام او الغاء التفعيل لجميع مفاصل النظام
35-الامر(%tmp%) الوصول للملفات المؤقتة بشكل اوسع
36-الامر(perfmon.msc)لمراقبة نظامك بصورة اوسع
الامر ( sysedit ) لفتح السيستم كونفيجريشن ايديتور ( محرر تكوين النظام ) .
37-الامر ( cleanmgr ) لتشغيل برنامج التنضيف
38-الامر ( msiexec ) معلومات عن حقوق البرنامج والشركة.
39-الامر ( recent ) لفتح الريسنت الخاص بك واستعراض الملفات اللى تم فتحها من قبل.
40-الامر ( mobsync ) لفتح برنامج مهم جدا لتنزيل صحفحات النت وتصفحها خارج النت فيما بعد .
41-الامر ( drwatson ) لفتح برنامج دكتور واتسون لعمل فحص شامل على جهازك .
42-الامر ( ftp ) لفتح File Transfer Protocol ( بروتوكول نقل الملفات ) .
43-الامر ( telnet ) وهذا تابع اصلا لليونكس وبعد ذالك دخلوه علي الوندوز للاتصال بالسرفرات وخدمات الشبكات .
44-الامر ( dvdplay ) موجود بس في الوندوز ميلينيوم وهذا لبرنامج بيشغل
45-امر(soundrecorder) تسجيل الصوت
46-الامر(credwiz)طلب استعادة الكلمة السرية
47-الامر(timedate.cpl)ضبط الوقت والتاريخ
48_الامر(narrator)برنامج الراوي لقراءة أوامر القوائم ومربعات الحوار الإنجليزية
49-الامر(joy.cpl)لوحة التحكم بالالعاب و الـ Joystick
50-الامر(wmimgmt.msc)إدارة البنية التحتية - Management Infrastructure
51-الامر(dpiscaling)ضبط الشاشة
52-الامر(Standalong Update Manager (wusa
1- الامر ( ipconfig ) لمعرفة الـ ip الخاص بك
2- الامر ( regedit ) لفتح شاشة الريجسترى للوندوز
3- الامر ( msconfig ) أداة مساعدة ومنها ممكن توقف تشغيل أى برنامج عند تشغيل الويندوز
4- الامر ( calc ) لفتح الألة الحاسبة
5- الامر (cmd ) لفتح نافذة الدوس
6- الامر ( scandisk ) أو ( scandskw ) لفحص القرص
7- الامر ( taskmgr ) لمشاهدة كل اللى مفتوح ف التاسك بار (شريط المهام) والتحكم فيه
8- الامر ( cookies) للدخول على ملفات الكوكيز
9- الامر ( defrag )
10- الامر ( help ) وممكن F1
11- الامر ( temp ) للوصول للملفات المؤقتة
12- الامر ( dxdiag ) لمعرفة كل مواصفات جهازك وكل معلومات عنه
13- الامر ( pbrush ) لتشغيل برنامج ( الرسام )
14- الامر ( cdplayer ) لتشغيل برنامج السى دى بلير
15- الامر ( progman ) لفتح البروجرام مانجر
16- الامر ( tuneup ) لتشغيل معالج الصيانة للجهاز
17- الامر ( debug ) لمعرفة نوع كارت الشاشة
18- الامر ( sysedit ) لفتح ( محرر تكوين النظام )
19- الامر ( packager ) لاستعراض برنامج تغيير الايقونات
20- الامر ( cleanmgr ) لتشغيل برنامج التنضيف
21- الامر ( msiexec ) معلومات عن حقوق البرنامج والشركة
22- الامر ( imgstart ) لتشغيل اسطوانة وندوز
23- الامر ( sfc ) لارجاع ملفات dll إذا تم عطب أي ملف
24- الامر ( icwscrpt ) لنسخ ملفات dll
25- الامر ( recent ) لفتح الريسنت الخاص بك واستعراض الملفات اللى تم فتحها من قبل
26- الامر ( mobsync ) لفتح برنامج مهم جدا لتنزيل صفحات النت وتصفحها خارج النت فيما بعد
27- الامر ( Tips.txt ) ملف مهم فيه أهم أسرار الويندوز
28- الامر ( drwatson ) لفتح برنامج دكتور واطسون لعمل فحص شامل على جهازك
29- الامر ( mkcompat ) لتغيير خصائص البرامج
30- الامر ( cliconfg ) للمساعدة في شبكة الاتصال
31- الامر ( ftp ) لفتح File Transfer Protocol ( بروتوكول نقل الملفات )
32- الامر ( dvdplay ) وهذا موجود بس في الويندوز ميلينيوم وهذا البرنامج لتشغيل الفيديو.
33- الامر ( osk ) لاظهار الكيبورد على الشاشة
34-الامر (gpedit.msc ) تتحكم بجميع سياسات النظام او الغاء التفعيل لجميع مفاصل النظام
35-الامر(%tmp%) الوصول للملفات المؤقتة بشكل اوسع
36-الامر(perfmon.msc)لمراقبة نظامك بصورة اوسع
الامر ( sysedit ) لفتح السيستم كونفيجريشن ايديتور ( محرر تكوين النظام ) .
37-الامر ( cleanmgr ) لتشغيل برنامج التنضيف
38-الامر ( msiexec ) معلومات عن حقوق البرنامج والشركة.
39-الامر ( recent ) لفتح الريسنت الخاص بك واستعراض الملفات اللى تم فتحها من قبل.
40-الامر ( mobsync ) لفتح برنامج مهم جدا لتنزيل صحفحات النت وتصفحها خارج النت فيما بعد .
41-الامر ( drwatson ) لفتح برنامج دكتور واتسون لعمل فحص شامل على جهازك .
42-الامر ( ftp ) لفتح File Transfer Protocol ( بروتوكول نقل الملفات ) .
43-الامر ( telnet ) وهذا تابع اصلا لليونكس وبعد ذالك دخلوه علي الوندوز للاتصال بالسرفرات وخدمات الشبكات .
44-الامر ( dvdplay ) موجود بس في الوندوز ميلينيوم وهذا لبرنامج بيشغل
45-امر(soundrecorder) تسجيل الصوت
46-الامر(credwiz)طلب استعادة الكلمة السرية
47-الامر(timedate.cpl)ضبط الوقت والتاريخ
48_الامر(narrator)برنامج الراوي لقراءة أوامر القوائم ومربعات الحوار الإنجليزية
49-الامر(joy.cpl)لوحة التحكم بالالعاب و الـ Joystick
50-الامر(wmimgmt.msc)إدارة البنية التحتية - Management Infrastructure
51-الامر(dpiscaling)ضبط الشاشة
52-الامر(Standalong Update Manager (wusa
❤1👍1
وقع قدامي الريبو ده وحقيقي حاجه عظمه اووي انا معرفش صاحبها بس ربنا يجازيه خير
Backend with NodeJS Roadmap
https://github.com/cat-backend-nodejs/nodejs-roadmap
Backend with NodeJS Roadmap
https://github.com/cat-backend-nodejs/nodejs-roadmap
GitHub
GitHub - cat-backend-nodejs/nodejs-roadmap: Roadmap for Back-End Development using Node.JS
Roadmap for Back-End Development using Node.JS. Contribute to cat-backend-nodejs/nodejs-roadmap development by creating an account on GitHub.
النهارده يشباب هنتكلم عن اى هو إل WEBPACK بشكل سريع
🔴 Webpack
هو أداة بتساعد المبرمجين يجمعوا كل الملفات اللي بيستخدموها في المشروع بتاعهم، زي ملفات الـ JavaScript، الـ CSS، والصور، في حزمة واحدة جاهزة للاستخدام. الفكرة إنك بدل ما تستخدم كل ملف على حدة، Webpack بيجمعهم ويضغطهم عشان يسرع من تحميل الموقع أو التطبيق بتاعك. ده بيسهل إدارة الملفات وبيخلي المشروع أكتر تنظيم وأسرع في الأداء.
ممكن نقول إن Webpack هو زي الماكينة اللي بتجمع كل قطع البازل وتحطهم في صورة واحدة جاهزة للعرض.
🔴 Webpack
هو أداة بتساعد المبرمجين يجمعوا كل الملفات اللي بيستخدموها في المشروع بتاعهم، زي ملفات الـ JavaScript، الـ CSS، والصور، في حزمة واحدة جاهزة للاستخدام. الفكرة إنك بدل ما تستخدم كل ملف على حدة، Webpack بيجمعهم ويضغطهم عشان يسرع من تحميل الموقع أو التطبيق بتاعك. ده بيسهل إدارة الملفات وبيخلي المشروع أكتر تنظيم وأسرع في الأداء.
ممكن نقول إن Webpack هو زي الماكينة اللي بتجمع كل قطع البازل وتحطهم في صورة واحدة جاهزة للعرض.
بعض ال Features المهمه الي ظهرت في JavaScript ES6
مايفعش حد يكون مبرمج js من غير ما يكون ملم بالحاجات دي
مايفعش حد يكون مبرمج js من غير ما يكون ملم بالحاجات دي
مواقع تتيح لك اختبار موقعك هل هو متجاوب مع مختلف الشاشات ام لا
في هي توفر عليك مجهود و تختصر وقتك لمعالجه مشاكل الموقع الخاص بك علي الشاشات المختلفة
المواقع :
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/
في هي توفر عليك مجهود و تختصر وقتك لمعالجه مشاكل الموقع الخاص بك علي الشاشات المختلفة
المواقع :
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/
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
في النهاية السيكيوريتي بحر كبير ملوش آخر ومهما تتعمق فيه يستحيل توصل لنهايته لكن معرفتك بالحد الأدنى منه هتغير نظرتك تماماً للكود اللي أنت بتكتبه
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
في النهاية السيكيوريتي بحر كبير ملوش آخر ومهما تتعمق فيه يستحيل توصل لنهايته لكن معرفتك بالحد الأدنى منه هتغير نظرتك تماماً للكود اللي أنت بتكتبه
👍1