تعلم برمجة المواقع🚀
6.63K subscribers
55 photos
2 videos
19 files
545 links
قناة للبرمجة والمبرمجين ...
تحتوي على مقالات للمبرمجين.
كتب وملفات pdf مجانية للمبرمجين.
نصائح للمبتدئين والمحترفين في البرمجة ...
أفضل الدورات في مجال البرمجة مجانا..
Download Telegram
هرمش / harmash ,هو موقع لتعلم البرمجة باللغة العربية.
المحتوى في الموقع كله في شكل مكتوب و ليس فيديوهات.

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

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

الموقع: https://harmash.com/
🔥9🥰1
جماعة ال front end 🪄
مواقع مفيدة جدا لموقعك الإلكتروني
‏Amazing Website | Use For Css

‏1- Make Some Waves
موقع يوفر أداة مجانية لإنشاء موجات SVG بطريقة بسيطة وسهلة

https://getwaves.io/
___

‏2- Fancy Border Radius
موقع fancy-border-radius يقدم أداة مجانية لإنشاء أشكال معقدة وجذابة باستخدام CSS border-radius.

https://9elements.github.io/fancy-border-radius/

___

‏3- CSS Buttons
يعتبر أداة مفيدة لتوفير مكتبة شاملة من العناصر الجاهزة التي يمكن استخدامها في تصميم واجهات المستخدم.

https://uiverse.io/elements

___


‏4- SVG Background
هو أداة مفيدة لإنشاء وتوليد صور خلفيات (Backgrounds) بشكل سريع وسهل.

https://bgjar.com/#google_vignette

___

‏5- CSS Grid
هو أداة مفيدة لإنشاء وتوليد أنظمة الشبكات باستخدام CSS Grid بشكل سهل وسريع.

https://cssgrid-generator.netlify.app/?ref=producthunt

___

‏6- Smooth Shadow
باختصار، موقع هو أداة ممتازة لمصممي الويب الذين يرغبون في إنشاء تصاميم حديثة وأنيقة باستخدام تقنية Neumorphism بسهولة وفعالية.

https://neumorphism.io/#e0e0e0
🔥7👍4
أفضل موقع للمبرمجين الذين لا يريدون أو ليس لديهم الوقت  لتصميم واجهة الموقع و تنسيق الألوان و العناصر و اختيار النصوص.

‏موقع Free Figma Templates تجد فيه كل من:
‏- Website Designs
‏- Mobile Designs
‏- Illustrations & Icons
‏- Wireframes & Design Systems
‏و الأهم من هدا تحميل الملفات Templates مرفقة بالصور و الخطوط.

‏الموقع: ⁦ www.freefigmatemplates.com/
9👍1🔥1
أفضل 5 مكتبات جافاسكربت قد تحول مسار مشروعك وتبرز إبداعك

في عالم التكنولوجيا السريع التطور، بقى الابتكار والتفرد شرط أساسي لتميز المشروعات الرقمية. وفي هذا الإطار، بيجي دور مكتبات جافاسكربت اللي بتقدم أدوات قوية لإضافة الحيوية والتفاعلية للمواقع والتطبيقات. إليكم خمس من أفضل هذه المكتبات:

1. ANIME.JS
   مع انتشار الأنيميشن والتفاعلات الدقيقة، برزت مكتبة anime.js كأداة مرنة تتيح لك إضافة حركة جذابة لموقعك. متعددة الاستخدامات، تعد هذه المكتبة فرصة رائعة لتطوير مهاراتك وإثراء مشاريعك بلمسات إبداعية.

2. AOS.JS
   كإضافة مميزة لمكتبة jQuery، تقدم AOS.JS أكثر من 28 تأثيرًا مختلفًا لتحريك العناصر وتأثيرات التسهيل بشكل جمالي عند تمرير الصفحة، مما يضيف بُعدًا جديدًا لتجربة المستخدم.

3. D3.JS
   لمحبي البيانات والراغبين في عرضها بطريقة جذابة، D3.js توفر الأدوات اللازمة لإضفاء الحيوية على هذه البيانات باستخدام HTML، SVG، وCSS، مما يجعل عرض البيانات أكثر تفاعلًا وجاذبية.

4. OWL-CAROUSEL
   في عالم تصميم المواقع، بقت السلايدرز (carousels) عنصر أساسي، وOWL Carousel تقدم حلاً سهل التركيب ومتوافق مع كل المتصفحات، مما يجعلها خيار مثالي لعرض المنتجات والصور بشكل احترافي.

5. CHOREOGRAPHER-JS
   كمكتبة بسيطة وسهلة الاستخدام، Choreographer-JS تساعد في إنشاء تأثيرات حركية ولمسات سحرية باستخدام CSS، مما يثري الموقع بأنيميشن مميزة وجذابة.

