‏سلسلة مرتبه من دروس ونصائح وكتب برمجة swift 💛 لعمل تطبيقات الايفون والايباد نحتاج تطبيقات عربية بكل المجالات👏



‏⁦ bit.ly/2mfGwH1⁩

‏800 قالب لمواقع تفاعليه تشتغل بكل المتصفحات/ جوال/ تابلت🤖 مجانا للتحميل والتعديل☂️ مفيد للمشاريع يختصر نص وقت العمل🐭



‏⁦ bit.ly/2ls9Zl1⁩

قناة يوتيوب يتم فيها شرح جميع انواع section خاصة للمواقع
متخصصه في HTML,CSS,JS




https://www.youtube.com/channel/UCtDXmhjZtjkkuRz9V9D1N8Q/featured?view_as=subscr

قناة تلغرام يتم ارسال فيها الاستفسارات
حول webdeveloper


https://t.me/htmlwebsitecss

‏مخزن لكل ماتحتاجه لتطوير تطبيقات اندرويد 👾
‏من التصاميم والأكواد والخدمات: منصات تطوير تطبيقات و العاب، مكتبات، أكواد جاهزة، قواعد بيانات 👇
‏⁦ bit.ly/3ibOAal⁩
‏دورة لتطوير تطبيقات الاندرويد 🇸🇦
‏⁦ bit.ly/3brF2q0⁩
‏أفضل شرح إنجليزي 🇬🇧
‏⁦ bit.ly/2K0RS3k⁩

‏الشبكة الإجتماعية الأولى للمطورين Github👾 أكثر من 50 مليون مبرمج حول العالم، بأكثر من 100 مليون مشروع برمجي. تعرف كيف تستخدم المنصة وتستفيد من ملايين المشاريع البرمجية المجانية.
‏EN🇬🇧
‏⁦ bit.ly/3nu06ii⁩
‏AR🇸🇦
‏⁦ bit.ly/39kSObk⁩
‏👇ملخص بالعربي للأوامر

‏اللي يحبون الاشياء المجانية🤓👀تصاميم مواقع/شعارات/ايقونات/هويات مجانا من مصممين اجانب محترفين
‏⁦ bit.ly/2dg5nan⁩

‏طور واجهات موقع ولاتشيل هم الـ Html/CSS😻بسDrag & Drop لكل المميزات واحفظ الاكواد بجهازك 🙀❤️
‏⁦ bit.ly/2b1Riha⁩

مواقع مهمه لمصممين المواقع ❤

موقع تختار منه نوع الخط
⁦ https://fonts.google.com⁩

موقع تختار منه صور الموقع
⁦ https://www.pexels.com/⁩

موقع تختار منه ألوان التصميم
⁦ https://coolors.co/⁩

موقع تختار منه الأيقونات
⁦ https://fontawesome.com⁩

موقع تتعلم منه تريكات تعملها بال CSS
https://css-tricks.com/

لو اي حاجه وقفت معاك وانت بتشتغل روح على الموقع هذا هتلاقي الاجابه
stackoverflow.com

طبعا وارد انك تنسى syntax خاص بكود معين ف تروح بقا على الموقع ده وهتلاقي بنية الكود الصحيحة
https://syntaxdb.com

موقع هتلاقي فيه كل الادوات اللي تحتاجها ک فرونت اند
http://frontendtools.com/

هذا موقع في ملخصات للغات برمجة كتير ممكن تحتاجه ف حطيته معاهم
http://overapi.com/

هذا موقع تعرف منه سرعة الموقع بتاعك
https://gtmetrix.com/

‏للمهتمين بالتصميم ومن يرغب الإنطلاق في عالم التصميم🎨
‏من أشهر قنوات اليوتيوب والخاصة بدروس واساسيات التصميم بتفرعاته مثل:
‏🌀تصميم المواقع
‏🌀تصميم الشعارات
‏🌀تصميم التطبيقات
‏القناة تعرض كل ماهو جديد من نصائح وارشادات ودروس واخر اخبار خاصة بالتصميم فقط ✅
‏⁦ bit.ly/3bEzbxH⁩

