تطوير وبرمجة الويب
58 subscribers
160 photos
10 files
193 links
Download Telegram
This media is not supported in the widget
VIEW IN TELEGRAM
This media is not supported in the widget
VIEW IN TELEGRAM
الي يريد نجوم يدخل البوت المجره العب فيه
Channel name was changed to «تطوير مواقع الويب»
Channel name was changed to «تطوير و برمجة الويب»
Channel name was changed to «تطوير وبرمجة الويب»
❇️ موقع هرموش :
أفضل موقع عربي لتعلم البرمجة و الأنظمة و الشبكات
🔹مقالات و عن لغات البرمجة.
🔹تعلم اللغة الانكليزية .
🔹 تدرب الكتابة على الكيبورد .
🔹كتب في مجال البرمجة.

🔶رابط الموقع :
https://harmash.com/
الصورة هذه تعرض مثال بسيط يوضح دور HTML, CSS, وJavaScript في بناء صفحات الويب، بس بطريقة مشوقة وكأنها تشرح جسم الإنسان

1. HTML: يعتبر كالهيكل العظمي لصفحات الويب. في الصورة، HTML ممثل بأيقونة باللون البرتقالي وفيه كلمة HTML5. وتحتها صورة هيكل عظمي، وهذا يدل على إن HTML هو الأساس اللي يبني عليه بقية العناصر.

2. CSS: يمثله أيقونة باللون الأزرق وهو يعتبر كالجلد لصفحات الويب، يعطيها المظهر الجميل والأنيق. في الصورة، موضح بجانبه شخص لابس قميص أخضر، يعني CSS هو اللي يلبس الصفحة بالستايل اللي تبغاه.

3. JavaScript: يعتبر كالدماغ لصفحات الويب لأنه يتحكم بالوظائف والتفاعلات داخل الصفحة. في الصورة، ممثل بأيقونة باللون الأصفر وبجانبه صورة جسم الإنسان تظهر الجهاز العصبي، يعني JavaScript يدير وينظم كيف تتصرف الصفحة عندما يتفاعل معها المستخدم.

هذي الصورة طريقة ذكية ومبسطة توضح كيف كل جزء من هذه اللغات  يساهم في بناء وظيفة صفحة الويب بشكل كامل. شرح يساعد اللي يتعلمون تصميم وتطوير الويب يفهمون أدوار هذه اللغات وأهميتها.
هرمش / harmash ,هو موقع لتعلم البرمجة باللغة العربية.
المحتوى في الموقع كله في شكل مكتوب و ليس فيديوهات.

الدورات الموجدة في الموقع:
- أساسيات البرمجة
- قواعد البيانات
- HTML
- CSS
- جافاسكريبت
- بايثون
- الخوارزمات وهياكل البيانات
- Java
- C++
- SQL

بالإضافات للتحديات البرمجة و المقالات المتفرقة في كل ما يخص البرمجة

الموقع: https://harmash.com/
اختيار لغة البرمجة الأعلى أجرًا والأكثر طلبًا يعتمد على السوق المستهدف (مثل الأسواق المحلية أو العالمية) ونوع المشاريع أو الصناعات. لكن بشكل عام، هناك لغات برمجية تتمتع بشعبية وأجور مرتفعة بسبب استخدامها في المجالات الحيوية والتقنيات الحديثة.

1. اللغة الأعلى أجرًا عالميًا (2024):

Python:

الاستخدامات: تحليل البيانات، الذكاء الاصطناعي، تعلم الآلة، تطوير التطبيقات.

السبب: مرونتها وسهولة استخدامها وانتشارها في مجالات المستقبل مثل الذكاء الاصطناعي.


Rust:

الاستخدامات: الأنظمة الموزعة، البرمجيات منخفضة المستوى، تطبيقات الأداء العالي.

السبب: أمانها وسرعتها، مما يجعلها مفضلة للشركات التي تبحث عن بدائل فعالة لـ C++.


Kotlin:

الاستخدامات: تطوير تطبيقات Android.

السبب: اعتماد Google الكامل عليها لتطوير تطبيقات أندرويد، مما يجعلها مطلوبة بشكل كبير.



2. اللغات الأكثر طلبًا في سوق العمل (2024):