في زمن التنافسية الشديدة، بقت هذه المكتبات جزء لا يتجزأ من أساسيات تطوير المواقع والتطبيقات، فلا تفوت فرصة تطوير مهارتك
🔥5👍4
للطلاب الذي يواجهو صعوبة في فهم لغة السي هذا الكورس سيساعدكم كثير ويجعلكم تفهمون لغة السي بشرح بسيط وسهل🔥🔥
https://youtube.com/playlist?list=PLhiFu-f80eo-tcwk0nYsehyPErEhw9scm&si=UHR0-QSKIAMnTbVd
🔥51😍1
لو عندك ملف JSON وحابب تستكشفه او تفهمه او تعمله visualize
ممكن ترفعه هنا على الموقع ده وهو هيحوله ل Graph
لينك الموقع : https://jsoncrack.com/
🔥41
جبت لكم موقع ممتاز بيقدملك مصادر لأهم أُطر العمل الموجودة في مجال الويب 🔻

‏- Angular 
‏- React
‏- Vue
‏- Qwik
‏- Solid.js
‏- GraphQL
‏- Node.js 
‏- Svelte
‏- Deno

‏⁦ framework.dev
🔥42👍2
اكثر مكتبة مطلوبة في سوق العمل كورس رياكت شامل من الصفر إلى الاحتراف 🔥🔥
https://youtube.com/playlist?list=PLpr1Lg_f0v3ojNKR4WzZ_SEXhiKBHDQmB&si=5Xib_06XE4MUQUlX
🔥41👍1
🔥 أقوى 22 موقع يعمل بالذكاء الاصنطاعي لعام 2024 :

1ـ ChatGPT :
إنشاء نصوص وترجمة اللغات وكتابة محتوى إبداعي.


2ـ Jasper :
كتابة محتوى إبداعي مثل المقالات والمنشورات على وسائل التواصل الاجتماعي.


3ـ Fireflies :
كتابة نصوص وترجمة اللغات وكتابة محتوى إبداعي.


4ـ Synthesia :
إنشاء مقاطع فيديو واقعية مع شخصيات افتراضية.


5ـ Midjourney :
إنشاء صور إبداعية من خلال كتابة وصف نصي.


6ـ Grammarly :
أداة للتدقيق اللغوي والنحوي.


7ـ AI coding tools :
مساعدة المبرمجين في كتابة الكود بشكل أسرع وأكثر كفاءة.


8ـ Gemini :
أداة من Google لإنشاء نصوص وترجمة اللغات وكتابة محتوى إبداعي.


9ـ ClickUp :
أداة لإدارة المشاريع وتنظيم العمل.


10ـ Dialogflow :
أداة لإنشاء روبوتات محادثة ذكية.


11ـ GitHub Copilot :
مساعدة المبرمجين في كتابة الكود بشكل أسرع وأكثر كفاءة.


12ـ Motion :
أداة لإنشاء رسوم متحركة وتصاميم إبداعية.


13ـ AIVA :
أداة لإنشاء موسيقى إبداعية.


14ـ Anyword :
كتابة محتوى إبداعي مثل المقالات والمنشورات على وسائل التواصل الاجتماعي.


15ـ Claude :
إنشاء نصوص وترجمة اللغات وكتابة محتوى إبداعي.


16ـ DreamStudio :
إنشاء صور إبداعية من خلال كتابة وصف نصي.


17ـ Frase :
تحسين محركات البحث (SEO) وتحسين محتوى المواقع الإلكترونية.


18ـ Otter :
تحويل الصوت إلى نص.


19ـ Rytr :
كتابة محتوى إبداعي مثل المقالات والمنشورات على وسائل التواصل الاجتماعي.


20ـ Salesforce Einstein :
تحسين العمليات التجارية وزيادة المبيعات.


21ـ Tabnine :
مساعدة المبرمجين في كتابة الكود بشكل أسرع وأكثر كفاءة.


22ـ Plus AI : إنشاء نصوص وترجمة اللغات وكتابة محتوى إبداعي.
👍4🔥3
دورة تطبيقية شاملة على لغة البرمجة سي شارب من المستوى المتقدم تتضمن جميع مراحل تطوير برنامج ادارة المبيعات بأحدث التقنيات البرمجية

https://youtube.com/playlist?list=PLhiFu-f80eo8M03d_3DZDQRG59LhEfdWL&si=S_kw4lZ_la9opdpw
🔥51
كيف تفيدك لغة بايثون في أعمالك المكتبية؟ 🤝