‏للمهتمين بالتصميم والمصممين 🎨
‏أكبر تجمع لمصادر التصميم جميع ادوات ومواقع وخدمات التصميم في مكان واحد. قائمة بمواقع الألوان، اخبار التصميم، تعليم التصميم، افضل مواقع الايقونات والصور والشخصيات، ادوات تصميم النماذج، كتب التصميم، بودكاست صوتي للتصميم 🌪️
‏⁦ bit.ly/33MrgdK⁩

‏مخزن لكل ماتحتاجه لتطوير تطبيقات اندرويد 👾
‏من التصاميم والأكواد والخدمات: منصات تطوير تطبيقات و العاب، مكتبات، أكواد جاهزة، قواعد بيانات 👇
‏⁦ bit.ly/3ibOAal⁩
‏دورة لتطوير تطبيقات الاندرويد 🇸🇦
‏⁦ bit.ly/3brF2q0⁩
‏أفضل شرح إنجليزي 🇬🇧
‏⁦ bit.ly/2K0RS3k⁩

‏موقع مميز يقدم عدد من تصاميم الشخصيات والرسومات 🎭 المقدمة من أشهر المصممين في العالم. يمكن تعديل وتخصيص وإعادة إستخدام الرسوم والشخصيات في المشاريع التقنية 😍
‏⁦ bit.ly/2LDWI6Y⁩

اكثر من 20 مليار سطر من الاكواد من 7 مليون مشروع برمجي لأكثر من 90 لغة برمجية يعتبر محرك البحث الاكبر المتخصص في البحث عن الاكواد البرمجية 👏
‏⁦ bit.ly/1PUrBvP⁩

‏افضل برنامج محرر أكواد Code Editor للمطورين الويب 😍❤️ سرعه عالية ويدعم جميع الانظمة ويندوز، ماك، لينكس. يصحح لك الكود تلقائياً، يمكن تثبيت اضافات داخلية لامحدوده لمساعدتك خلال البرمجه او التطوير 😈👌
‏⁦ bit.ly/2wbQGz3⁩

من اهم الكتب في مجال المواقع
كتب اجنبيه شامله لكل شي من الصفر 📚

‏دروس لأساسيات مادة هندسة الحاسب 🤖❤️دورة حياة البرمجيات وانواعها من Waterfall، Agile Development، متطلبات البرامج، خطوة النماذج الأولية ، التصميم والتطوير، واختبار جودة البرمجيات 👍مرجع ممتاز للمادة
‏⁦

buff.ly/33LWcbd⁩

جماعة ال front-end البوست هذا الكم راح يوفر عليكم اشياء هواي❤

مواقع الالوان:
1. https://colorhunt.co
2. https://klart.io
3. https://color.adobe.com
4. https://webkul.github.io
5. https://pigment.shapefactory.co
6. http://bit.ly/2Jam0Vu

مواقع الصور:
1. https://unsplash.com/
2. https://www.pexels.com/
3. https://pixabay.com/
4. https://stocksnap.io/
5. https://burst.shopify.com/

مواقع الصور بدون خلفية:
1. https://www.kisspng.com
2. http://pngimg.com/
3. https://www.footyrenders.com/
4. https://pngtree.com/

مواقع الفيديوهات
1. https://mixkit.co
2. https://coverr.co
3. https://www.motionplaces.com
4. https://www.videezy.com/

مواقع استلهام
1. https://www.inspirationde.com
2. https://www.designspiration.net
3. https://www.pinterest.com
4. https://dribbble.com

مواقع استلهام لـ الشعارات
1. https://www.logomoose.com
2. https://logopond.com
3. https://www.logolounge.com
4. http://logofaves.com
5. http://www.logotalkz.com
6. http://logospire.com

مواقع استلهام لـ تجربة المُستخدم والتطبيقات

1. https://inspired-ui.com
2. https://www.calltoidea.com
3. https://www.mobile-patterns.com
4. https://www.uplabs.com

مواقع لتحميل الميك اب
1. https://mockupsforfree.com/
2. https://www.mockupworld.co
3. https://graphicburger.com
4. https://zippypixels.com

مواقع لتحميل الملفات
1. https://www.freepik.com
2. https://all-free-download.com
3. https://www.vecteezy.com
4. https://365psd.com

