تطوير وبرمجة الويب
58 subscribers
160 photos
10 files
193 links
Download 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 في البرمجة.
في جافاسكربت كل عنصر نريد تعريفه علينا إعطاءه إسم خاص لم نقم باستخدامه من قبل.
ِ🔰 الـبـرمـجـيـات الـخـبـيـثـة _ Malwares

مُصطلح "Malware" هو اختصار لكلمتي "Malicious Software" ويشمل هذا المصطلح الكثير من أنواع البرمجيات الخبيثة التي تتسبب في العديد من المشاكل، مثل : عرقلة تشغيل الجهاز، جمع المعلومات الحساسة أو الوصول إلى أنظمة تشغيل الجهاز الخاصة، وتُعتبر العامل الأكبر في خسارة الشركات لبياناتها، ولا ينجوا منها الأفراد أيضاً.
يتم تثبت هذه البرمجيات الخبيثة على جهاز الضحية دون موافقة مُسبقة، وهناك عدة طُرُق لتثبيتها.

هُناك عدة أنواع مُختلفة من البرمجيات الخبيثة، نذكر منها على سبيل المثال :
◊ الديدان _ Worms.
◊ البوتنيت _ Botnets.
◊ الروتكيت _ Rootkit.
◊ الفيروسات _ Viruses.
◊ حصان طروادة _ Trojan horse.
◊ برامج التجسس _ Spyware.
◊ القنابل المؤقتة _ Logic bomb.
◊ راصد لوحة المفاتيح _ Keylogger.
◊ برامج الأمن الاحتيالية _ Rogue Security Software.
◊ برمجيات الــ Adware.
◊ برامج الــ Ransomware.
◊ برامج الــ Crypto-Malware.
🔴 ما هي الـ React js ؟

تُعد React أو React.js مكتبة تم بناؤها على لغة JavaScript، وتعتمد على مفهوم المُكونات و تُستخدم في بناء واجهات تفاعلية تعتمد على "virtual dom" في تحديث مكونات الصفحة، يمكن استخدامها لإنشاء تطبيقات من صفحة واحدة (spa)،  تم بناء هذه المكتبة من طرف Facebook، هناك من يعتبر React إطار عمل لكنها في الحقيقة مكتبة.

◀️ ما هي مميزات وخصائص الـ  React js ؟

بُنيت React على أساس مفهوم الـ Component، إذ يمكن تقسيم صفحة الويب إلى مكونات (Component)، مثلاً بمكن اعتبار الـ "Navbar" مكون مستقل والـ "Footer" مكون مستقل وهكذا ..
يمكن إعادة استخدام هذه المكونات بسهولة فائقة دون الحاجة لبنائها مرة أخرى في كل مرة.
🔴 مـاذا تعرف عن  Node.js ؟

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

◀️ لكن ما هي فكرة استخدامه، ولماذا نستخدمه؟

تم تصميم Node.js لبناء تطبيقات شبكة قابلة للتطوير، Node.js هي بيئة تشغيل JavaScript مفتوحة المصدر ومتعددة المنصات و تعتبر back-end، تعمل على محرك v8 وتنفذ كود جافا سكريبت خارج متصفح الويب.

🔘 الميزات التي يقدمها :
- غير متزامن ويحركها الحدث (asyncronous and event-driven).
- سريع جدا.
- خلفية متعددة الخيوط (multi-threaded background)
- لا يوجد تخزين مؤقت.
- عابر منصة (cross-platform).
- كائنية التوجه.
- مفتوح المصدر.