📌موقع مفيد جدا لمطورين FrontEnd..
تقدر تعرف هل المتصفح يدعم المميزات او الخصائص للغات HTML , CSS ,JS او لا يدعمها.
فمثلا استخدمت خاصية جديدة بـCSS تقدر تعرف وش المتصفحات التي تدعم الخاصية✅
كل اللي عليك تبحث عن الخاصية وراح يعرض لك هل هي مدعومة او لا.👇
caniuse.com
تقدر تعرف هل المتصفح يدعم المميزات او الخصائص للغات HTML , CSS ,JS او لا يدعمها.
فمثلا استخدمت خاصية جديدة بـCSS تقدر تعرف وش المتصفحات التي تدعم الخاصية✅
كل اللي عليك تبحث عن الخاصية وراح يعرض لك هل هي مدعومة او لا.👇
caniuse.com
🔥2👍1
حل المشكلات البرمجيه problems solving
مهمه جدا لبناء و تطوير التفكير البرمجي وتصبح تنين في اللغة البرمجية
موقع codewars
من احسن المواقع التي توفر مشاكل برمجية
للمبتدئين و المحترفين
Link : https://www.codewars.com/
مهمه جدا لبناء و تطوير التفكير البرمجي وتصبح تنين في اللغة البرمجية
موقع codewars
من احسن المواقع التي توفر مشاكل برمجية
للمبتدئين و المحترفين
Link : https://www.codewars.com/
Codewars
Codewars - Achieve mastery through coding practice and developer mentorship
A coding practice website for all programming levels – Join a community of over 3 million developers and improve your coding skills in over 55 programming languages!
❤2👍1
أفضل كورس php شامل من الصفر الى الاحتراف
https://youtube.com/playlist?list=PLDoPjvoNmBAy41u35AqJUrI-H83DObUDq
https://youtube.com/playlist?list=PLDoPjvoNmBAy41u35AqJUrI-H83DObUDq
YouTube
PHP Bootcamp 2022
A Complete PHP Course in 2022
❤3👍1🥰1
جايبلك 15 اختصار حرفيا هيغيروا استخدامك للـ VS Code
1. Ctrl + Shift + \
الاختصار دا لو انت واقف على فاتحة قوس هياخدك للقفلة بتاعته وطبعا دا مفيد جدا في حالة الـ Nesting
2. Ctrl+] / [
الاختصار دا هينسيك الـ Tab لو عايز تعمل Indent للسطر او تلغيه من أي مكان في السطر فدا الحل بدل بقا ما تروح لأول السطر عشان تعمل تاب أو شيفت تاب
3. Ctrl + G
هو انت لسه هتعمل سكرول للسطر اللي انت عايزه؟ يعمل اعمل الاختصار دا واكتب رقم السطر على طول ودوس انتر
4. Ctrl + P
هو انت بردو لسه هتقعد تدور على الملف اللي عايز تفتحه يعم بردو اعمل الاختصار دا واكتب اسمه على طول
5. Ctrl + D
الاختصار دا مهم جدا بيعملك تحديد لأول ما يطابق الكلمة اللي انت واقف عندها او الجزء اللي انت محدده وكل ما تضغط كل ما يحدد وبالتالي مثلا تقدر تغيرهم كلهم مرة واحدة
6. Ctrl + Shift + L
دا زي اللي قبله بس دا بقا بيحدد كل النتايج للجزء اللي انت محدده مرة واحدة يعني لو عايز تغير اسم variable مثلا وانت مستخدمه اكتر من مرة فدا منقذك
7. Ctrl+F2
دا بردو زي اللي قبله بس دا للكلمة اللي انت واقف عندها مش تحديد
8. Alt + ↑ / ↓
الاختصار دا يحركلك السطر اللي واقف عليه سطر فوق او سطر تحت
9. Shift + Alt + ↓ / ↑
الاختصار دا بيعملك نسخة من السطر اللي واقف عليه فوقه او تحته
10. Ctrl + Enter
الاختصار دا بيعملك سطر جديد تحت السطر اللي انت واقف عليه
11. F12
لو عندك function او class او اي حاجة ومستخدمه مثلا في مكان معين وعايز ترجعله على طول تعدل فيه اعمل بس الاختصار دا وهو هيوديك ع المكان اللي عرفت فيه الـ function ولو العكس هيجبلك انت مستخدم الـ function دي فين
12. Ctrl + Shift +
هيفتحلك نافذة تيرمينال جديدة
13. Ctrl + B
هيظهر او يخفي الـ side bar
14. F3 / Shift+F3
هيعمل بحث سريع ع الكلمة اللي انت عندها ويجيبلك النتايج قبلها او بعدها
15. Ctrl+ L
بيحدد السطر اللي انت واقف عنده
1. Ctrl + Shift + \
الاختصار دا لو انت واقف على فاتحة قوس هياخدك للقفلة بتاعته وطبعا دا مفيد جدا في حالة الـ Nesting
2. Ctrl+] / [
الاختصار دا هينسيك الـ Tab لو عايز تعمل Indent للسطر او تلغيه من أي مكان في السطر فدا الحل بدل بقا ما تروح لأول السطر عشان تعمل تاب أو شيفت تاب
3. Ctrl + G
هو انت لسه هتعمل سكرول للسطر اللي انت عايزه؟ يعمل اعمل الاختصار دا واكتب رقم السطر على طول ودوس انتر
4. Ctrl + P
هو انت بردو لسه هتقعد تدور على الملف اللي عايز تفتحه يعم بردو اعمل الاختصار دا واكتب اسمه على طول
5. Ctrl + D
الاختصار دا مهم جدا بيعملك تحديد لأول ما يطابق الكلمة اللي انت واقف عندها او الجزء اللي انت محدده وكل ما تضغط كل ما يحدد وبالتالي مثلا تقدر تغيرهم كلهم مرة واحدة
6. Ctrl + Shift + L
دا زي اللي قبله بس دا بقا بيحدد كل النتايج للجزء اللي انت محدده مرة واحدة يعني لو عايز تغير اسم variable مثلا وانت مستخدمه اكتر من مرة فدا منقذك
7. Ctrl+F2
دا بردو زي اللي قبله بس دا للكلمة اللي انت واقف عندها مش تحديد
8. Alt + ↑ / ↓
الاختصار دا يحركلك السطر اللي واقف عليه سطر فوق او سطر تحت
9. Shift + Alt + ↓ / ↑
الاختصار دا بيعملك نسخة من السطر اللي واقف عليه فوقه او تحته
10. Ctrl + Enter
الاختصار دا بيعملك سطر جديد تحت السطر اللي انت واقف عليه
11. F12
لو عندك function او class او اي حاجة ومستخدمه مثلا في مكان معين وعايز ترجعله على طول تعدل فيه اعمل بس الاختصار دا وهو هيوديك ع المكان اللي عرفت فيه الـ function ولو العكس هيجبلك انت مستخدم الـ function دي فين
12. Ctrl + Shift +
هيفتحلك نافذة تيرمينال جديدة
13. Ctrl + B
هيظهر او يخفي الـ side bar
14. F3 / Shift+F3
هيعمل بحث سريع ع الكلمة اللي انت عندها ويجيبلك النتايج قبلها او بعدها
15. Ctrl+ L
بيحدد السطر اللي انت واقف عنده
#تعلم_برمجة_الشركات
#احترف_البرمجةجايبلك 15 اختصار حرفيا هيغيروا استخدامك للـ VS Code
1. Ctrl + Shift + \
الاختصار دا لو انت واقف على فاتحة قوس هياخدك للقفلة بتاعته وطبعا دا مفيد جدا في حالة الـ Nesting
2. Ctrl+] / [
الاختصار دا هينسيك الـ Tab لو عايز تعمل Indent للسطر او تلغيه من أي مكان في السطر فدا الحل بدل بقا ما تروح لأول السطر عشان تعمل تاب أو شيفت تاب
3. Ctrl + G
هو انت لسه هتعمل سكرول للسطر اللي انت عايزه؟ يعمل اعمل الاختصار دا واكتب رقم السطر على طول ودوس انتر
4. Ctrl + P
هو انت بردو لسه هتقعد تدور على الملف اللي عايز تفتحه يعم بردو اعمل الاختصار دا واكتب اسمه على طول
5. Ctrl + D
الاختصار دا مهم جدا بيعملك تحديد لأول ما يطابق الكلمة اللي انت واقف عندها او الجزء اللي انت محدده وكل ما تضغط كل ما يحدد وبالتالي مثلا تقدر تغيرهم كلهم مرة واحدة
6. Ctrl + Shift + L
دا زي اللي قبله بس دا بقا بيحدد كل النتايج للجزء اللي انت محدده مرة واحدة يعني لو عايز تغير اسم variable مثلا وانت مستخدمه اكتر من مرة فدا منقذك
7. Ctrl+F2
دا بردو زي اللي قبله بس دا للكلمة اللي انت واقف عندها مش تحديد
8. Alt + ↑ / ↓
الاختصار دا يحركلك السطر اللي واقف عليه سطر فوق او سطر تحت
9. Shift + Alt + ↓ / ↑
الاختصار دا بيعملك نسخة من السطر اللي واقف عليه فوقه او تحته
10. Ctrl + Enter
الاختصار دا بيعملك سطر جديد تحت السطر اللي انت واقف عليه
11. F12
لو عندك function او class او اي حاجة ومستخدمه مثلا في مكان معين وعايز ترجعله على طول تعدل فيه اعمل بس الاختصار دا وهو هيوديك ع المكان اللي عرفت فيه الـ function ولو العكس هيجبلك انت مستخدم الـ function دي فين
12. Ctrl + Shift + هيفتحلك نافذة تيرمينال جديدة
13. Ctrl + B
هيظهر او يخفي الـ side bar
14. F3 / Shift+F3
هيعمل بحث سريع ع الكلمة اللي انت عندها ويجيبلك النتايج قبلها او بعدها
15. Ctrl+ L
بيحدد السطر اللي انت واقف عنده
👍4
أنواع الاقواس:
(parentheses)
[square brackets]
{braces}
<angle brackets>
تقريباً مفيش ترجمة ليهم و لو جربت تترجمهم على جووجل مش هيطلعلك غير كلمة "أقواس"
كل واحد من دول مختلف عن التاني و كل واحد ليه استخدامات غير التاني و هقول استخدام كل واحد فيهم
الأستخدامات
1-Parentheses ()
هي الاقواس العادية الي بتستخدم في الكتابة و بتستخدم في توضيح حاجة معينة ممكن متبقاش مفهومة في النص الي بتقرأه او ممكن يستخدم في تعليق الكاتب على النص الي هو كاتبه و في الحالتين لو شيلت الكلام الي جوا القوس او حطيته مش هيبقى فارق ف النص و النص معناه مش هيتغير ولا هيتأثر
مثال:
جبل أيفرست (في الهيمالايا) هو اعلى جبل في العالم
و بتستخدم في الرياضيات,و لأن الضرب (×) بيتم قبل الاضافة (+) فا مثلاً (2+3) × 4 = 20 لأن العملية الحسابية الي ف الاقواس دي لازم تتم الاول فا بكدا يبقى 5 × 4 = 20
2- Square brackets []
بتستخدم في الكلمات المرفقة الي بتتضاف بواسطة حد غير الكاتب الاصلي او المتكلم, عادةً لتوضيح الموقف
مثال:
أنه [رجل الشرطة] لم يستطع اثبات فعلتهم
و ممكن تستخدم برضو في الرياضيات زي الـParentheses فا لو عندك قوسين Parentheses في المسألة و عايز تحط القوسين دول جوا قوسين اكبر ف ممكن تستخدم دول فا [(2+3) × 4] × 2 = 40
3-Braces {}
بتستخدم بطرق خاصة في الشعر و الموسيقى
و بتستخدم في البرمجة بشكل كبير في لغات زي CSS و الـC و اللغات دي بتتسمى لغات الـ curly brace
و بتستخدم في الرياضيات في المجموعات او الـSets
4-Angle brackets <>
احياناً بتستخدم في التعبير عن شعور داخلي
مثال:
قال أحمد "ثم ضحكنا جميعاً على هذا الموقف هاهاها"
فا ضحكت انا "هاهاها" <ما هذه السخافة >
و بتستخدم في الكتب المصورة او الـComic Books لما حد يبقى بيتكلم بلغة مختلفة
و بتستخدم في لغات برمجة زي HTML
#تعلم_برمجة_الشركات
(parentheses)
[square brackets]
{braces}
<angle brackets>
تقريباً مفيش ترجمة ليهم و لو جربت تترجمهم على جووجل مش هيطلعلك غير كلمة "أقواس"
كل واحد من دول مختلف عن التاني و كل واحد ليه استخدامات غير التاني و هقول استخدام كل واحد فيهم
الأستخدامات
1-Parentheses ()
هي الاقواس العادية الي بتستخدم في الكتابة و بتستخدم في توضيح حاجة معينة ممكن متبقاش مفهومة في النص الي بتقرأه او ممكن يستخدم في تعليق الكاتب على النص الي هو كاتبه و في الحالتين لو شيلت الكلام الي جوا القوس او حطيته مش هيبقى فارق ف النص و النص معناه مش هيتغير ولا هيتأثر
مثال:
جبل أيفرست (في الهيمالايا) هو اعلى جبل في العالم
و بتستخدم في الرياضيات,و لأن الضرب (×) بيتم قبل الاضافة (+) فا مثلاً (2+3) × 4 = 20 لأن العملية الحسابية الي ف الاقواس دي لازم تتم الاول فا بكدا يبقى 5 × 4 = 20
2- Square brackets []
بتستخدم في الكلمات المرفقة الي بتتضاف بواسطة حد غير الكاتب الاصلي او المتكلم, عادةً لتوضيح الموقف
مثال:
أنه [رجل الشرطة] لم يستطع اثبات فعلتهم
و ممكن تستخدم برضو في الرياضيات زي الـParentheses فا لو عندك قوسين Parentheses في المسألة و عايز تحط القوسين دول جوا قوسين اكبر ف ممكن تستخدم دول فا [(2+3) × 4] × 2 = 40
3-Braces {}
بتستخدم بطرق خاصة في الشعر و الموسيقى
و بتستخدم في البرمجة بشكل كبير في لغات زي CSS و الـC و اللغات دي بتتسمى لغات الـ curly brace
و بتستخدم في الرياضيات في المجموعات او الـSets
4-Angle brackets <>
احياناً بتستخدم في التعبير عن شعور داخلي
مثال:
قال أحمد "ثم ضحكنا جميعاً على هذا الموقف هاهاها"
فا ضحكت انا "هاهاها" <ما هذه السخافة >
و بتستخدم في الكتب المصورة او الـComic Books لما حد يبقى بيتكلم بلغة مختلفة
و بتستخدم في لغات برمجة زي HTML
#تعلم_برمجة_الشركات
❤3👍1
👨💻🧑🏻💻👩💻 أهــم الـمـواقـع للـمـبـرمـجـيـن
🔸 مـوقـع W3school :
هو موقع علمي على الإنترنت لتعليم لغات تطوير الويب، يتضمن محتوى الدروس والمراجع المتعلقة بــ HTML - CSS - JavaScript - PHP - SQL .. ويستقبل الموقع أكثر من 45 مليون زائر شهرياً.
🌐 رابط الموقع :
https://www.w3schools.com/
🔸 مـوقـع Github :
أولاً Github هي شركة تابعة لـ Microsoft، توفر استضافة لتطوير البرامج والتحكم في الإصدار باستخدام Git، توفر الشركة وظائف التحكم في الإصدار الموزع وإدارة كود المصدر لـ "Git"، بالإضافة إلى ميزاته الخاصة.
🌐 رابط الموقع :
https://www.Github.com
🔸أكاديمية حسوب :
تعتبر "أكاديمية حسوب" القسم التعليمي في شركة حسوب، التي تقدم خدمات الإنترنت للمستخدمين الناطقين بالعربية. كما تأسست الشركة في عام 2001 وتدير أكبر منصتين مستقلتين للغة العربية وأكبر شبكة إعلانية في الشرق الأوسط وشمال إفريقيا، من بين شركات أخرى.
🌐 رابط الموقع :
https://academy.hsoub.com/
🔸 مـوقـع Stackoverflow :
هو الموقع الرئيسي لـ Stackextchange، أُنشأ في عام 2008 من قِبل "جيف أتوود" و "جويل سبولسكي"؛ اختير الاسم من قِبل رواد مدونة البرمجة الشهيرة "كودينغ هور" عام 2008. يقدم الموقع مجموعة واسعة من الأسئلة والأجوبة المتعلقة ببرمجة الحاسوب.
🌐 رابط الموقع :
https://www.Stackoverflow.com
🔸 مـوقـع Sitepoint :
هو موقع ويب مقره "ملبورن" وناشر الكتب والدورات والمقالات لمطوري الويب. في كانون الثاني (يناير) 2014 ، حصل موقع SitePoint.com على تصنيف Alexa يبلغ 889 ، وتصنيف Quantcast يبلغ 14934.
🌐 رابط الموقع :
https://www.sitepoint.com/
🔸 مـوقـع Hackerrank :
من أفضل المواقع التي تستعرض عليك الكثير من المُعضلات المرتبة حسب مستويات محددة، ثم يتوجب عليك حل هذه المعضلات البرمجية و المشاكل بإستخدام بعض الذكاء و الحيلة أولاً، ثم بعض المهارة في لغتك البرمجية المحددة.
يدعم الموقع كمّاً كبيراً من اللغات البرمجية مثل : Java, C, C++, SQL.
🌐 رابط الموقع :
https://www.hackerrank.com/
🔸 إضافةً إلى موقع YouTube الغني عن التعريف !
أضِف لمعلوماتك . .
🔸 مـوقـع W3school :
هو موقع علمي على الإنترنت لتعليم لغات تطوير الويب، يتضمن محتوى الدروس والمراجع المتعلقة بــ HTML - CSS - JavaScript - PHP - SQL .. ويستقبل الموقع أكثر من 45 مليون زائر شهرياً.
🌐 رابط الموقع :
https://www.w3schools.com/
🔸 مـوقـع Github :
أولاً Github هي شركة تابعة لـ Microsoft، توفر استضافة لتطوير البرامج والتحكم في الإصدار باستخدام Git، توفر الشركة وظائف التحكم في الإصدار الموزع وإدارة كود المصدر لـ "Git"، بالإضافة إلى ميزاته الخاصة.
🌐 رابط الموقع :
https://www.Github.com
🔸أكاديمية حسوب :
تعتبر "أكاديمية حسوب" القسم التعليمي في شركة حسوب، التي تقدم خدمات الإنترنت للمستخدمين الناطقين بالعربية. كما تأسست الشركة في عام 2001 وتدير أكبر منصتين مستقلتين للغة العربية وأكبر شبكة إعلانية في الشرق الأوسط وشمال إفريقيا، من بين شركات أخرى.
🌐 رابط الموقع :
https://academy.hsoub.com/
🔸 مـوقـع Stackoverflow :
هو الموقع الرئيسي لـ Stackextchange، أُنشأ في عام 2008 من قِبل "جيف أتوود" و "جويل سبولسكي"؛ اختير الاسم من قِبل رواد مدونة البرمجة الشهيرة "كودينغ هور" عام 2008. يقدم الموقع مجموعة واسعة من الأسئلة والأجوبة المتعلقة ببرمجة الحاسوب.
🌐 رابط الموقع :
https://www.Stackoverflow.com
🔸 مـوقـع Sitepoint :
هو موقع ويب مقره "ملبورن" وناشر الكتب والدورات والمقالات لمطوري الويب. في كانون الثاني (يناير) 2014 ، حصل موقع SitePoint.com على تصنيف Alexa يبلغ 889 ، وتصنيف Quantcast يبلغ 14934.
🌐 رابط الموقع :
https://www.sitepoint.com/
🔸 مـوقـع Hackerrank :
من أفضل المواقع التي تستعرض عليك الكثير من المُعضلات المرتبة حسب مستويات محددة، ثم يتوجب عليك حل هذه المعضلات البرمجية و المشاكل بإستخدام بعض الذكاء و الحيلة أولاً، ثم بعض المهارة في لغتك البرمجية المحددة.
يدعم الموقع كمّاً كبيراً من اللغات البرمجية مثل : Java, C, C++, SQL.
🌐 رابط الموقع :
https://www.hackerrank.com/
🔸 إضافةً إلى موقع YouTube الغني عن التعريف !
أضِف لمعلوماتك . .
W3Schools
W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.
❤3👍2
الناس اللي بتسأل عن أفضل plan علشان تبقى Front End Developer محترم
التنفيذي متخلف من شخص لتاني ممكن وحسب قدرتو على الاستيعاب لكن المدة المتوسطة من ( ١٠ شهور إلى سنه ونص) مع الاستمرار في التطبيق
الاساسيات ولا بد من أن تتعلمها
Html-5
Css-3
Bootstrap-4
javascript-6
Jqeury
اختيار واحدة من الفريم (لكل فريم طريقة وأدوات مختلفة)
Angular js
React js
Vue js
ادوات ترفع من قدرات الاحترافية وتذيد من قدرتك الابداعية في التصاميم
Sass
Pug
Json
Ajax
امور لابد من تعلمها لتفهم البرمجة بشكل اكثر مثالية وتصل لافضل نتائج واسرع فاعلية
OOP JS
Algorithms in Javascript
Problem Solving Javascript
Design Patterns Javascript Es6
التنفيذي متخلف من شخص لتاني ممكن وحسب قدرتو على الاستيعاب لكن المدة المتوسطة من ( ١٠ شهور إلى سنه ونص) مع الاستمرار في التطبيق
الاساسيات ولا بد من أن تتعلمها
Html-5
Css-3
Bootstrap-4
javascript-6
Jqeury
اختيار واحدة من الفريم (لكل فريم طريقة وأدوات مختلفة)
Angular js
React js
Vue js
ادوات ترفع من قدرات الاحترافية وتذيد من قدرتك الابداعية في التصاميم
Sass
Pug
Json
Ajax
امور لابد من تعلمها لتفهم البرمجة بشكل اكثر مثالية وتصل لافضل نتائج واسرع فاعلية
OOP JS
Algorithms in Javascript
Problem Solving Javascript
Design Patterns Javascript Es6
❤2👍1
🔰 مـصـطـلـحـات أسـاسـيـة فـي الـبـرمـجـة
🔸 المتغيرات _ Variables
المتغيرات هي عبارة عن مواقع في الذاكرة تخزن البيانات بشكل مؤقت ويمكن تغيير قيمتها أثناء تنفيذ البرنامج. فمثلا يمكن للبرنامج أن يُخزن في المتغير Var1 القيمة 1 ثم يخزن القيمة 2، والقيمة التي سترجع من المتغير
هي آخر قيمة تم تخزينها.
🔸 الثوابت _ Constant
هي عبارة عن مواقع في الذاكرة تُخزن فيها البيانات بشكل مؤقت ولكن لا يمكن تغيير قيمتها أثناء تنفيذ البرنامج. فمثلا يُمكن للبرنامج أن يخزن في الثابت Con1 القيمة 1 لكنه لا يستطيع تغييرها وإن حاول تغييرها فإن المترجم يُرسل رسالة خاطئة أثناء تنفيذ البرنامج.
🔸 الحدث _ Event
هو عبارة عن فعل يقوم به المستخدم للبرنامج المصمم كالنقر على أداة "الزر Button" أو تغيير نص في مربع نص "Text Box" أو حتى تحريك الماوس أو الفأرة ويرافقه تنفيذ الإجراء المتعلق به.
🔸 الإجراء _ Procedure
هو عملية أو عمليات ينفذها البرنامج عند تحقق حدث معين كالنقر على أداة الزر "Button" في البرنامج.
🔸 الكائن _ Object
قد يكون تعريف لكود أداة تحكم مثل الزر "Button" ويكون له عدة إجراءات.
🔸 الكود أو "الشفرة البرمجية" _ Code
هو عبارة عن أوامر برمجية تعطى للكمبيوتر على شكل نص تُكتب بواسطة لغة من لغات البرمجة كلغة "الفيجوال بيسك" والتي يفسرها مترجم يسمى ليفهمها الكمبيوتر ولكل وحدة نمطية أو أداة تحكم كود
خاص به في الفيجوال بيسك. وقد يكون الكود مقسما إلى كائنات "Objects"،
ودالات أو توابع "Functions"، وإجراءات "Procedures"، و أحداث "Events".
🔸 المترجم _ Compiler
هو أداة تقوم بترجمة البرنامج دفعة واحدة إلى لغة الآلة وتُنتج ملف تنفيذى بامتداد "exe --> executable file"، يعمل مباشرة بدون وسيط، وهذا يعنى أن لغات البرمجة المترجمة تقوم بتحويل النص البرمجى المكتوب بها إلى لغة الآلة مباشرة وتُنتج ملف تنفيذي،
🔸 المفسر _ Interpreter
هو أداة تقوم بترجمة البرنامج إلى لغة الآلة سطر سطر، وهذا يعنى أن البرنامج المكتوب بلغات برمجة تفسيرية يتم ترجمته إلى نص برمجى وسيط بلغة منخفضة المستوى ( لغة وسيطة )، ويُنتَج ملف للبرنامج وبداخله هذا الكود, لذا لا يمكن تنفيذه على هذه الصورة مباشرة حيث يحتاج إلى برنامج آخر يقوم بترجمة الأكواد المكتوبة بداخله إلى لغة الآلة، هذا البرنامج يسمى "المفسر"، ففي لغة الــJava مثلاً يُترجم النص البرمجى إلى كود وسيط يسمى "Byte code"، وتُنتج ملف بامتداد jar، هذا الكود البرمجي لا يُمكن تشغيله وتنفيذه على أي جهاز مباشرة حيث يحتاج إلى ما يسمى "آلة جافا الافتراضية"، والتى تعمل كمفسر للبرنامج الناتج حتى يتم تنفيذه.
تطبيقات الدوت نت أيضا تعتمد على نفس الأسلوب بحيث يتم تحويل الكود البرمجى المكتوب بلغة من لغات الدوت
إلى لغة وسيطة منخفضة المستوى تسمى لغة "مايكروسوفت Visual Basic نت".
🔸 المتغيرات _ Variables
المتغيرات هي عبارة عن مواقع في الذاكرة تخزن البيانات بشكل مؤقت ويمكن تغيير قيمتها أثناء تنفيذ البرنامج. فمثلا يمكن للبرنامج أن يُخزن في المتغير Var1 القيمة 1 ثم يخزن القيمة 2، والقيمة التي سترجع من المتغير
هي آخر قيمة تم تخزينها.
🔸 الثوابت _ Constant
هي عبارة عن مواقع في الذاكرة تُخزن فيها البيانات بشكل مؤقت ولكن لا يمكن تغيير قيمتها أثناء تنفيذ البرنامج. فمثلا يُمكن للبرنامج أن يخزن في الثابت Con1 القيمة 1 لكنه لا يستطيع تغييرها وإن حاول تغييرها فإن المترجم يُرسل رسالة خاطئة أثناء تنفيذ البرنامج.
🔸 الحدث _ Event
هو عبارة عن فعل يقوم به المستخدم للبرنامج المصمم كالنقر على أداة "الزر Button" أو تغيير نص في مربع نص "Text Box" أو حتى تحريك الماوس أو الفأرة ويرافقه تنفيذ الإجراء المتعلق به.
🔸 الإجراء _ Procedure
هو عملية أو عمليات ينفذها البرنامج عند تحقق حدث معين كالنقر على أداة الزر "Button" في البرنامج.
🔸 الكائن _ Object
قد يكون تعريف لكود أداة تحكم مثل الزر "Button" ويكون له عدة إجراءات.
🔸 الكود أو "الشفرة البرمجية" _ Code
هو عبارة عن أوامر برمجية تعطى للكمبيوتر على شكل نص تُكتب بواسطة لغة من لغات البرمجة كلغة "الفيجوال بيسك" والتي يفسرها مترجم يسمى ليفهمها الكمبيوتر ولكل وحدة نمطية أو أداة تحكم كود
خاص به في الفيجوال بيسك. وقد يكون الكود مقسما إلى كائنات "Objects"،
ودالات أو توابع "Functions"، وإجراءات "Procedures"، و أحداث "Events".
🔸 المترجم _ Compiler
هو أداة تقوم بترجمة البرنامج دفعة واحدة إلى لغة الآلة وتُنتج ملف تنفيذى بامتداد "exe --> executable file"، يعمل مباشرة بدون وسيط، وهذا يعنى أن لغات البرمجة المترجمة تقوم بتحويل النص البرمجى المكتوب بها إلى لغة الآلة مباشرة وتُنتج ملف تنفيذي،
🔸 المفسر _ Interpreter
هو أداة تقوم بترجمة البرنامج إلى لغة الآلة سطر سطر، وهذا يعنى أن البرنامج المكتوب بلغات برمجة تفسيرية يتم ترجمته إلى نص برمجى وسيط بلغة منخفضة المستوى ( لغة وسيطة )، ويُنتَج ملف للبرنامج وبداخله هذا الكود, لذا لا يمكن تنفيذه على هذه الصورة مباشرة حيث يحتاج إلى برنامج آخر يقوم بترجمة الأكواد المكتوبة بداخله إلى لغة الآلة، هذا البرنامج يسمى "المفسر"، ففي لغة الــJava مثلاً يُترجم النص البرمجى إلى كود وسيط يسمى "Byte code"، وتُنتج ملف بامتداد jar، هذا الكود البرمجي لا يُمكن تشغيله وتنفيذه على أي جهاز مباشرة حيث يحتاج إلى ما يسمى "آلة جافا الافتراضية"، والتى تعمل كمفسر للبرنامج الناتج حتى يتم تنفيذه.
تطبيقات الدوت نت أيضا تعتمد على نفس الأسلوب بحيث يتم تحويل الكود البرمجى المكتوب بلغة من لغات الدوت
إلى لغة وسيطة منخفضة المستوى تسمى لغة "مايكروسوفت Visual Basic نت".
❤3👍2
البرامج و الادوات الخاصة بالبرمجة
افضل البرامج تطوير المواقع و البرامج للكمبيوتر + لابتوب
Visual Studio Code :https://code.visualstudio.com/download
Sublime Text : https://www.sublimetext.com/3
Notepad++ : https://notepad-plus-plus.org/downloads/
Microsoft Visual Studio : https://visualstudio.microsoft.com/downloads/
PyCharm : https://www.jetbrains.com/pycharm/download/#section=windows
Atom : https://atom.io/
Git : https://git-scm.com/downloads
Sourcetree : https://www.sourcetreeapp.com/
WebStorm : https://www.jetbrains.com/webstorm/download/#section=windows
NetBeans : https://netbeans.apache.org/download/index.html
افضل HTML Editor للهواتف المحمولة Android
WebMaster's HTML Editor Lite : https://play.google.com/store/apps/details?id=com.welant.webmaster.DEMO&hl=en&gl=US
AWD : https://play.google.com/store/apps/details?id=org.kidinov.awd&hl=en&gl=US
DroidEdit : https://play.google.com/store/apps/details?id=com.aor.droidedit&hl=en&gl=US
Quoda Code Editor : https://play.google.com/store/apps/details?id=com.henrythompson.quoda&hl=en&gl=US
Jota Text Editor : https://play.google.com/store/apps/details?id=jp.sblo.pandora.jota&hl=en&gl=US
افضل HTML Editor للهواتف المحمولة IOS
رابط كافة انواع المحررات التى تدعم فحسب IOS : https://www.igeeksblog.com/best-iphone-11-pro-max-silicone-cases/
افضل البرامج تطوير المواقع و البرامج للكمبيوتر + لابتوب
Visual Studio Code :https://code.visualstudio.com/download
Sublime Text : https://www.sublimetext.com/3
Notepad++ : https://notepad-plus-plus.org/downloads/
Microsoft Visual Studio : https://visualstudio.microsoft.com/downloads/
PyCharm : https://www.jetbrains.com/pycharm/download/#section=windows
Atom : https://atom.io/
Git : https://git-scm.com/downloads
Sourcetree : https://www.sourcetreeapp.com/
WebStorm : https://www.jetbrains.com/webstorm/download/#section=windows
NetBeans : https://netbeans.apache.org/download/index.html
افضل HTML Editor للهواتف المحمولة Android
WebMaster's HTML Editor Lite : https://play.google.com/store/apps/details?id=com.welant.webmaster.DEMO&hl=en&gl=US
AWD : https://play.google.com/store/apps/details?id=org.kidinov.awd&hl=en&gl=US
DroidEdit : https://play.google.com/store/apps/details?id=com.aor.droidedit&hl=en&gl=US
Quoda Code Editor : https://play.google.com/store/apps/details?id=com.henrythompson.quoda&hl=en&gl=US
Jota Text Editor : https://play.google.com/store/apps/details?id=jp.sblo.pandora.jota&hl=en&gl=US
افضل HTML Editor للهواتف المحمولة IOS
رابط كافة انواع المحررات التى تدعم فحسب IOS : https://www.igeeksblog.com/best-iphone-11-pro-max-silicone-cases/
Visualstudio
Download Visual Studio Code - Mac, Linux, Windows
Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual Studio Code to experience a redefined code editor, optimized for building and debugging modern web and cloud applications.
❤1👍1
حقيقي موقع QuickRef كنز ومفيد جدا فيه ملخصات للغات البرمجة وحاجات تانية كتير جدااا هينفعك وقت الامتحانات وانت معندكش وقت تشوف فيديوهات
https://quickref.me/
https://quickref.me/
QuickRef.ME
QuickRef.ME - Quick Reference Cheat Sheet
Share quick reference and cheat sheet for developers
👍1🔥1
ماهو ال Firebase؟
إذا كنت من نوع الأشخاص المبادرين الذي يُحب تلبية الاحتياجات الإنسانية العاجلة من خلال تطبيق جوال، فلا بدّ أن تتعرف إلى Firebase.
Firebase منصة أطلقتها شركة غوغل مختصة بتطوير تطبيقات الأجهزة الذكية، تتضمن المنصة مجموعة أدوات تغطي جزء كبير من الخدمات التي عادة ما يكون على المطورين بناءها بأنفسهم، ولكنهم يفضلون التركيز على تجربة التطبيق نفسه. يتضمن ذلك: التحليلات والمصادقة وقواعد البيانات وتخزين الملفات.. إلخ.
تُستضاف الخدمات في استضافة سحابية، ويمكن توسيعها دون أي جهد يذكر من جانب المطور. ونقصد بالاستضافة السحابية أن المنتجات تحتوي على خدمات خلفية تعمل شركة غوغل على صيانتها وتشغيلها بشكلٍ كامل. تتفاعل حزمة أدوات تطوير البرمجيات(SDK) التي توفرها فايربيز مع هذه الخدمات الخلفية مباشرة، دون الحاجة إلى أي برامج وسيطة بين تطبيقك والخدمة.
لذلك، إذا كنت تستخدم أحد خيارات قاعدة بيانات فايربيز، فعادة ما ستكتب كودًا للاستعلام عن قاعدة بيانات تطبيقك.
يختلف هذا عن تطوير التطبيق بالشكل التقليدي، والذي يتضمن عادةً كتابة برامج الواجهة الأمامية والخلفية. تستدعي كود الواجهة الأمامية للتطبيق المسارات النهائية لواجهة برمجة التطبيقات التي تتعرض لها الواجهة الخلفية، ليعمل كود الواجهة الخلفية بالفعل. على الطرف الآخر، تتجاوز أدوات فايربيز الواجهة الخلفية التقليدية لتترك المهمة للعميل، حيث يتوفر الوصول إلى كل من هذه الأدوات بواسطة وحدة التحكم في فايربيز.
نظرًا للطريقة التي تعمل بها أدوات فايربيز Firebase، قد يُطلق البعض على الأخير اسم "المنصة كخدمة" أو "الواجهة الخلفية كخدمة". لكن أفضّل ألا نضع فايربيز Firebase ضمن أحد هذين القالبين، وسأبيّن لك السبب بعد قليل.
ما نوع التطبيقات الذي تتلائم مع فايربيز Firebase؟
في الحقيقة، لا يوجد حد لأنواع التطبيقات التي تتلائم مع فايربيز Firebase، إنما فقط حدود للمنصات التي يمكن استخدامها معها.
يمثل نظامي آي آو آس iOS و آندرويد Android هدفيّ حزمة برمجيات التطوير "SDK" لفايربيز الرئيسيين، وهناك دعم متزايد للويب ومجموعة تطوير برمجيات واجهات المستخدم (Flutter) مفتوحة المصدر، إضافة لمحرك الألعاب (Unity) ولغة البرمجة ++C.
علاوة على حزم برمجيات التطوير، توجد مكتبة تسمى FirebaseUI توفر مجموعة من الأدوات المساعدة المفيدة لجعل التطوير مع فايربيز أسهل. وهناك أيضًا مشاريع مثل AngularFire التي تُخضع حزم برمجيات التطوير على الويب للاستخدام مع إطار عمل أنجولار Angular الخاص بتصميم واجهات مواقع الويب. وهي مفتوحة المصدر بالمناسبة.
إذًا، ما هو فايربيز Firebase؟
قاعدة بيانات في الوقت الفعلي (Realtime Database)
البيانات في الوقت الحقيقي هي الطريق للمستقبل. فلا شيء يقارن بها.
تتطلب منك معظم قواعد البيانات استدعاء بروتوكول (HTTP) للحصول على بياناتك ومزامنتها. لذا فهي تمنحك البيانات "فقط" عند طلبها/استدعائها.
عندما تربط تطبيقك بفايربيز Firebase، فأنت لا تتصل عبر بروتوكول HTTP العادي. بل عبر بروتوكول WebSockets (وهو بروتوكول أسرع بكثير من HTTP). ليس ذلك فحسب، بل يزامن فايربيز جميع بياناتك تلقائيًا عبر WebSocket الفردي بأسرع ما يمكن لشبكة المستخدم تحمله.
يرسل فايربيز بيانات جديدة بمجرد تحديثها. عندما يحفظ عميلك (المستخدم) تغييرًا في البيانات، يتلقى جميع العملاء المتصلين البيانات المحدّثة آنيًا.
مساحة تخزين (File Storage)
يوفر Firebase Storage طريقة بسيطة لحفظ الملفات على خدمة Google Cloud Storage مباشرة من العميل!
ويحتوي Firebase Storage على نظام خاص به من قواعد الأمان لحماية دلو GCloud الخاص بك من الجماهير ، مع منح امتيازات كتابة مفصلة لعملائك المصادق عليهم.
يحتوي Firebase Storage على نظام خاص به من قواعد الأمان لحماية مجموعة خدمات الحوسبة السحابية (GCloud) خاصتك من تعدلات الجمهور (العامة)، مع منح امتيازات كتابة منفصلة لعملائك المُصرّح لهم.
نظام مصادقة (Authentication)
يحتوي (Firebase auth) على نظام مصادقة للبريد الإلكتروني وكلمة المرور. كما يدعم نظام المصادقة الثنائية لجوجل وفيسبوك وتويتر.
ومن مزايا أداة Firebase Auth: قدرته على الاندماج مباشرة في قاعدة بيانات فايربيز، بحيث يمكنك استخدامها للتحكم في الوصول إلى بياناتك.
نظام استضافة (Hosting)
يتضمن فايربيز خدمة استضافة سهلة الاستخدام لجميع ملفاتك الثابتة. ولجعل عملية التطوير أكثر سهولة، يستخدم فايربيز خدمة استضافة Firebase Superstatic، والتي يمكنك تشغيلها على السيرفر المحلي لجميع اختباراتك.
إيجابيات فايربيز Firebase
إذا كنت من نوع الأشخاص المبادرين الذي يُحب تلبية الاحتياجات الإنسانية العاجلة من خلال تطبيق جوال، فلا بدّ أن تتعرف إلى Firebase.
Firebase منصة أطلقتها شركة غوغل مختصة بتطوير تطبيقات الأجهزة الذكية، تتضمن المنصة مجموعة أدوات تغطي جزء كبير من الخدمات التي عادة ما يكون على المطورين بناءها بأنفسهم، ولكنهم يفضلون التركيز على تجربة التطبيق نفسه. يتضمن ذلك: التحليلات والمصادقة وقواعد البيانات وتخزين الملفات.. إلخ.
تُستضاف الخدمات في استضافة سحابية، ويمكن توسيعها دون أي جهد يذكر من جانب المطور. ونقصد بالاستضافة السحابية أن المنتجات تحتوي على خدمات خلفية تعمل شركة غوغل على صيانتها وتشغيلها بشكلٍ كامل. تتفاعل حزمة أدوات تطوير البرمجيات(SDK) التي توفرها فايربيز مع هذه الخدمات الخلفية مباشرة، دون الحاجة إلى أي برامج وسيطة بين تطبيقك والخدمة.
لذلك، إذا كنت تستخدم أحد خيارات قاعدة بيانات فايربيز، فعادة ما ستكتب كودًا للاستعلام عن قاعدة بيانات تطبيقك.
يختلف هذا عن تطوير التطبيق بالشكل التقليدي، والذي يتضمن عادةً كتابة برامج الواجهة الأمامية والخلفية. تستدعي كود الواجهة الأمامية للتطبيق المسارات النهائية لواجهة برمجة التطبيقات التي تتعرض لها الواجهة الخلفية، ليعمل كود الواجهة الخلفية بالفعل. على الطرف الآخر، تتجاوز أدوات فايربيز الواجهة الخلفية التقليدية لتترك المهمة للعميل، حيث يتوفر الوصول إلى كل من هذه الأدوات بواسطة وحدة التحكم في فايربيز.
نظرًا للطريقة التي تعمل بها أدوات فايربيز Firebase، قد يُطلق البعض على الأخير اسم "المنصة كخدمة" أو "الواجهة الخلفية كخدمة". لكن أفضّل ألا نضع فايربيز Firebase ضمن أحد هذين القالبين، وسأبيّن لك السبب بعد قليل.
ما نوع التطبيقات الذي تتلائم مع فايربيز Firebase؟
في الحقيقة، لا يوجد حد لأنواع التطبيقات التي تتلائم مع فايربيز Firebase، إنما فقط حدود للمنصات التي يمكن استخدامها معها.
يمثل نظامي آي آو آس iOS و آندرويد Android هدفيّ حزمة برمجيات التطوير "SDK" لفايربيز الرئيسيين، وهناك دعم متزايد للويب ومجموعة تطوير برمجيات واجهات المستخدم (Flutter) مفتوحة المصدر، إضافة لمحرك الألعاب (Unity) ولغة البرمجة ++C.
علاوة على حزم برمجيات التطوير، توجد مكتبة تسمى FirebaseUI توفر مجموعة من الأدوات المساعدة المفيدة لجعل التطوير مع فايربيز أسهل. وهناك أيضًا مشاريع مثل AngularFire التي تُخضع حزم برمجيات التطوير على الويب للاستخدام مع إطار عمل أنجولار Angular الخاص بتصميم واجهات مواقع الويب. وهي مفتوحة المصدر بالمناسبة.
إذًا، ما هو فايربيز Firebase؟
قاعدة بيانات في الوقت الفعلي (Realtime Database)
البيانات في الوقت الحقيقي هي الطريق للمستقبل. فلا شيء يقارن بها.
تتطلب منك معظم قواعد البيانات استدعاء بروتوكول (HTTP) للحصول على بياناتك ومزامنتها. لذا فهي تمنحك البيانات "فقط" عند طلبها/استدعائها.
عندما تربط تطبيقك بفايربيز Firebase، فأنت لا تتصل عبر بروتوكول HTTP العادي. بل عبر بروتوكول WebSockets (وهو بروتوكول أسرع بكثير من HTTP). ليس ذلك فحسب، بل يزامن فايربيز جميع بياناتك تلقائيًا عبر WebSocket الفردي بأسرع ما يمكن لشبكة المستخدم تحمله.
يرسل فايربيز بيانات جديدة بمجرد تحديثها. عندما يحفظ عميلك (المستخدم) تغييرًا في البيانات، يتلقى جميع العملاء المتصلين البيانات المحدّثة آنيًا.
مساحة تخزين (File Storage)
يوفر Firebase Storage طريقة بسيطة لحفظ الملفات على خدمة Google Cloud Storage مباشرة من العميل!
ويحتوي Firebase Storage على نظام خاص به من قواعد الأمان لحماية دلو GCloud الخاص بك من الجماهير ، مع منح امتيازات كتابة مفصلة لعملائك المصادق عليهم.
يحتوي Firebase Storage على نظام خاص به من قواعد الأمان لحماية مجموعة خدمات الحوسبة السحابية (GCloud) خاصتك من تعدلات الجمهور (العامة)، مع منح امتيازات كتابة منفصلة لعملائك المُصرّح لهم.
نظام مصادقة (Authentication)
يحتوي (Firebase auth) على نظام مصادقة للبريد الإلكتروني وكلمة المرور. كما يدعم نظام المصادقة الثنائية لجوجل وفيسبوك وتويتر.
ومن مزايا أداة Firebase Auth: قدرته على الاندماج مباشرة في قاعدة بيانات فايربيز، بحيث يمكنك استخدامها للتحكم في الوصول إلى بياناتك.
نظام استضافة (Hosting)
يتضمن فايربيز خدمة استضافة سهلة الاستخدام لجميع ملفاتك الثابتة. ولجعل عملية التطوير أكثر سهولة، يستخدم فايربيز خدمة استضافة Firebase Superstatic، والتي يمكنك تشغيلها على السيرفر المحلي لجميع اختباراتك.
إيجابيات فايربيز Firebase
❤1👍1
مصادقة البريد الإلكتروني وكلمة المرور و Google و Facebook و Github.
بيانات في الوقت الحقيقي.
توافق كامل مع واجهة برمجة التطبيقات "API".
نظام أمن داخلي على مستوى العُقد في شجرة البيانات.
تخزين الملفات مدعوم من Google Cloud Storage.
خدمة استضافة ملفات ثابتة.
التعامل مع البيانات (كتدفقات) لإنشاء تطبيقات قابلة للتطوير بدرجة كبيرة.
سلبيات فايربيز Firebase
قدرة محدودة للاستعلام بسبب نموذج نقل البيانات الخاص بها.
عدم دعم نقل دوال SQL (بسبب عدم تطابق نماذج البيانات مع NoSQL)
لا يتضمن اسسًا للتثبيت.
المصدر What is Firebase? The complete story
بيانات في الوقت الحقيقي.
توافق كامل مع واجهة برمجة التطبيقات "API".
نظام أمن داخلي على مستوى العُقد في شجرة البيانات.
تخزين الملفات مدعوم من Google Cloud Storage.
خدمة استضافة ملفات ثابتة.
التعامل مع البيانات (كتدفقات) لإنشاء تطبيقات قابلة للتطوير بدرجة كبيرة.
سلبيات فايربيز Firebase
قدرة محدودة للاستعلام بسبب نموذج نقل البيانات الخاص بها.
عدم دعم نقل دوال SQL (بسبب عدم تطابق نماذج البيانات مع NoSQL)
لا يتضمن اسسًا للتثبيت.
المصدر What is Firebase? The complete story
❤1👍1
مواقع لتحويل الكود إلى صورة بشكل جميل ❤️
Carbon
https://carbon.now.sh
Ray.so
https://ray.so/
Codeimg
https://codeimg.io/
Snappify
https://snappify.io/editor
شارك هذا المنشور مع اصدقائك👨🏻💻😍
Carbon
https://carbon.now.sh
Ray.so
https://ray.so/
Codeimg
https://codeimg.io/
Snappify
https://snappify.io/editor
شارك هذا المنشور مع اصدقائك👨🏻💻😍
carbon.now.sh
Carbon is the easiest way to create and share beautiful images of your source code.
🔥2👍1
مارأيك أن اكون مستشارك الشخصي خلال مرحلة تعلمك البرمجة وازودك افضل الدورات واخبرك من اين تبدأ بمقابل رمزي مدى الحياة سوف اكون معك واجيب ع اسئلتك واساعدك هل تعجبكم الفكرة؟
Anonymous Poll
96%
نعم
4%
لا
🔥4👍1
تعلم برمجة المواقع🚀 pinned «مارأيك أن اكون مستشارك الشخصي خلال مرحلة تعلمك البرمجة وازودك افضل الدورات واخبرك من اين تبدأ بمقابل رمزي مدى الحياة سوف اكون معك واجيب ع اسئلتك واساعدك هل تعجبكم الفكرة؟»