◀️إنشاء جداول البيانات
◀️إنشاء التقارير
◀️إنشاء رسائل بريد إلكتروني
◀️معالجة النصوص وتنسيقها
◀️أتمتة المهام المكررة
◀️جمع البيانات اللازمة لعملك
◀️تحليل البيانات
◀️التعديل على الصور واستخراج ما تحتاجه منها
🔥8
📌مواقع مساعدة
موقع marko، بيساعدك في انشاء مجموعة من الأزرار الإحترافية التى راح توفر عليك كتابة الكود، كل ما عليك إنك تنقر ع أي زر انت محتاجه راح ينسخ الكود وتقدر تستخدمه في موقعك
رابط الموقع | https://markodenic.com/tools/buttons-generator/
🔥3👍2
5 طرق لكتابة كود نظيف في البرمجة🔥

1. اتباع مبدأ تقسيم الشفرة إلى وحدات صغيرة وواضحة.
2. استخدام تسميات معبرة للمتغيرات والدوال.
3. توثيق الشفرة بتعليقات وشروحات لتسهيل فهمها.
4. تنظيم الشفرة بطريقة منطقية باستخدام التنظيم الجيد والتهذيب.
5. اختبار الشفرة بشكل دوري لضمان عملها بشكل صحيح وفعال.
🔥5👍3🥰3
نصائح قبل تعلمك البرمجة🔥🔥

1. حدد هدفك:
ما الذي ترغب بتحقيقه من خلال البرمجة؟ هل تريد بناء تطبيقات؟ مواقع ويب؟ أم أنظمة ذكاء اصطناعي؟
تحديد هدفك سيساعدك على اختيار لغة البرمجة المناسبة والموارد التعليمية اللازمة.
2. اختر لغة البرمجة المناسبة:
يوجد العديد من لغات البرمجة، ولكل منها مميزاتها وعيوبها.
من أشهر لغات البرمجة:

بايثون: لغة سهلة التعلم ومناسبة للمبتدئين، تُستخدم في تطوير الويب وتحليل البيانات والذكاء الاصطناعي.

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

سي++: لغة سريعة تُستخدم في تطوير أنظمة التشغيل والبرامج عالية الأداء.

جافاسكربت: لغة أساسية لتطوير مواقع الويب والتطبيقات التفاعلية.

3. ابدأ بأساسيات البرمجة:
قبل البدء ببناء مشاريع معقدة، تأكد من إتقان أساسيات البرمجة مثل المتغيرات والأنواع والتعبيرات والشروط والحلقات والدوال.
4. مارس البرمجة بانتظام:
أفضل طريقة لتعلم البرمجة هي الممارسة المستمرة. حاول كتابة بعض البرامج البسيطة كل يوم، حتى لو كانت مجرد تمارين قصيرة.
5. لا تستسلم عند مواجهة الصعوبات:
ستواجه صعوبات أثناء تعلم البرمجة، لكن لا تستسلم!
حاول حل المشكلات بنفسك، وإذا لم تتمكن من ذلك، ابحث عن المساعدة من الإنترنت أو من مجتمعات المبرمجين.
6. ابحث عن مجتمعات المبرمجين:
الانضمام إلى مجتمعات المبرمجين على الإنترنت أو في منطقتك سيساعدك على التعلم من الآخرين، ومشاركة تجاربك، والحصول على المساعدة والدعم.
7. استفد من الموارد التعليمية المتاحة:
يوجد العديد من الموارد التعليمية المجانية والمدفوعة المتاحة على الإنترنت لتعلم البرمجة.
بعض المواقع المفيدة:

Khan Academy: https://www.khanacademy.org/login

Codecademy: https://www.codecademy.com/

Udemy: https://www.udemy.com/

Coursera: https://www.coursera.org/

8. اقرأ كتب البرمجة:
قراءة كتب البرمجة ستمنحك نظرة ثاقبة على كيفية عمل لغات البرمجة المختلفة وتطوير مهاراتك.
9. شاهد مقاطع الفيديو التعليمية:
يوجد العديد من مقاطع الفيديو التعليمية على YouTube وغيرها من المواقع التي تشرح مفاهيم البرمجة بطريقة سهلة الفهم.
10. خذ دورات تدريبية:
إذا كنت ترغب في تعلم البرمجة بشكل مكثف، يمكنك الالتحاق بدورات تدريبية في مراكز التدريب أو الجامعات.
11. ابدأ بمشاريع صغيرة:
بعد إتقان أساسيات البرمجة، ابدأ ببناء مشاريع صغيرة لتطبيق ما تعلمته.
سيساعدك ذلك على اكتساب الخبرة وحل المشكلات الواقعية.
12. لا تخشى الفشل:
الفشل جزء من عملية التعلم. لا تخشى ارتكاب الأخطاء، فمن خلالها ستتعلم وتتحسن.
13. كن صبوراً:
تعلم البرمجة يتطلب وقتًا وجهدًا.
لا تتوقع أن تصبح مبرمجًا خبيرًا بين عشية وضحاها.
14. استمتع بالتعلم:
تعلم البرمجة يجب أن يكون ممتعًا!
اختر مشاريع تهتم بها واستكشف مجالات جديدة.
15. ساعد الآخرين:
عندما تصبح مبرمجًا أكثر خبرة، ساعد الآخرين على تعلم البرمجة.
يمكنك ذلك من خلال كتابة مقالات تعليمية أو المشاركة في مجتمعات المبرمجين.
16. تابع آخر التطورات:
يتطور عالم البرمجة باستمرار.
حافظ على اطلاعك على أحدث التقنيات
👍6🔥32👏1
4 مواقع مجانية مفيدة للمبرمجين 🔥
1- لإزالة الخلفية من الصور بسهولة
https://www.remove.bg

