#فكرة_مبرمج
وارجو ان تشاركو رابط القناة لتعم الفائدة الجميع وتقديرا لجهودنا معكم
https://t.me/Programmer_Idea
وارجو ان تشاركو رابط القناة لتعم الفائدة الجميع وتقديرا لجهودنا معكم
https://t.me/Programmer_Idea
Telegram
فكرة مبرمج & Programmer idea
Programmer Idea & فكرة مبرمج
أكاديمية تعليمية تهدف إلى تطوير المحتوى التعليمي العربي. قناة عامة لنشر محتوى خاص بالبرمجة وكل ما يتعلق بها.
أكاديمية تعليمية تهدف إلى تطوير المحتوى التعليمي العربي. قناة عامة لنشر محتوى خاص بالبرمجة وكل ما يتعلق بها.
❤2👍1🥰1
احاول اثبت عسى يوصلكم اشعارات بس ماتقولوا ليش ماتلحقوا 🗿
👍1😢1
#كورس تعلم قواعد البيانات باستخدام MySQL - في ساعتين - بالعربي
إبدأ صح إبدأ بالعربي
الكورس باللغة العربية ✅
🔗 رابط الكورس المجاني :⬇️
الرابط هنا
ادعمنا بمشارك القناة 🔁
إبدأ صح إبدأ بالعربي
الكورس باللغة العربية ✅
🔗 رابط الكورس المجاني :⬇️
الرابط هنا
ادعمنا بمشارك القناة 🔁
👍2❤1
Udemy
دورة الذكاء الأصطناعي فى التسويق الإلكتروني
سوف تتعلم كل مايخص الذكاء الاصطناعي والتسويق
#كورس دورة الذكاء الأصطناعي فى التسويق الإلكتروني
سوف تتعلم كل مايخص الذكاء الاصطناعي والتسويق
الكورس باللغة العربية ✅
🔗 رابط الكورس المجاني :⬇️
رابط الكورس
ادعمنا بمشارك القناة 🔁
سوف تتعلم كل مايخص الذكاء الاصطناعي والتسويق
الكورس باللغة العربية ✅
🔗 رابط الكورس المجاني :⬇️
رابط الكورس
ادعمنا بمشارك القناة 🔁
مواقع تتيح لك اختبار موقعك هل هو متجاوب مع مختلف الشاشات ام لا
في هي توفر عليك مجهود و تختصر وقتك لمعالجه مشاكل الموقع الخاص بك علي الشاشات المختلفة
المواقع :
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/
فكرة مبرمج & Programmer idea
Photo
صديقي مطور الفرونت ايند 🎨
لو شغال على الـ Frontend، دي أفضل VS Code Extensions اللي هتسهل عليك الكود وتوفر وقتك ⏳
🔹 Path Intellisense
بتكمل لك مسارات الملفات أوتوماتيكيًا.
https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense
🔹 React PropTypes Intellisense
بسرعة اكتب الـProps في React من غير تعب.
https://marketplace.visualstudio.com/items?itemName=OfHumanBondage.react-proptypes-intellisense
🔹 npm Intellisense
مش هتحتاج تفكر في كتابة أوامر npm تاني، الإضافة هتكمل لك كل حاجة.
https://marketplace.visualstudio.com/items?itemName=christian-kohler.npm-intellisense
🔹 Color Highlight
بيظهر لك الألوان اللي كتبتها في الكود بشكل فوري.
https://marketplace.visualstudio.com/items?itemName=naumovs.color-highlight
🔹 Auto Rename Tag
غير اسم الوسم مرة واحدة وهيتغير تلقائيًا في المكان المقابل.
https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag
🔹 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
🔹 ESLint
حلل الكود واكتشف الأخطاء بكل سهولة.
https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint
🔹 Bracket Pair Colorizer
ألوان مختلفة لكل زوج من الأقواس علشان تميز بسهولة.
https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer
🔹 Live Server
شغل خادم محلي وشوف التعديلات بتاعتك مباشرة.
https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer
🔹 Live Sass Compiler
حول ملفات Sass إلى CSS بشكل تلقائي.
https://marketplace.visualstudio.com/items?itemName=ritwickdey.live-sass
🔹 Better Comments
اكتب تعليقات منسقة وملونة في الكود.
https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments
🔹 Material Icon Theme
أيكونز جديدة ومنظمة لكل ملفاتك.
https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme
🔹 HTML Snippets
اكتب HTML أسرع مع اختصارات جاهزة.
https://marketplace.visualstudio.com/items?itemName=abusaidm.html-snippets
🔹 CSS Peek
شوف بسرعة الـCSS المرتبط بأي عنصر HTML.
https://marketplace.visualstudio.com/items?itemName=pranaygp.vscode-css-peek
🔹 Quokka.js
عرض فوري لنتائج الأكواد في JavaScript وTypeScript.
https://marketplace.visualstudio.com/items?itemName=WallabyJs.quokka-vscode
🔹 Import Cost
اعرف حجم المكتبات اللي بتستخدمها في المشروع.
https://marketplace.visualstudio.com/items?itemName=wix.vscode-import-cost
🔹 Prettier - Code Formatter
نسيق تلقائي للكود بشكل منظم وجذاب.
https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode
🔹 SVG Viewer
تعديل سهل لملفات SVG مباشرة من VS Code.
https://marketplace.visualstudio.com/items?itemName=cssho.vscode-svgviewer
🔹 REST Client
زي Postman، بعت طلبات HTTP من VS Code وشوف النتيجة.
https://marketplace.visualstudio.com/items?itemName=humao.rest-client
🔹 Thunder Client
بديل لـ Postman لاختبار الـAPIs مباشرة من VS Code.
https://marketplace.visualstudio.com/items?itemName=rangav.vscode-thunder-client
🔹 Polacode
لقطات كود مميزة لمشاركتها مع زملائك.
https://marketplace.visualstudio.com/items?itemName=pnp.polacode
🔹 IntelliSense for CSS class names in HTML
اقتراحات تلقائية لأسماء الكلاسات في HTML بناءً على CSS.
https://marketplace.visualstudio.com/items?itemName=Zignd.html-css-class-completion
🔹 Code Runner
تشغيل سريع للكود من داخل VS Code.
https://marketplace.visualstudio.com/items?itemName=formulahendry.code-runner
🔹 Peacock
لون واجهة VS Code حسب كل مشروع لسهولة التمييز.
https://marketplace.visualstudio.com/items?itemName=johnpapa.vscode-peacock
لو شغال على الـ Frontend، دي أفضل VS Code Extensions اللي هتسهل عليك الكود وتوفر وقتك ⏳
🔹 Path Intellisense
بتكمل لك مسارات الملفات أوتوماتيكيًا.
https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense
🔹 React PropTypes Intellisense
بسرعة اكتب الـProps في React من غير تعب.
https://marketplace.visualstudio.com/items?itemName=OfHumanBondage.react-proptypes-intellisense
🔹 npm Intellisense
مش هتحتاج تفكر في كتابة أوامر npm تاني، الإضافة هتكمل لك كل حاجة.
https://marketplace.visualstudio.com/items?itemName=christian-kohler.npm-intellisense
🔹 Color Highlight
بيظهر لك الألوان اللي كتبتها في الكود بشكل فوري.
https://marketplace.visualstudio.com/items?itemName=naumovs.color-highlight
🔹 Auto Rename Tag
غير اسم الوسم مرة واحدة وهيتغير تلقائيًا في المكان المقابل.
https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag
🔹 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
🔹 ESLint
حلل الكود واكتشف الأخطاء بكل سهولة.
https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint
🔹 Bracket Pair Colorizer
ألوان مختلفة لكل زوج من الأقواس علشان تميز بسهولة.
https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer
🔹 Live Server
شغل خادم محلي وشوف التعديلات بتاعتك مباشرة.
https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer
🔹 Live Sass Compiler
حول ملفات Sass إلى CSS بشكل تلقائي.
https://marketplace.visualstudio.com/items?itemName=ritwickdey.live-sass
🔹 Better Comments
اكتب تعليقات منسقة وملونة في الكود.
https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments
🔹 Material Icon Theme
أيكونز جديدة ومنظمة لكل ملفاتك.
https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme
🔹 HTML Snippets
اكتب HTML أسرع مع اختصارات جاهزة.
https://marketplace.visualstudio.com/items?itemName=abusaidm.html-snippets
🔹 CSS Peek
شوف بسرعة الـCSS المرتبط بأي عنصر HTML.
https://marketplace.visualstudio.com/items?itemName=pranaygp.vscode-css-peek
🔹 Quokka.js
عرض فوري لنتائج الأكواد في JavaScript وTypeScript.
https://marketplace.visualstudio.com/items?itemName=WallabyJs.quokka-vscode
🔹 Import Cost
اعرف حجم المكتبات اللي بتستخدمها في المشروع.
https://marketplace.visualstudio.com/items?itemName=wix.vscode-import-cost
🔹 Prettier - Code Formatter
نسيق تلقائي للكود بشكل منظم وجذاب.
https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode
🔹 SVG Viewer
تعديل سهل لملفات SVG مباشرة من VS Code.
https://marketplace.visualstudio.com/items?itemName=cssho.vscode-svgviewer
🔹 REST Client
زي Postman، بعت طلبات HTTP من VS Code وشوف النتيجة.
https://marketplace.visualstudio.com/items?itemName=humao.rest-client
🔹 Thunder Client
بديل لـ Postman لاختبار الـAPIs مباشرة من VS Code.
https://marketplace.visualstudio.com/items?itemName=rangav.vscode-thunder-client
🔹 Polacode
لقطات كود مميزة لمشاركتها مع زملائك.
https://marketplace.visualstudio.com/items?itemName=pnp.polacode
🔹 IntelliSense for CSS class names in HTML
اقتراحات تلقائية لأسماء الكلاسات في HTML بناءً على CSS.
https://marketplace.visualstudio.com/items?itemName=Zignd.html-css-class-completion
🔹 Code Runner
تشغيل سريع للكود من داخل VS Code.
https://marketplace.visualstudio.com/items?itemName=formulahendry.code-runner
🔹 Peacock
لون واجهة VS Code حسب كل مشروع لسهولة التمييز.
https://marketplace.visualstudio.com/items?itemName=johnpapa.vscode-peacock
Visualstudio
Path Intellisense - Visual Studio Marketplace
Extension for Visual Studio Code - Visual Studio Code plugin that autocompletes filenames
فكرة مبرمج & Programmer idea
Photo
🔥 أهم أوامر 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
👍5❤3
فكرة مبرمج & Programmer idea
Photo
“هل تساءلت يومًا كيف تتواصل المواقع والتطبيقات مع بعضها البعض؟ 🤔”
إذا كنت مطور Front-End، فبالتأكيد سمعت عن مفهوم الـ API.
الـ API هو اختصار لـ “Application Programming Interface”، وهو عبارة عن وسيط بين مكونين برمجيين يساعد على تبادل البيانات بينهما. على سبيل المثال، إذا كنت ترغب في جلب معلومات من موقع آخر لاستخدامها في موقعك أو تطبيقك، فإنك ستعتمد على الـ API لطلب هذه البيانات.
الـ API لا يقوم فقط بجلب البيانات، بل يمكنه أيضًا إرسال البيانات. على سبيل المثال، إذا كان هناك موقع لبيع المنتجات ويوجد فيه نموذج لإدخال تفاصيل المنتج مثل الاسم والسعر، فعند ملء هذه البيانات والضغط على زر الإضافة، يقوم الـ Back-End بأخذ هذه البيانات وإرسالها إلى الـ API.
بعد ذلك، يتولى الـ API مسؤولية تخزين هذه البيانات في قاعدة البيانات. ومن ثم، يقوم الـ Back-End بإرسال البيانات مرة أخرى إلى الـ Front-End، حيث يتولى الأخير عرض هذه البيانات بشكل مرتب على واجهة الموقع.
عملية جلب البيانات من الـ API تتم عادةً باستخدام الـ Fetch. الـ Fetch هو الأداة التي تمكنك من طلب البيانات من الـ API واستلامها لاستخدامها في مشروعك.
في النهاية، الـ API يعد جزءًا أساسيًا في التطوير البرمجي وخاصة في المشاريع الكبيرة، لذلك من المهم أن تكون على دراية جيدة بكيفية التعامل معه. يجب عليك التدريب جيدًا على كيفية استرجاع البيانات، إرسالها بشكل صحيح، وتنظيم الكود بحيث يكون مرتبًا ومفهومًا، وليس مجرد تنفيذ المهام المطلوبة فقط.
إذا كنت مطور Front-End، فبالتأكيد سمعت عن مفهوم الـ API.
الـ API هو اختصار لـ “Application Programming Interface”، وهو عبارة عن وسيط بين مكونين برمجيين يساعد على تبادل البيانات بينهما. على سبيل المثال، إذا كنت ترغب في جلب معلومات من موقع آخر لاستخدامها في موقعك أو تطبيقك، فإنك ستعتمد على الـ API لطلب هذه البيانات.
الـ API لا يقوم فقط بجلب البيانات، بل يمكنه أيضًا إرسال البيانات. على سبيل المثال، إذا كان هناك موقع لبيع المنتجات ويوجد فيه نموذج لإدخال تفاصيل المنتج مثل الاسم والسعر، فعند ملء هذه البيانات والضغط على زر الإضافة، يقوم الـ Back-End بأخذ هذه البيانات وإرسالها إلى الـ API.
بعد ذلك، يتولى الـ API مسؤولية تخزين هذه البيانات في قاعدة البيانات. ومن ثم، يقوم الـ Back-End بإرسال البيانات مرة أخرى إلى الـ Front-End، حيث يتولى الأخير عرض هذه البيانات بشكل مرتب على واجهة الموقع.
عملية جلب البيانات من الـ API تتم عادةً باستخدام الـ Fetch. الـ Fetch هو الأداة التي تمكنك من طلب البيانات من الـ API واستلامها لاستخدامها في مشروعك.
في النهاية، الـ API يعد جزءًا أساسيًا في التطوير البرمجي وخاصة في المشاريع الكبيرة، لذلك من المهم أن تكون على دراية جيدة بكيفية التعامل معه. يجب عليك التدريب جيدًا على كيفية استرجاع البيانات، إرسالها بشكل صحيح، وتنظيم الكود بحيث يكون مرتبًا ومفهومًا، وليس مجرد تنفيذ المهام المطلوبة فقط.
إختصارات فجوال ستوديو
Useful VSCode Shortcuts List📝👨🏻💻
#فكرة_مبرمج
Useful VSCode Shortcuts List📝👨🏻💻
Ctrl + A - Select All
Alt + Shift + Up/Down - Copy Line Up/Down
Ctrl + Shift + K - Delete Line
Alt + Up/Down - Move Line Up/Down
Ctrl + ` - Toggle Terminal
Ctrl + B - Toggle Sidebar
Ctrl + Shift + D - Toggle Debug Panel
F5 - Start Debugging
Ctrl + Shift + E - Open Explorer
Ctrl + Shift + F - Find in Files
Ctrl + Shift + H - Replace in Files
Ctrl + Shift + M - Open Problems Panel
Ctrl + Shift + X - Open Extensions
Ctrl + Shift + ` - Show Integrated Terminal
Ctrl + Shift + L - Select All Occurrences
Ctrl + D - Add Selection to Next Find Match
Ctrl + Shift + D - Start/Stop Debugging
Ctrl + Shift + C - Open External Terminal
Ctrl + Shift + V - Open Markdown Preview
Ctrl + Shift + I - Format Document
Ctrl + Shift + U - Show Output
Ctrl + Shift + P - Open Command Palette
Ctrl + Shift + J - Open Debug Console
Ctrl + Shift + F12 - Toggle Full Screen
Ctrl + Shift + E - Toggle Explorer
Ctrl + Shift + T - Reopen Closed File
Ctrl + / - Toggle Line Comment
Ctrl + Shift + / - Toggle Block Comment
Alt + Shift + F - Format Document
Ctrl + K, Ctrl + S - Show Keyboard Shortcuts
#فكرة_مبرمج
❤7🔥1