مواقع تحميل الفرش
1. https://www.brushking.eu/
2. https://www.brusheezy.com/brushes
3. https://myphotoshopbrushes.com/
4. https://fbrushes.com/
5. http://gfxfever.com/photoshop-brushes

مواقع لتحميل الأيقونات
1. https://www.flaticon.com
2. https://freeicons.io
3. https://iconstore.co
4. https://www.iconfinder.com
5. https://digitalnomadicons.com
6. https://iconstore.co

مواقع لتحميل الشعارات فيكتور
1. https://seeklogo.com
2. http://logovector.net
3. http://logotypes101.com
4. http://logos-vector.com

مواقع لتحميل الخطوط العربية
1. https://arbfonts.com
2. https://www.fontface.me
3. https://fonts.google.com
4. https://brushez.com

مواقع لتحميل الخطوط الأنجليزية
1. https://www.dafont.com/
2. https://www.1001fonts.com/
3. https://www.fontsquirrel.com/
4. https://www.fontfreak.com/fonts-new.htm

1- psdrepo.com

تقدر من خلاله تحمل موك اب وأيقونات و UI kits ومواقع وغيره كتير

2- sketchappsources.com

ستجد معظم الملحقات والموك اب و Templates وايقونات وحتى تصميمات مواقع جاهزة وغيره وكل دة مجاناً

3- uideck.com

موقع ستجد عليه ملفات فوتوشوب جاهزة وحتى ملفات HTML وموك اب و UI kits وغيره من الملفات اللى تقدر تحملها مجاناً

4- freepik.com

يحتوى على الكثير من رسومات الفيكتور وملفات الفوتوشوب والصور وكمان الكروت الشخصية والبنر وغيره من التصميمات

5- graphicburger.com

يحتوى على الالآف من ملفات الفوتوشوب اللى تقدر تنزلها وتعدل عليها بالاضافة إلى الخلفيات والأيقونات وتأثيرات النصوص وغيره

6- freebiesbug.com

يعتبر مكتبة ضخمة لمصممى الويب يحتوى على ملفات فوتوشوب جاهزة وكمان نماذج لمواقع HTML وخطوط مجانية وصور بجودة عالية.

7- canva.com

يحتوى على آلاف من التصميمات القابلة للتعديل سواء بوسترات، كروت شخصية، تصميمات للسوشال ميديا و انفوجرافيك وغيرهم كتيييييير

8- psdhub.com

يحتوى على ملفات فوتوشوب لمواقع ويب بسهولة تقدر تحملهم وتبدأ تصممهم بالكود. الموقع بيقدم تصميمات رائعة وعصرية.

9- graphicsfuel.com

يحتوى على ملفات فيكتور وأيقونات، موك اب، صور، patterns، وملفات فوتوشوب جاهزة

10- pixelbuddha.net

موقع رائع لمصصمى الجرافيك والويب يحتوى على ملفات فوتوشوب و أيقونات ،Animation ، تأثيرات مختلفة وكمان خطوط.

11- 365psd.com

مكتبة ضخمة تحتوى على تصميمات جديدة وعصرية وبيقدم ملفات فوتوشوب وكمان ملفات فيكتور جاهزة للتحميل.

12- web3canvas.com

أكبر موقع بيقدم ملفات فوتوشوب وكمان HTML, CSS, jQuery, Plugins, Icons بسهولة تقدر تحملهم وتشتغل عليهم.

13- pixeden.com

يقدم نماذج عالية الجودة من تصميمات الويب والجرافيك

14- uispace.net

من المواقع العصرية بيقدم UI Kits، ملفات فوتوشوب، موك اب، خطوط وغيره كتير

15- psddd.co

يحتوى على ملفات عالية الجودة لتصميمات مواقع الويب وكمان تصميمات جرافيك تقدر تحملها وتشتغل عليها.

16- dribbble.com

بيقدم أيقونات وخطوط وموك اب وUI kits، Patterns, Texture

17- freedesignresources.net

يحتوى على مصادر رائعة هتفيد كل مصمم

18- mockupworld.co