2- هذا الموقع تقدر تحصل من خلاله على صور عشوائية بروابط مباشرة, وتقدر تحدد مقاساتها
https://picsum.photos

3-هذا الموقع يساعدك على إنشاء نص عشوائي باي طول تحدده
https://www.lipsum.com
4- من أفضل المواقع التي تساعدك على اختيار الوان متناسقة للتصميم.
https://mycolor.space
🔥4👍31🥰1
كورس رياكت كامل متكامل من الصفر لغاية الاحتراف بشرح بسيط ومتدرج🔥🔥
https://youtube.com/playlist?list=PLpr1Lg_f0v3ojNKR4WzZ_SEXhiKBHDQmB&si=EzKU6b-Ko5fatGpt
🥰52🔥1
10 مواقع مفيدة لمبرمجين فلاتر:
Stack Overflow: https://stackoverflow.com/ - منتدى ضخم لمناقشة البرمجة مع مبرمجين آخرين. ستجد هنا إجابات للعديد من أسئلة فلاتر، بالإضافة إلى إمكانية طرح أسئلتك الخاصة.
Flutter Documentation: https://docs.flutter.dev/ - وثائق Flutter الرسمية، توفر معلومات مفصلة حول جميع جوانب Flutter، بما في ذلك فلاتر.
Flutter Community: https://flutter.dev/community - مجتمع Flutter الرسمي، حيث يمكنك التواصل مع مبرمجي Flutter الآخرين ومشاركة المعرفة والتعلم من بعضكم البعض.
Awesome Flutter: https://github.com/nepaul/awesome-flutter - قائمة ضخمة بموارد Flutter، بما في ذلك حزم Flutter، وأدوات، ومواقع تعليمية، وأكثر.
Medium: https://medium.com/ - منصة نشر حيث يمكنك العثور على العديد من المقالات حول Flutter، بما في ذلك مقالات حول فلاتر.
YouTube: YouTube - موقع فيديو يضم العديد من الدروس التعليمية حول Flutter، بما في ذلك دروس حول فلاتر.
Udemy: https://www.udemy.com/ - منصة تعليمية عبر الإنترنت تقدم العديد من الدورات حول Flutter، بما في ذلك دورات حول فلاتر.
Coursera: https://www.coursera.org/ - منصة تعليمية عبر الإنترنت تقدم العديد من الدورات حول Flutter، بما في ذلك دورات حول فلاتر.
EdX: https://www.edx.org/ - منصة تعليمية عبر الإنترنت تقدم العديد من الدورات حول Flutter، بما في ذلك دورات حول فلاتر.
Flutter China: https://docs.flutter.dev/community/china - مجتمع Flutter باللغة الصينية، حيث يمكنك التواصل مع مبرمجي Flutter الصينيين ومشاركة المعرفة والتعلم من بعضكم البعض.
مواقع إضافية:
https://pub.dev/ - مستودع حزم Flutter.
https://github.com/jonataslaw/getx - مكتبة إدارة حالة شعبية لـ Flutter.
https://github.com/topics/flutter-provider - مكتبة إدارة حالة أخرى شعبية لـ Flutter.
https://github.com/topics/flutter-bloc - مكتبة إدارة حالة تعتمد على نموذج MVC لـ Flutter.
نصائح:
ابحث عن مجموعات Flutter على Facebook و LinkedIn و Telegram.
اشترك في قنوات Flutter على YouTube و Twitch.
تابع مدونات ومواقع إلكترونية Flutter على الويب.
شارك في منتديات ومجتمعات Flutter عبر الإنترنت.
ساهم في مشاريع Flutter مفتوحة المصدر.

أتمنى لك رحلة سعيدة في تعلم فلاتر!
🔥3👍2