JavaScript:

الاستخدامات: تطوير الويب (واجهات المستخدم)، تطبيقات الجوال.

السبب: هي لغة أساسية في كل تطبيق ويب تقريبًا.


SQL:

الاستخدامات: إدارة قواعد البيانات.

السبب: تُستخدم في جميع التطبيقات والخدمات التي تتعامل مع البيانات.


Java:

الاستخدامات: تطوير التطبيقات المؤسسية، أندرويد.

السبب: شعبيتها في البنوك والشركات الكبرى.


C#:

الاستخدامات: تطوير الألعاب (Unity)، تطبيقات سطح المكتب.

السبب: دعمها الكبير من Microsoft.



3. اللغات المرتبطة بالمجالات المستقبلية:

Go (Golang):

الاستخدامات: الأنظمة السحابية، التطبيقات التي تحتاج إلى الأداء العالي.

السبب: تُستخدم في خدمات مثل Kubernetes وDocker.


Swift:

الاستخدامات: تطوير تطبيقات iOS.

السبب: شعبية منتجات Apple.



أعلى أجر حسب المجال:

الذكاء الاصطناعي وتعلم الآلة: Python، R.

الأمن السيبراني: Rust، Go.

تطوير الألعاب: C++, C#.

الويب: JavaScript، TypeScript.


توصية:

إذا كنت تبحث عن لغة برمجة لتبدأ بها، فاختر Python أو JavaScript، لأنهما الأكثر شمولية وأسهل في التعلم، مع إمكانيات عالية لتطوير مسارك الوظيفي مستقبلاً.
This media is not supported in the widget
VIEW IN TELEGRAM
شرح بسيط عن كيفية تعلم برمجة اي لغة
حتى تتعلم برمجة اي لغة مهما كانت مستوى لغة
يجب تعرف اولا على أساسيات اللغة تقريبا اللغات برمجية متشابهة في أساسيات بعد فهمك إلى أساسيات نتقل إلى مرحلة ثانية وهي تطبيق الكود بسيط واذا واجهت مشكلة يمنك مراسلتنا لكي نحلها او استخدم موقع stack overflow او موقع W3Schools مع كتابة اسم مشكلة ،، وبعد تتعرف من مشاكل التي حدثت معك يجب أن تطور نفسك ،، كيف ؟ الجواب سهل للغاية تتبع دورات تعليمية وايضا قراءة او دخول قنوات موثوقة تشرح كل شيء ،،
#ولا_تنسى_دعائك_لكم_ولنا_بالخير_وصحة
أما بخصوص أدوات التطوير، فستحتاج إلى برمجية لكتابة الشيفرات، وهنالك نوعان رئيسيان لها:

◆ المحررات النصية: مثل Visual Studio Code أو Atom أو Sublime Text أو Bracktes أو Notepad++‎. وهذه المحررات النصية تكون بسيطة في أغلبها، وتوفر ميزات أساسية مثل تلوين الشيفرات، وبعض ميزات الإكمال التلقائي، وتدعم أغلبيتها إضافات لزيادة وظائفها. وظيفة هذه المحررات النصية عمومًا هي تعديل الشيفرات بسهولة وسرعة. ننصحك بتجربة Visual Studio Code لشهرته حاليًا وكثرة إضافاته ودعمه الممتاز من شركة Microsoft.
◆ بيئات التطوير المدمجة: مثل Visual Studio و Eclipse و Android Studio و NetBeans و Apple Xcode وغيرها. وهذه البيئات توفر ميزات أكثر بكثير من المحررات النصية، مثل تشغيل الشيفرات وتنقيحها (debugging) وميزات التحكم بالإصدارات (version control) والاتصال بقواعد البيانات وخلاف ذلك
في لغات البرمجة، هنالك نوعان من المترجمين بين اللغات هما: المفسر interpreter، والمترجم compiler. بناءً على ذلك، تنقسم لغات البرمجة إلى لغات مفسرة ولغات مترجمة. (من الآن وصاعدًا، كلما ذكرنا لغات البرمجة، فنحن نشير إلى لغات البرمجة عالية المستوى.)