3 X 3 التصميم و التطوير
==============
html :
وهي اختصار ل
Hyper Text Markup Language
لغة html هى لغة تصميم مواقع وهى اول لغه تم استخدامها فى تصميم
صفحات المواقع وليس لها اى علاقة ببرمجة المواقع
وهى تتميز بالسهوله ويمكن لاى شخص تعلمها بسهوله
حيث يمكنك انشاء جداول وصور وعناوين وفقرات
وروابط وفيديوهات واغاني وتقسيم الصفحة ...الخ

css:
CSS هي اختصار لـ
Cascading Style Sheet
و هي تعني صفحات الأنماط الانسيابية
و تستخدم تقنية CSS في تصميم صفحات الويب
بحيث يتم من خلالها التحكم في شكل الموقع بالكامل
من حيث نوع الخط المستخدم أو لونه أو حجمه و ذلك دون الحاجة لكتابة تلك
الأكواد أو تكرارها في كل صفحة داخل الموقع
بالتالي فيمكن من خلال ملف واحد فقط إجراء أي تعديلات على كافة الملفات

javascript:
لغة JavaScript هي Object-base Scripting Language
وهي ليست لغة Java وإنما هي لغة مختلفة كُليًا تستخدم لمعالجة
او التلاعب (Maintaining) بالكائنات المرتبطة في صفحات الويبْ.
يستخدم لتحريك العناصر واضافة حيوية للموقع والتفاعل

python:
لغة Python هي لغة عالية المستوى مُفسَّرة ذات مجالٍ عام
وهي مرنةٌ وتحاول التعبير عن المفاهيم البرمجية بأقل قدر ممكن من الشيفرات
تدعم لغة Python البرمجة الكائنية والبرمجة الإجرائية
وفيها مكتبة قياسية كبيرة. بحيث يمكنك من خلال بايثون
1- برمجة مواقع عبر مكتبة دجانكو
2- تصميم تطبيقات اندرويد عبر مكتبة كيفي
3- برمجة برامج سطح المكتب عبر مكتبتي تكنتر وبايكيو5
4- يمكنك استخدام بايثون في مجال التحليل والهاكينج والامن والذكاء الاصطناعي

php :
لغة PHP (والتي هي اختصارٌ تعاودي للعبارة PHP: Hypertext Preprocessor)
هي لغةٌ مفتوحة المصدر شائعة الاستخدام لها مجال استخدامٍ عامٍ
لكنها تناسب تطوير الويب ودمج لغة HTML معها.
لذي يُميّز PHP عن الشيفرات التي تعمل في جهة العميل
مثل JavaScript هو أنَّ شيفرات PHP ستُنفَّذ على الخادم،
مما يولِّد شيفرة HTML التي ستُرسَل بعد ذلك إلى العميل
أي أنَّ العميل سيستلم ناتج تنفيذ شيفرة PHP ولن يعلم ما هي الشيفرة الأصلية التي ولَّدتها

sql:
SQL هي اختصارٌ للعبارة Structured Query Language (أي لغة الاستعلام البنوية)
وهي اللغة المستخدمة لإجراء عمليات على قواعد البيانات،
بما في ذلك إضافة أو تحديث أو حذف البيانات من قاعدة البيانات
أو لتعديل بينة قاعدة البيانات نفسها.

مواقع مهمه لمصممين المواقع ❤

موقع تختار منه نوع الخط
⁦ https://fonts.google.com⁩

موقع تختار منه صور الموقع
⁦ https://www.pexels.com/⁩

موقع تختار منه ألوان التصميم
⁦ https://coolors.co/⁩

موقع تختار منه الأيقونات
⁦ https://fontawesome.com⁩

موقع تتعلم منه تريكات تعملها بال CSS
https://css-tricks.com/

لو اي حاجه وقفت معاك وانت بتشتغل روح على الموقع هذا هتلاقي الاجابه
stackoverflow.com

طبعا وارد انك تنسى syntax خاص بكود معين ف تروح بقا على الموقع ده وهتلاقي بنية الكود الصحيحة
https://syntaxdb.com

موقع هتلاقي فيه كل الادوات اللي تحتاجها ک فرونت اند
http://frontendtools.com/

هذا موقع في ملخصات للغات برمجة كتير ممكن تحتاجه ف حطيته معاهم
http://overapi.com/

هذا موقع تعرف منه سرعة الموقع بتاعك
https://gtmetrix.com/



#Developers