-المفسر (interpreter): وهو برنامج خاصٌ يفسِّر الشيفرة المصدرية لبرنامج مكتوب بلغة عالية المستوى سطرًا بسطر ويحولها إلى لغة منخفضة المستوى لينفذها الحاسوب مباشرةً. -المترجم (compiler): وهو برنامج خاصٌ يحوِّل الملفات المصدرية لبرنامج مكتوب بلغة عالية المستوى إلى ملف تنفيذي مكتوب بلغة الآلة دفعةً واحدةً، ثم يمكن تشغيل الملف التنفيذي على الحاسوب للقيام بالمهمة المطلوبة.
أساليب كتابة الكود في جافاسكربت
بدايةً عليك معرفة أن كود الجافاسكربت عبارة عن مجموعة أوامر ( Statements ) يتم تنفيذها بالترتيب الموضوعة فيه.
طالما أن الأوامر مكتوبة بشكل صحيح فإنه سيتم تنفيذها بشكل كامل، أما إذا كان يوجد أمر ما مكتوب بشكل خاطئ فإنه لن يتم تنفيذه و لن يتم تنفيذ أي أمر موضوع بعده.


حساسية الأحرف
جافاسكربت تطبق مفهوم حساسية الأحرف ( Case Sensitivity ) و هذا يعني أنها تميز بين الأحرف الكبيرة و الأحرف الصغيرة.

مثال: note و Note ليسا شيئاً واحداً.


أسماء المعرّفات
جافاسكربت تعتمد أسلوب Camel Case في كتابة أسماء الأشياء التي يتم تعريفها. لذا إستخدم الأحرف الصغيرة عند اختيار أسماء للمتغيرات أو للدوال و في حال كان الإسم يتألف من أكثر من كلمة فإبدأ أول كلمة بحرف صغير و كل كلمة بعدها إبدأها بحرف كبير.

أمثلة
في حال كان الإسم يتألف من كلمة واحدة.

var age;
في حال كان الإسم يتألف من أكثر من كلمة.

var firstName;

الفاصلة المنقوطة
في جافاسكربت يعتبر وضع فاصلة منقوطة ; في نهاية كل أمر هو شيء اختياري يمكنك فعله و يمكنك تجاهله. بالرغم من أن وضع فاصلة منقوطة هو أمر اختياري إلا أننا ننصحك دائماً بأن تضعها فهذا الأمر يساعدك على ترتيب الكود و معرفة أين ينتهي كل أمر و قد يجنبك الوقوع في مشكلة تداخل الأوامر التي أنت بغنى عنها.

أمثلة
var name = 'Mhamad';
var country = 'Lebanon';

المسافات الفارغة
في جافاسكربت المسافات الفارغة و الأسطر الفارغة لا تسبب مشكلة في الكود و لكن عليك استخدامها بشكل مناسب يساعدك في قراءة الكود.

أمثلة
لاحظ كم هو مريح للنظر أن تبعد رمز المساواة عن الإسم و القيمة.

var language = 'Arabic';
و لاحظ كم هو سيء للنظر أن تلصق رمز المساواة بالإسم و القيمة.

var language='Arabic';

التعليقات
نستخدم التعليقات لنضع ملاحظات حول الكود الذي كتبناه فقط، لكي لا ننسى كيف برمجنا الكود في حال أردنا مراجعته أو التعديل عليه بعد وقت طويل. و بالطبع التعليقات لا تؤثر إطلاقاً على الكود المكتوب.

في جافاسكربت يوجد أسلوبين لوضع التعليقات:

تعليق على سطر واحد.
تعليق على عدة أسطر.
أمثلة
في حال كان التعليق يتألف من سطر واحد, نضع الرمز // قبل كتابة التعليق.

// this is a one line comment تعليق يتألف من سطر واحد
في حال كان التعليق يتألف من عدة أسطر، نبدأ التعليق بالرمز /* و ننهيه بالرمز */.

/*
This is multlines comment
هذا التعليق يتألف من عدة أسطر
*/
الأحرف المستخدمة في وضع الأسماء في جافاسكربت
أي إسم نضعه لمتغير، دالة، كلاس، كائن إلخ.. يسمى identifier في البرمجة.
في جافاسكربت كل عنصر نريد تعريفه علينا إعطاءه إسم خاص لم نقم باستخدامه من قبل.