موقع يلزم مطورين الفرونت و المصممين😍👋
يعطيك خلفيات منوعة وأشكال أكثر من رائعة ويمكنك التحكم في لون وحجم الاشكال داخل الخلفية وبسهولة تحمل الخلفية أما PNG أو SVG 💫
رابط الموقع👇
app.haikei.app
يعطيك خلفيات منوعة وأشكال أكثر من رائعة ويمكنك التحكم في لون وحجم الاشكال داخل الخلفية وبسهولة تحمل الخلفية أما PNG أو SVG 💫
رابط الموقع👇
app.haikei.app
🔥2❤1👍1
موقع راح يفيدك اذا أنت تبي أكواد جاهزة بس الي عليك تكتب اسم اللغة بالبحث ويطلع لك مشاريع كثيرة على نفس اللغة الي أخترت 👇🏻.
https://code-projects.org/
https://code-projects.org/
❤6👍1
كورس جافا سكريبت شامل من الصفر الى الاحتراف
https://youtube.com/playlist?list=PLYyqC4bNbCIeLEjcSPO61bsGPKEvYceb0
https://youtube.com/playlist?list=PLYyqC4bNbCIeLEjcSPO61bsGPKEvYceb0
YouTube
كورس جافا سكريبت شامل | دروس جافاسكريبت javascript من الصفر
تعلم لغة جافا سكريبت javascript تماما من الصفر و بدون أبي معرفة سابقة بالبرمجة و حتى الوصول إلى مرحلة متقدمة عن طريق هذه السلسلة المتكاملة و التي ستكون بشكل ...
🔥2👍1
👨💻🧑🏻💻👩💻 أفـضـل إضـافـات VS Code
أصبح محرر الأكواد VS Code من أشهر المحررات استخداماً بين المطورين، فهو محرر مجاني ومتعدد المنصات قامت بتطويره شركة Microsoft.
إليكم بعض أفضل الإضافات التي بإمكانك إضافتها لمحرر الأكواد هذا:
1. إضافة : Settings Sync
يُعد Settings Sync واحدًا من أفضل البرامج التي يجب أن يمتلكها كل مستخدم ويجب أن يكون له امتداد VS Code. السبب في ذلك هو أن Settings Sync ستقوم بمزامنة جميع إعدادات VS Code الخاصة بك، وربط المفاتيح، والقوالب، وقائمة اللواحق مع GitHub. هذا يُلغي الحاجة إلى إعادة تثبيت كافة الملحقات والثيمات وإعادة تكوينها في كل مرة تقوم فيها بتثبيت VS Code أو عند استخدام VS Code على أنظمة متعددة.
أفضل شيء عن Settings Sync هو أنه من السهل جدا للاستخدام. في الواقع، بعد ربطه بـ GitHub، يمكنك تحميل أو مزامنة الإعدادات باستخدام اختصار لوحة مفاتيح واحد فقط. إذا لزم الأمر، يمكنك تهيئته لتحميل أو تنزيل الإعدادات تلقائيًا.
2. إضافة : Live Server
إذا كنت من مطوري الويب أو مجرد شخص يعمل مع تقنيات الويب مثل CSS، و JavaScript، و PHP، و HTML، وما إلى ذلك، فستكون خدمة Live Server ضرورية بالنسبة لك.
ما يفعله Live Server هو أنه سيقوم بإنشاء خادم محلي داخل VS Code ويتيح لك فتح صفحات التطوير بنقرتين فقط في أي متصفح من اختيارك. لا حاجة للذهاب يدويا إلى موقع الملف وفتحه من هناك. ناهيك، عندما يكون Live Server نشطاً وعاملاً، ستتم إعادة تحميل الصفحة تلقائياً في كل مرة تقوم فيها بحفظ المستند. لذلك، إذا كنت من مطوري الويب، فأنصحك أن تجرّبها.
3. Open in Browser
كما يمكنك أن تعرف من الاسم نفسه، يسمح لك إضافة Open in Browser بفتح أي ملفات مدعومة في المتصفح الافتراضي أو في المتصفح الذي تختاره بنقرة واحدة. على الرغم من أنها ليست قوية أو غنية كامتداد Live Server، إلا أن Open in Browser يساعدك على معاينة مستند الويب بسرعة دون إنشاء مثيل للخادم في الخلفية. كما أنه خفيف الحجم إلى حد ما ويفعل ما ستفعله دون حدوث أي خلل.
4. Prettier
كما يوحي الاسم، يجعل Prettier الشفرة تبدو جميلة ويحسن إمكانية القراءة عن طريق تنسيقها بشكل صحيح وفقاً للمعايير الرسمية ومعايير الصناعة. بعد تثبيت الإضافة، يمكنك إمّا تهيئة الرمز الخاص بك عن طريق الضغط على اختصار لوحة المفاتيح أو تهيئة الامتداد من صفحة إعدادات شفرة VS لتنسيق الرمز تلقائيًا عند الحفظ. إذا لزم الأمر، يمكنك تعديل كيفية قيام Prettier بتنسيق شفرتك عن طريق تغيير الإعدادات المتنوعة مثل مساحات الجدولة، تباعد الأقواس، فاصلة الزائدة، عرض الطباعة، التفاف، إلخ.. من صفحة الإعدادات نفسها.
5. Color Info
إضافة Color Info عبارة عن ملحق بسيط للغاية، لكنه فعال يعرض معاينة كبيرة ومعلومات إضافية حول الألوان التي تستخدمها في CSS. في حال كنت تتساءل، نعم، يظهر رمز VS معاينة صغيرة من اللون الذي تستخدمه. ومع ذلك ، فإنه ليس من المفيد، لا سيما في ثيمات الظلام. تتضمن المعلومات الإضافية التي تظهرها Color Info على سبيل المثال لا الحصر قيم HSL وقيم RGB وقيمة alpha والعديد من معاينات الألوان، إلخ. معلومات الألوان تدعم CSS و SASS و SCSS و LESS.
6. Todo Highlighter
هل سبق لك أن أردت إجراء بعض التغييرات أو التحديث أو إضافة شفرة ولكن نسيت؟ ثبّت Todo Highlighter ولا يجب أن تمر بهذه المحنة مجددًا. إذا سبق لك استخدام ميزة Todo في أي بيئة تطوير متكاملة (IDE)، تعمل إضافة Todo Highlighter في VS Code بنفس الطريقة. كل ما عليك فعله هو إضافة Todo كما تفعل عادة وستكون مميزة من الشفرة العادية وتلفت انتباهك إليها.
7. Regex Preview
بصرف النظر عن عدد المرات التي أستخدم فيها التعبيرات العادية، لا أزال أرتبك معها. بصراحة، لا أستطيع كتابة التعبير العادي الخاص بي بشكل صحيح. أحد أسباب ذلك هو أنني لا أستطيع التحقق من تعامدي على الفور. وهنا يأتي دور Regex Preview لتشغيله. بعد تثبيت Regex Preview ، سيعرض Regex Preview جنباً إلى جنب. إذا كنت تلعب مع الكثير من التعبيرات العادية، فقم بتجربة Regex Preview ومعرفة ما إذا كانت تناسب احتياجاتك.
8. Git Lens
يحتوي VS Code على دعم مدمج مناسب لـ Git ويجعل استخدامه سهلاً. تلتقط Git Lens هذه الشقّة وتعزز قدرات Git المدمجة في VS Code. ما يجعل Git Lens خاص هو أنه يسهل استكشاف المستودعات واستكشاف سجل الملفات وتصور تأليف الشفرة باستخدام شرح Git Lens وعدسة الكود، يسلط الضوء على التغييرات الحديثة، إجراء البحث، مقارنة الفروع المختلفة، إلخ.. إذا كنت تستخدم Git على نطاق واسع ثم جرب Git Lens، إنه يجعل عالماً مختلفاً في سير عملك.
أصبح محرر الأكواد VS Code من أشهر المحررات استخداماً بين المطورين، فهو محرر مجاني ومتعدد المنصات قامت بتطويره شركة Microsoft.
إليكم بعض أفضل الإضافات التي بإمكانك إضافتها لمحرر الأكواد هذا:
1. إضافة : Settings Sync
يُعد Settings Sync واحدًا من أفضل البرامج التي يجب أن يمتلكها كل مستخدم ويجب أن يكون له امتداد VS Code. السبب في ذلك هو أن Settings Sync ستقوم بمزامنة جميع إعدادات VS Code الخاصة بك، وربط المفاتيح، والقوالب، وقائمة اللواحق مع GitHub. هذا يُلغي الحاجة إلى إعادة تثبيت كافة الملحقات والثيمات وإعادة تكوينها في كل مرة تقوم فيها بتثبيت VS Code أو عند استخدام VS Code على أنظمة متعددة.
أفضل شيء عن Settings Sync هو أنه من السهل جدا للاستخدام. في الواقع، بعد ربطه بـ GitHub، يمكنك تحميل أو مزامنة الإعدادات باستخدام اختصار لوحة مفاتيح واحد فقط. إذا لزم الأمر، يمكنك تهيئته لتحميل أو تنزيل الإعدادات تلقائيًا.
2. إضافة : Live Server
إذا كنت من مطوري الويب أو مجرد شخص يعمل مع تقنيات الويب مثل CSS، و JavaScript، و PHP، و HTML، وما إلى ذلك، فستكون خدمة Live Server ضرورية بالنسبة لك.
ما يفعله Live Server هو أنه سيقوم بإنشاء خادم محلي داخل VS Code ويتيح لك فتح صفحات التطوير بنقرتين فقط في أي متصفح من اختيارك. لا حاجة للذهاب يدويا إلى موقع الملف وفتحه من هناك. ناهيك، عندما يكون Live Server نشطاً وعاملاً، ستتم إعادة تحميل الصفحة تلقائياً في كل مرة تقوم فيها بحفظ المستند. لذلك، إذا كنت من مطوري الويب، فأنصحك أن تجرّبها.
3. Open in Browser
كما يمكنك أن تعرف من الاسم نفسه، يسمح لك إضافة Open in Browser بفتح أي ملفات مدعومة في المتصفح الافتراضي أو في المتصفح الذي تختاره بنقرة واحدة. على الرغم من أنها ليست قوية أو غنية كامتداد Live Server، إلا أن Open in Browser يساعدك على معاينة مستند الويب بسرعة دون إنشاء مثيل للخادم في الخلفية. كما أنه خفيف الحجم إلى حد ما ويفعل ما ستفعله دون حدوث أي خلل.
4. Prettier
كما يوحي الاسم، يجعل Prettier الشفرة تبدو جميلة ويحسن إمكانية القراءة عن طريق تنسيقها بشكل صحيح وفقاً للمعايير الرسمية ومعايير الصناعة. بعد تثبيت الإضافة، يمكنك إمّا تهيئة الرمز الخاص بك عن طريق الضغط على اختصار لوحة المفاتيح أو تهيئة الامتداد من صفحة إعدادات شفرة VS لتنسيق الرمز تلقائيًا عند الحفظ. إذا لزم الأمر، يمكنك تعديل كيفية قيام Prettier بتنسيق شفرتك عن طريق تغيير الإعدادات المتنوعة مثل مساحات الجدولة، تباعد الأقواس، فاصلة الزائدة، عرض الطباعة، التفاف، إلخ.. من صفحة الإعدادات نفسها.
5. Color Info
إضافة Color Info عبارة عن ملحق بسيط للغاية، لكنه فعال يعرض معاينة كبيرة ومعلومات إضافية حول الألوان التي تستخدمها في CSS. في حال كنت تتساءل، نعم، يظهر رمز VS معاينة صغيرة من اللون الذي تستخدمه. ومع ذلك ، فإنه ليس من المفيد، لا سيما في ثيمات الظلام. تتضمن المعلومات الإضافية التي تظهرها Color Info على سبيل المثال لا الحصر قيم HSL وقيم RGB وقيمة alpha والعديد من معاينات الألوان، إلخ. معلومات الألوان تدعم CSS و SASS و SCSS و LESS.
6. Todo Highlighter
هل سبق لك أن أردت إجراء بعض التغييرات أو التحديث أو إضافة شفرة ولكن نسيت؟ ثبّت Todo Highlighter ولا يجب أن تمر بهذه المحنة مجددًا. إذا سبق لك استخدام ميزة Todo في أي بيئة تطوير متكاملة (IDE)، تعمل إضافة Todo Highlighter في VS Code بنفس الطريقة. كل ما عليك فعله هو إضافة Todo كما تفعل عادة وستكون مميزة من الشفرة العادية وتلفت انتباهك إليها.
7. Regex Preview
بصرف النظر عن عدد المرات التي أستخدم فيها التعبيرات العادية، لا أزال أرتبك معها. بصراحة، لا أستطيع كتابة التعبير العادي الخاص بي بشكل صحيح. أحد أسباب ذلك هو أنني لا أستطيع التحقق من تعامدي على الفور. وهنا يأتي دور Regex Preview لتشغيله. بعد تثبيت Regex Preview ، سيعرض Regex Preview جنباً إلى جنب. إذا كنت تلعب مع الكثير من التعبيرات العادية، فقم بتجربة Regex Preview ومعرفة ما إذا كانت تناسب احتياجاتك.
8. Git Lens
يحتوي VS Code على دعم مدمج مناسب لـ Git ويجعل استخدامه سهلاً. تلتقط Git Lens هذه الشقّة وتعزز قدرات Git المدمجة في VS Code. ما يجعل Git Lens خاص هو أنه يسهل استكشاف المستودعات واستكشاف سجل الملفات وتصور تأليف الشفرة باستخدام شرح Git Lens وعدسة الكود، يسلط الضوء على التغييرات الحديثة، إجراء البحث، مقارنة الفروع المختلفة، إلخ.. إذا كنت تستخدم Git على نطاق واسع ثم جرب Git Lens، إنه يجعل عالماً مختلفاً في سير عملك.
❤2👍2
9. Path Intellisense
في تطوير الويب، من الشائع جدًا ربط أنواع مختلفة من الملفات مثل CSS و JS في مستندات مثل HTML و PHP. على الرغم من أنه ليس من الصعب كتابة مسار الملف، إلا أن القليل من المساعدة في شكل الإكمال التلقائي يمكن أن تقطع شوطا طويلا. Path Intellisense يفعل ذلك بالضبط. بمعنى، إنه يُكمل تلقائياً اسم الملف ومساره بحيث لا تضطر إلى التفكير مرتين في مسار الملف أو اسمه.
10. CSS Peek
يحتوي رمز VS على ميزة أنيقة تسمى Go To Definition و Go To Type Definition التي تأخذك إلى تعريف الأسلوب أو نوع الرمز. يأخذ CSS Peek الأمر إلى أعلى ويظهر لك معاينة للغة CSS تستخدم في وثيقتك. يعد هذا مفيداً تماماً حيث لا يلزمك مغادرة المستند الحالي لمجرد معرفة ما تفعله بفئة أو معرف CSS المحدد. إذا كنت مصمم ويب، فإن CSS Peek هي واحدة من تلك الإضافات التي لا بد من امتلاكها لـ VS Code.
11. Markdown All in One
يتيح لك Markdown All in One إنشاء ملفات readme أو نص منسق وتحريره بسرعة باستخدام Markdown مباشرة داخل رمز VS. أفضل شيء عن Markdown All in One هو أنه يمكن أن تظهر معاينة حية ويكون الاستخدام بديهي جداً.
12. Bookmarks
إذا كنت تكتب الكثير من التعليمات البرمجية، فمن الطبيعي أن تنتقل بين بعض الأجزاء المهمة مراراً وتكراراً. على الرغم من أن رمز VS يحتوي على أرقام خطية، إلا أنه يجعل حياتك أسهل إذا كنت تستطيع تمييز هذه الخطوط المهمة. تعمل إضافة Bookmarks بالضبط بحيث يمكنك بسهولة تمييز المواضع المهمة والتنقل بينها بسرعة وسهولة.
13. Bracket Pair Colorize
كما يمكنك أن تستخلص من الاسم نفسه، يجعل Color Color Pair Colorizer من السهل تحديد الأقواس المتطابقة. ليس فقط أنها ستطابق الأقواس مع الألوان بل ستسلط الضوء أيضاً على كتلة الشفرة بأكملها داخل الأقواس حتى تعرف مكانك. عندما تقوم بإنشاء حلقات متداخلة أو إذا كانت عبارات، فسيساعدك Bracket Pair Colorizer كثيراً.
14 - VSCode Great Icons
إضافة تقوم بتنصيبها لتقوم بدورها في تغيير شكل الأيقونات الخاصة بالملفات الموجودة على يسار المحرر.
15 - Auto Rename Tag
تساعد هذه الإضافة مبرمجين لغة HTML تحديداً وذلك من خلال تطبيق أي تغييرات على أسماء الوسوم وتطبيقها على كل من وسم الفتح والإغلاق تلقائياً.
16 - Autoprefixer
تقوم هذه الإضافة بإضافة دعم المتصفحات الأخرى للكود الذي كتبته بلغة الـ CSS وذلك من خلال اكتشاف الأسطر التي تحتاج إلى هذه العملية من أجل أن تعمل بشكل سليم في المتصفحات الأخرى.
17 - Auto Close Tag
تساعد هذه الإضافة الأشخاص الذين يعملون بلغة البرمجة HTML حيث تقوم بإغلاق الوسم الذي تقوم بفتحه تلقائياً دون الحاجة لإغلاقه بالطريقة اليدوية التي تكون في بعض الأحيان مزعجة على كل مبرمج.
18 - One Monokai Theme
تتيح لك هذه الإضافة إمكانية تغيير ألوان المحرر بالكامل، بما في ذلك ألوان الأكواد.
19 - Apache conf
تساعدك هذه الإضافة على تلوين ملفات الـ htaccess الخاصة بسيرفرات الـ Apache حيث يظهر هذا النوع من الأكواد على شكل نص عادي باللون الرمادي وجاءت هذه الإضافة لجعله شبيه بباقي الأكواد من ناحية التلوين.
20 - CSS Formatter
إن الوضيفة الأساسية لهذه الإضافة هي عملية ترتيب أكواد الـ CSS من خلال إضافة مسافات لجعل الكود أجمل وقابل للقراءة.
21 - PHP Formatter
تعمل هذه الإضافة نفس عمل الإضافة التي قبلها، حيث تقوم بترتيب الأكواد المكتوبة بلغة البرمجة PHP من أجل جعلها تبدو أجمل وقابلة للقراءة.
22 - JS & CSS Minifier
تقوم هذه الأداة بضغط ملفات الـ CSS والـ JavaScript لجعلها أصغر حجماً لكي يتم إستخدامها في مشاريعك التي تحتاج فيها تحميل ملفات أصغر حجماً من ما هي عليه.
23 - VScode-icons
واحدة من الأدوات التي تضيف لمسة رائعة إلى برنامج visual studio code، نعلم أن إضافة الأيقونات لا تحدث فرقاً كبيراً، لكن إضافة مجموعة من الألوان والأيقونات الصغيرة اللطيفة إلى واجهة المحرّر الذي تستخدمه تضفي بعض الراحة على بيئة العمل وتساعد على التنقّل بين الملفات والمجلدات بشكل أسرع.
24 - Icon Fonts
إذا كنت تستخدم الرموز والأيقونات في عملك البرمجي، فإنّ أداة Icon Fonts تقدّم مجموعة متنوّعة من الأيقونات، بما في ذلك حزمة أيقونات Font Awesome v5 الشهيرة، أي لن تحتاج إلى البحث في موقع Font Awesome لاستخراج الرمز الخاص بأيقونة معينة، وأيضاً بالنسبة لأولئك الذين لا يستخدمون VS Code، تتوفّر هذه الإضافة في كل من Atom و Sublime Text.
25 - Remote – SSH
تتيح لك أداة Remote SSH إمكانية استخدام أي جهاز بعيد مع خادم SSH كبيئة تطوير، تساعد هذه الأداة في اكتشاف الأخطاء وإصلاحها في مجموعة متنوعة من السيناريوهات، لن تحتاج كذلك إلى إضافة الكود الأساسي على جهازك، فالأداة تقوم بتشغيل الأوامر والإضافات الأخرى مباشرةً على الجهاز الآخر بعد الاتصال عن بعد.
في تطوير الويب، من الشائع جدًا ربط أنواع مختلفة من الملفات مثل CSS و JS في مستندات مثل HTML و PHP. على الرغم من أنه ليس من الصعب كتابة مسار الملف، إلا أن القليل من المساعدة في شكل الإكمال التلقائي يمكن أن تقطع شوطا طويلا. Path Intellisense يفعل ذلك بالضبط. بمعنى، إنه يُكمل تلقائياً اسم الملف ومساره بحيث لا تضطر إلى التفكير مرتين في مسار الملف أو اسمه.
10. CSS Peek
يحتوي رمز VS على ميزة أنيقة تسمى Go To Definition و Go To Type Definition التي تأخذك إلى تعريف الأسلوب أو نوع الرمز. يأخذ CSS Peek الأمر إلى أعلى ويظهر لك معاينة للغة CSS تستخدم في وثيقتك. يعد هذا مفيداً تماماً حيث لا يلزمك مغادرة المستند الحالي لمجرد معرفة ما تفعله بفئة أو معرف CSS المحدد. إذا كنت مصمم ويب، فإن CSS Peek هي واحدة من تلك الإضافات التي لا بد من امتلاكها لـ VS Code.
11. Markdown All in One
يتيح لك Markdown All in One إنشاء ملفات readme أو نص منسق وتحريره بسرعة باستخدام Markdown مباشرة داخل رمز VS. أفضل شيء عن Markdown All in One هو أنه يمكن أن تظهر معاينة حية ويكون الاستخدام بديهي جداً.
12. Bookmarks
إذا كنت تكتب الكثير من التعليمات البرمجية، فمن الطبيعي أن تنتقل بين بعض الأجزاء المهمة مراراً وتكراراً. على الرغم من أن رمز VS يحتوي على أرقام خطية، إلا أنه يجعل حياتك أسهل إذا كنت تستطيع تمييز هذه الخطوط المهمة. تعمل إضافة Bookmarks بالضبط بحيث يمكنك بسهولة تمييز المواضع المهمة والتنقل بينها بسرعة وسهولة.
13. Bracket Pair Colorize
كما يمكنك أن تستخلص من الاسم نفسه، يجعل Color Color Pair Colorizer من السهل تحديد الأقواس المتطابقة. ليس فقط أنها ستطابق الأقواس مع الألوان بل ستسلط الضوء أيضاً على كتلة الشفرة بأكملها داخل الأقواس حتى تعرف مكانك. عندما تقوم بإنشاء حلقات متداخلة أو إذا كانت عبارات، فسيساعدك Bracket Pair Colorizer كثيراً.
14 - VSCode Great Icons
إضافة تقوم بتنصيبها لتقوم بدورها في تغيير شكل الأيقونات الخاصة بالملفات الموجودة على يسار المحرر.
15 - Auto Rename Tag
تساعد هذه الإضافة مبرمجين لغة HTML تحديداً وذلك من خلال تطبيق أي تغييرات على أسماء الوسوم وتطبيقها على كل من وسم الفتح والإغلاق تلقائياً.
16 - Autoprefixer
تقوم هذه الإضافة بإضافة دعم المتصفحات الأخرى للكود الذي كتبته بلغة الـ CSS وذلك من خلال اكتشاف الأسطر التي تحتاج إلى هذه العملية من أجل أن تعمل بشكل سليم في المتصفحات الأخرى.
17 - Auto Close Tag
تساعد هذه الإضافة الأشخاص الذين يعملون بلغة البرمجة HTML حيث تقوم بإغلاق الوسم الذي تقوم بفتحه تلقائياً دون الحاجة لإغلاقه بالطريقة اليدوية التي تكون في بعض الأحيان مزعجة على كل مبرمج.
18 - One Monokai Theme
تتيح لك هذه الإضافة إمكانية تغيير ألوان المحرر بالكامل، بما في ذلك ألوان الأكواد.
19 - Apache conf
تساعدك هذه الإضافة على تلوين ملفات الـ htaccess الخاصة بسيرفرات الـ Apache حيث يظهر هذا النوع من الأكواد على شكل نص عادي باللون الرمادي وجاءت هذه الإضافة لجعله شبيه بباقي الأكواد من ناحية التلوين.
20 - CSS Formatter
إن الوضيفة الأساسية لهذه الإضافة هي عملية ترتيب أكواد الـ CSS من خلال إضافة مسافات لجعل الكود أجمل وقابل للقراءة.
21 - PHP Formatter
تعمل هذه الإضافة نفس عمل الإضافة التي قبلها، حيث تقوم بترتيب الأكواد المكتوبة بلغة البرمجة PHP من أجل جعلها تبدو أجمل وقابلة للقراءة.
22 - JS & CSS Minifier
تقوم هذه الأداة بضغط ملفات الـ CSS والـ JavaScript لجعلها أصغر حجماً لكي يتم إستخدامها في مشاريعك التي تحتاج فيها تحميل ملفات أصغر حجماً من ما هي عليه.
23 - VScode-icons
واحدة من الأدوات التي تضيف لمسة رائعة إلى برنامج visual studio code، نعلم أن إضافة الأيقونات لا تحدث فرقاً كبيراً، لكن إضافة مجموعة من الألوان والأيقونات الصغيرة اللطيفة إلى واجهة المحرّر الذي تستخدمه تضفي بعض الراحة على بيئة العمل وتساعد على التنقّل بين الملفات والمجلدات بشكل أسرع.
24 - Icon Fonts
إذا كنت تستخدم الرموز والأيقونات في عملك البرمجي، فإنّ أداة Icon Fonts تقدّم مجموعة متنوّعة من الأيقونات، بما في ذلك حزمة أيقونات Font Awesome v5 الشهيرة، أي لن تحتاج إلى البحث في موقع Font Awesome لاستخراج الرمز الخاص بأيقونة معينة، وأيضاً بالنسبة لأولئك الذين لا يستخدمون VS Code، تتوفّر هذه الإضافة في كل من Atom و Sublime Text.
25 - Remote – SSH
تتيح لك أداة Remote SSH إمكانية استخدام أي جهاز بعيد مع خادم SSH كبيئة تطوير، تساعد هذه الأداة في اكتشاف الأخطاء وإصلاحها في مجموعة متنوعة من السيناريوهات، لن تحتاج كذلك إلى إضافة الكود الأساسي على جهازك، فالأداة تقوم بتشغيل الأوامر والإضافات الأخرى مباشرةً على الجهاز الآخر بعد الاتصال عن بعد.
🔥2👍1
26 - JavaScript Code Snippets
بينما يشتمل VSCode على JS IntelliSense باعتبارها أداة مدمجة مع التطبيق، فإن JS Code Snippets تعزّز هذه التجربة عن طريق إضافة عدد كبير من الميّزات الرائعة والمفيدة، وقد قام بتثبيت هذه الإضافة أكثر من 5 ملايين مستخدم وتملك تصنيف 5 من 5 على متجر ملحقات VSCode، تدعم هذه الإضافة كلاَ من JS و TypeScript و JS React و TS React و HTML و Vue.
27 - ESLint
كانت JSLint أول أداة Linter خاصّة بلغة JavaScript ولكن أصبحت تلك الأداة قديمة ولم تدعم تطورات JavaScript بعد ES5 كما أنها تحتوي على العديد من العيوب والأخطاء، الآن ظهرت أداة ESLint وهي نسخة مطوّرة مع المزيد من الميّزات الرائعة، هذه الأداة ببساطة تقوم بتحليل الكود البرمجي باستعمال مجموعة من القواعد لتقديم اقتراحات تهدف إلى تحسين الكود.
28 - Peacock
هي أداة رائعة ولطيفة تتيح لك تغيير لون بيئة العمل على برنامج Visual Studio Code، بحيث يمكنك بسرعة تحديد واجهة العمل أو المشروع الذي قمت بالانتقال منه للتو، تعتبر الأداة مثالية عندما يكون لديك مشاريع متعددة على VS Code أو تستخدم VS Live Share وتريد الوصول إلى المحرّر الذي تعمل عليه بسرعة.
29 - SQL Server
من الأدوات والإضافات المفيدة بالنسبة لجميع المبرمجين الذين يتعاملون مع قواعد البيانات SQL، تقوم الأداة بمساعدتك في تجربة الاستفسارات Queries والتحقّق من صحتها قبل إدراجها في البرنامج الذي تعمل عليه، ويمكن اعتبار هذه الأداة من أفضل الأدوات التي يحتاجها جميع المبرمجين الذين يعملون في تطوير المواقع التي تعتمد على قواعد البيانات حيث تسمح بإدارة قواعد البيانات وتحويل محرّر VS Code إلى سيرفر قواعد بيانات متكامل.
30 - Debugger for Chrome
يساعد Debugger for Chrome المطورين الذين يفضلون استكشاف أخطاء الشيفرة في أثناء وقت التشغيل. هناك عدد من المزايا المفيدة، بما فيها القدرة على ضبط نقاط توقف (breakpoints) في الشيفرة ونقاط المراقبة والطرفية. بالإضافة إلى ذلك، يمكنك اختيار تشغيل نسخة من متصفح Chrome من داخل VS Code أو إلحاق المصحّح بنسخة من المتصفح تعمل بصورة منفصلة.
31 - React Native Tools
أداة React هي من أكثر مكتبات JavaScript المثيرة للاهتمام، لدرجة أن محرِّر ووردبريس الجديد Gutenberg مؤسس عليه. إضافة React Native Tools تعتبر ضرورية بالنسبة لك. فهي تعطيك القدرة على تشغيل أوامر React Native وتساعدك على اكتشاف أخطاء البرامج.
32 - One Dark Pro
حين تتعامل مع الشيفرة، من المفيد أن يكون لديك محرّر ذو مظهر جذاب ومريح في آنٍ واحد. الشيفرة قد تستمر لساعات متواصلة. يُحضر One Dark Pro قالب “One Dark” الشهير من محرّر Atom إلى VS Code. وبذلك تحصل على هذا المظهر المألوف الرائع مع مميزات تطبيق Microsoft مفتوح المصدر.
33 - Quokka
إضافة Quokka تساعدك لعمل Debugging بشكل سهل ومباشر على الكود الذي تكتبه. فهي تُظهر لك نتيجة المتغيرات وخرج الدوال. فهذه الإضافة سهلت الإعدادت وتشتغل مع JSX و TypeScript.
34 - Faker
أداة Faker هي أداة تتيح لك إضافة بيانات تجريبية –وهمية- بشكل سريع، فتستطيتع توليد الأسماء، العنواين، الصور، أرقام الهواتف، وكذلك جمل إنشائية بشكل عشوائي. وتحتوي على تصنيفات متعددة مع إمكانية التحكم في البيانات حسب الحاجة.
35 - HTML Boilerplate
إضافة HTML Boilerplate ستختصر الوقت أثناء كتابة وسم head و body، فبعد تثبيت هذه الإضافة يكفيك كتابة html والضغط على زر Tab وسيتم توليد هيكلة لصفحة HTML كاملة.
36 - Color Info
إضافة صغيرة تمكنك من عرض المعلومات الخاصة بالألوان في CSS. يكفي فقط تمرر الفأرة على رمز الكود الخاص باللون لتظهر لك نافذة بها كافة المعلومات المتعلقة بهذا اللون.
37 - SVG Viewer
ستتيح لك هذه الإضافة فتح صيغ الصور SVG بشكل مباشر بدون الاستعانة ببرنامج خارجي. مع إمكانية تحويلها إلى صيغة PNG وإنشاء رابط URI لها.
38 - Minify
إضافة مهمة ستحتاجها أثناء عملية الإنتاج، فهي تمكنك من إنتاج ملفات مصغرة minify لملفاتك، هذه الإضافة تدعم JavaScript، CSS، وكذلك HTML.
39 - Change Case
يُخول لك VSCode تحويل النصوص من النصوص ذات الأحرف الصغيرة lowercase إلى الأحرف الكبيرة uppercase أو العكس. لكنه لا يتوفر على أي تحويل متقدم للنصوص، لكن إضافة Change Case سيمكنك عمل تغييرات أكثر على النصوص، كعمل camelCase، kebab-case، snake_case وغيرها من الأنماط الأخرى.
40 - Regex Previewer
إضافة رائعة للتعابير القياسية Regex، فهي تمكنك من تجربة التعبير القياسي بشكل مباشر على النصوص، مع تحديد كل النصوص التي ينطبق عليها هذا التعبير القياسي Regex .
بينما يشتمل VSCode على JS IntelliSense باعتبارها أداة مدمجة مع التطبيق، فإن JS Code Snippets تعزّز هذه التجربة عن طريق إضافة عدد كبير من الميّزات الرائعة والمفيدة، وقد قام بتثبيت هذه الإضافة أكثر من 5 ملايين مستخدم وتملك تصنيف 5 من 5 على متجر ملحقات VSCode، تدعم هذه الإضافة كلاَ من JS و TypeScript و JS React و TS React و HTML و Vue.
27 - ESLint
كانت JSLint أول أداة Linter خاصّة بلغة JavaScript ولكن أصبحت تلك الأداة قديمة ولم تدعم تطورات JavaScript بعد ES5 كما أنها تحتوي على العديد من العيوب والأخطاء، الآن ظهرت أداة ESLint وهي نسخة مطوّرة مع المزيد من الميّزات الرائعة، هذه الأداة ببساطة تقوم بتحليل الكود البرمجي باستعمال مجموعة من القواعد لتقديم اقتراحات تهدف إلى تحسين الكود.
28 - Peacock
هي أداة رائعة ولطيفة تتيح لك تغيير لون بيئة العمل على برنامج Visual Studio Code، بحيث يمكنك بسرعة تحديد واجهة العمل أو المشروع الذي قمت بالانتقال منه للتو، تعتبر الأداة مثالية عندما يكون لديك مشاريع متعددة على VS Code أو تستخدم VS Live Share وتريد الوصول إلى المحرّر الذي تعمل عليه بسرعة.
29 - SQL Server
من الأدوات والإضافات المفيدة بالنسبة لجميع المبرمجين الذين يتعاملون مع قواعد البيانات SQL، تقوم الأداة بمساعدتك في تجربة الاستفسارات Queries والتحقّق من صحتها قبل إدراجها في البرنامج الذي تعمل عليه، ويمكن اعتبار هذه الأداة من أفضل الأدوات التي يحتاجها جميع المبرمجين الذين يعملون في تطوير المواقع التي تعتمد على قواعد البيانات حيث تسمح بإدارة قواعد البيانات وتحويل محرّر VS Code إلى سيرفر قواعد بيانات متكامل.
30 - Debugger for Chrome
يساعد Debugger for Chrome المطورين الذين يفضلون استكشاف أخطاء الشيفرة في أثناء وقت التشغيل. هناك عدد من المزايا المفيدة، بما فيها القدرة على ضبط نقاط توقف (breakpoints) في الشيفرة ونقاط المراقبة والطرفية. بالإضافة إلى ذلك، يمكنك اختيار تشغيل نسخة من متصفح Chrome من داخل VS Code أو إلحاق المصحّح بنسخة من المتصفح تعمل بصورة منفصلة.
31 - React Native Tools
أداة React هي من أكثر مكتبات JavaScript المثيرة للاهتمام، لدرجة أن محرِّر ووردبريس الجديد Gutenberg مؤسس عليه. إضافة React Native Tools تعتبر ضرورية بالنسبة لك. فهي تعطيك القدرة على تشغيل أوامر React Native وتساعدك على اكتشاف أخطاء البرامج.
32 - One Dark Pro
حين تتعامل مع الشيفرة، من المفيد أن يكون لديك محرّر ذو مظهر جذاب ومريح في آنٍ واحد. الشيفرة قد تستمر لساعات متواصلة. يُحضر One Dark Pro قالب “One Dark” الشهير من محرّر Atom إلى VS Code. وبذلك تحصل على هذا المظهر المألوف الرائع مع مميزات تطبيق Microsoft مفتوح المصدر.
33 - Quokka
إضافة Quokka تساعدك لعمل Debugging بشكل سهل ومباشر على الكود الذي تكتبه. فهي تُظهر لك نتيجة المتغيرات وخرج الدوال. فهذه الإضافة سهلت الإعدادت وتشتغل مع JSX و TypeScript.
34 - Faker
أداة Faker هي أداة تتيح لك إضافة بيانات تجريبية –وهمية- بشكل سريع، فتستطيتع توليد الأسماء، العنواين، الصور، أرقام الهواتف، وكذلك جمل إنشائية بشكل عشوائي. وتحتوي على تصنيفات متعددة مع إمكانية التحكم في البيانات حسب الحاجة.
35 - HTML Boilerplate
إضافة HTML Boilerplate ستختصر الوقت أثناء كتابة وسم head و body، فبعد تثبيت هذه الإضافة يكفيك كتابة html والضغط على زر Tab وسيتم توليد هيكلة لصفحة HTML كاملة.
36 - Color Info
إضافة صغيرة تمكنك من عرض المعلومات الخاصة بالألوان في CSS. يكفي فقط تمرر الفأرة على رمز الكود الخاص باللون لتظهر لك نافذة بها كافة المعلومات المتعلقة بهذا اللون.
37 - SVG Viewer
ستتيح لك هذه الإضافة فتح صيغ الصور SVG بشكل مباشر بدون الاستعانة ببرنامج خارجي. مع إمكانية تحويلها إلى صيغة PNG وإنشاء رابط URI لها.
38 - Minify
إضافة مهمة ستحتاجها أثناء عملية الإنتاج، فهي تمكنك من إنتاج ملفات مصغرة minify لملفاتك، هذه الإضافة تدعم JavaScript، CSS، وكذلك HTML.
39 - Change Case
يُخول لك VSCode تحويل النصوص من النصوص ذات الأحرف الصغيرة lowercase إلى الأحرف الكبيرة uppercase أو العكس. لكنه لا يتوفر على أي تحويل متقدم للنصوص، لكن إضافة Change Case سيمكنك عمل تغييرات أكثر على النصوص، كعمل camelCase، kebab-case، snake_case وغيرها من الأنماط الأخرى.
40 - Regex Previewer
إضافة رائعة للتعابير القياسية Regex، فهي تمكنك من تجربة التعبير القياسي بشكل مباشر على النصوص، مع تحديد كل النصوص التي ينطبق عليها هذا التعبير القياسي Regex .
🔥4👍1
15 منصة عربية تقدم دورات مجانية 💯
1-منصة إدراك
2-منصة رواق
3-منصة ندرس
4-منصة مهارة
5-منصة سديم
6-منصة زادي
7-منصة دروب
8-منصة كورسات
9-منصة ادلال
10-منصة نفهم
11-منصة تمكين
12-منصة معارف
13-مهارات من جوجل
14-منصة كورساتي
15-اكاديمية حسوب
★ أغلبها تقدم شهادات مجانية نهاية الدورة - وبعضها مدفوع.
1-منصة إدراك
2-منصة رواق
3-منصة ندرس
4-منصة مهارة
5-منصة سديم
6-منصة زادي
7-منصة دروب
8-منصة كورسات
9-منصة ادلال
10-منصة نفهم
11-منصة تمكين
12-منصة معارف
13-مهارات من جوجل
14-منصة كورساتي
15-اكاديمية حسوب
★ أغلبها تقدم شهادات مجانية نهاية الدورة - وبعضها مدفوع.
🔥4❤2👍1
اكبر مكتبة للـ CSS generators 🤩
لازم تكون في مفضلة كل مبرمج فرونت اند👇🏻✨
https://dev.to/lissy93/super-useful-css-resources-1ba3
لازم تكون في مفضلة كل مبرمج فرونت اند👇🏻✨
https://dev.to/lissy93/super-useful-css-resources-1ba3
DEV Community
Super Useful CSS Resources 🌈
The ultimate list of 70+ web-based CSS tools that every frontend developer should have bookmarked!
❤2👍1
موقع DevChallenges رهيب للي بيتعلم ويطور مهاراته بال FrontEnd .. يعطيك تحديات وانت تسويها 😍
كل اللي عليك تختار تحدي وتشوف المطلوب منه وبتحصل التفاصيل لكل تحدي ✅
https://devchallenges.io/
كل اللي عليك تختار تحدي وتشوف المطلوب منه وبتحصل التفاصيل لكل تحدي ✅
https://devchallenges.io/
devChallenges
devChallenges | Real-life Projects To Practice Your Skills And Land A Job
devChallenges is the best online platform to practice to code and quickly land a job. Work on real-life projects, get a job as a front-end engineer, and build your portfolio!
👍2🔥1
5 مواقع مجانية لتحميل الموك أب Mockup
✅️ mockupsforfree.com
✅️ mockupworld.co
✅️ graphicburger.com
✅️ zippypixels.com
✅️ pixeden.com
✅️ mockupsforfree.com
✅️ mockupworld.co
✅️ graphicburger.com
✅️ zippypixels.com
✅️ pixeden.com
❤1👍1
ما هي البرمجة ؟ وما هي فائدتها ؟ ومن أين أبدأ بتعلم البرمجة ؟
البرمجة بشكل عام بتفيدنا بكل شيء في حياتنا اليومية بهذا الوقت ،
البرمجة هي أنك تبرمج شيء عشان يساعدك في عملية معينة ، بحيث أنت تعطيه الأوامر وهو رح ينفذلك الأوامر.
جميع أجهزة الأكترونيات التي من حولنا تم برمجتها مسبقاً لكي تعمل ،
فهي لا تعمل عن طريق الصدفة ،
مثال ( أجهزة التلفاز ، أجهزة الطباعة ، جميع جهاز الكتروني هو جهاز تم صناعته وبرمجته عشان يساعدنا في مهمة معينة )
وكذلك البرامج الموجودة في أجهزة الحاسوب عملناها عشان تساعدنا في حياتنا اليومية (برامج الأوفيس ، برامج التصميم ، البرامج الهندسية ، ،،،،،،، أي برنامج حاسوبي هو برنامج يعمل لكي يساعدنا في عملية معينة ، )
احنا كبشر عملنا الحاسوب عشان نقدر من خلاله نعمل برامج تساعدنا في حياتنا اليومية بحيث نعطيه الأوامر وهو ينفذلنا الأوامر.
احنا كبشر عملنا الآلة الحاسبة عشان تساعدنا في العمليات الحسابية والالة الحاسبة لا تعمل عن طريق الصدفة ، اكيد تم برمجتها مسبقا ،
ومن ثم قام البشر بتطوير برامج حسابية تقوم بحل معادلات رياضية معقدة ،
احنا كبشر عملنا محرك البحث كوكل عشان نسهل عملية البحث عن الاشياء اللي بنحتاجها في حياتنا اليومية ، والغوغل اكيد لا يعمل عن طريق الصدفة فهو برنامج تمت برمجته مسبقا ،
موقع امازون ، موقع فيسبوك ، موقع يوتيوب ،،،،،،، جميع هذه المواقع الإلكترونية هي برامج عملناها عشان تسهل علينا الحياة اليومية ،
لكن البشر بنفس الوقت طماعين جدا ، فكل شخص يعمل برنامج معين مبيعطيه للناس مجاناا ، يا أما بفلوس عشان يكسب شوية مصاري ،
أو يقدمه مجاناا ويحط فيه إعلانات ترويجية واصحاب هذه الإعلانات بيعطوا الأموال لهذا الشخص على حسب الأشخاص الذين شاركوا في الدخول إلى هذا الإعلان ،
بأختصار ، اغلب الناس في هذا الوقت بدها تتعلم البرمجة عشان الفلوس لأن من خلالها إذا كنت مبرمج ذكي بتقدر تصير أغنى شخص في العالم لو استخدمت ذكاءك بشكل صحيح ،
ممكن تخطر على بالك فكرة وبسبب هذه الفكرة تصير ملياردير ،
على سبيل المثال : صاحب لعبة PUBG Mobile ،
حيث أن في هذه اللعبة يوجد أسلحة وبدلات لا تستطيع استخدمها مجانا ، يجب أن تدفع الأموال لكي تستطيع استخدامها ،
صاحب اللعبة أصبح ملياردير بسبب هذه اللعبة رغم ، هي صحيح مجانية لكن قدر يكسب بسببها المليارات بسبب ذكاءه في تصنيع اللعبة ،
وكذلك الحال مع اصحاب شركة فيسبوك و غوغل ومايكروسوفت وغيرهم ،
صاروا أغنى البشر على الأرض بسبب تطبيقات مثل فيسبوك وواتساب غوغل ويوتيوب وغيرها من التطبيقات ،
يعني بأختصار البرمجة أنت بتقدر من خلالها تحقق فائدتين ،
الأولى : أنك تبرمج برامج عشان تساعدك في حياتك اليومية .
الثانية : أنك تبرمج برامج عشان تكسب فلوس ، يعني أنت تبرمج تطبيق معين سواء كان لعبة أو برنامج خدمي وبعدين تقدمه للناس يا أما بشكل مدفوع وبهاي الطريقة رح تربح ، أو بشكل مجاني وتحط فيه إعلانات ترويجية لجهات معينة وبهاي الطريقة أيضا رح تكسب مصاري ،
أو تقدر تحصل على وظيفة في شركة معينة وتساعدهم وبالمقابل أنت رح تكسب مصاري ،
هاي هية قصة البرمجة في هذا الوقت
ولو حابب تبدأ في هذا المجال أنصحك بهذه الكورسات والكتب التعليمية مجانا..
كورس تعلم بايثون:
https://www.devalisy.com/2021/10/learn-python-2021.html
تطبيق تعلم البرمجة2022
https://www.devalisy.com/2019/04/blog-post_59.html
كتاب تعلم الذكاء الاصطناعيpdf
https://www.devalisy.com/2021/06/Pdf-intelligence-material.html
كتب لتعلم البرمجة من الصفر للمبتدئينpdf للغات التالية.✅
++C
C
C#
Java
JavaScript
Python
رابط تحميل جميع الكتب:
https://www.devalisy.com/2021/05/Books-to-learn-programming.html
البرمجة بشكل عام بتفيدنا بكل شيء في حياتنا اليومية بهذا الوقت ،
البرمجة هي أنك تبرمج شيء عشان يساعدك في عملية معينة ، بحيث أنت تعطيه الأوامر وهو رح ينفذلك الأوامر.
جميع أجهزة الأكترونيات التي من حولنا تم برمجتها مسبقاً لكي تعمل ،
فهي لا تعمل عن طريق الصدفة ،
مثال ( أجهزة التلفاز ، أجهزة الطباعة ، جميع جهاز الكتروني هو جهاز تم صناعته وبرمجته عشان يساعدنا في مهمة معينة )
وكذلك البرامج الموجودة في أجهزة الحاسوب عملناها عشان تساعدنا في حياتنا اليومية (برامج الأوفيس ، برامج التصميم ، البرامج الهندسية ، ،،،،،،، أي برنامج حاسوبي هو برنامج يعمل لكي يساعدنا في عملية معينة ، )
احنا كبشر عملنا الحاسوب عشان نقدر من خلاله نعمل برامج تساعدنا في حياتنا اليومية بحيث نعطيه الأوامر وهو ينفذلنا الأوامر.
احنا كبشر عملنا الآلة الحاسبة عشان تساعدنا في العمليات الحسابية والالة الحاسبة لا تعمل عن طريق الصدفة ، اكيد تم برمجتها مسبقا ،
ومن ثم قام البشر بتطوير برامج حسابية تقوم بحل معادلات رياضية معقدة ،
احنا كبشر عملنا محرك البحث كوكل عشان نسهل عملية البحث عن الاشياء اللي بنحتاجها في حياتنا اليومية ، والغوغل اكيد لا يعمل عن طريق الصدفة فهو برنامج تمت برمجته مسبقا ،
موقع امازون ، موقع فيسبوك ، موقع يوتيوب ،،،،،،، جميع هذه المواقع الإلكترونية هي برامج عملناها عشان تسهل علينا الحياة اليومية ،
لكن البشر بنفس الوقت طماعين جدا ، فكل شخص يعمل برنامج معين مبيعطيه للناس مجاناا ، يا أما بفلوس عشان يكسب شوية مصاري ،
أو يقدمه مجاناا ويحط فيه إعلانات ترويجية واصحاب هذه الإعلانات بيعطوا الأموال لهذا الشخص على حسب الأشخاص الذين شاركوا في الدخول إلى هذا الإعلان ،
بأختصار ، اغلب الناس في هذا الوقت بدها تتعلم البرمجة عشان الفلوس لأن من خلالها إذا كنت مبرمج ذكي بتقدر تصير أغنى شخص في العالم لو استخدمت ذكاءك بشكل صحيح ،
ممكن تخطر على بالك فكرة وبسبب هذه الفكرة تصير ملياردير ،
على سبيل المثال : صاحب لعبة PUBG Mobile ،
حيث أن في هذه اللعبة يوجد أسلحة وبدلات لا تستطيع استخدمها مجانا ، يجب أن تدفع الأموال لكي تستطيع استخدامها ،
صاحب اللعبة أصبح ملياردير بسبب هذه اللعبة رغم ، هي صحيح مجانية لكن قدر يكسب بسببها المليارات بسبب ذكاءه في تصنيع اللعبة ،
وكذلك الحال مع اصحاب شركة فيسبوك و غوغل ومايكروسوفت وغيرهم ،
صاروا أغنى البشر على الأرض بسبب تطبيقات مثل فيسبوك وواتساب غوغل ويوتيوب وغيرها من التطبيقات ،
يعني بأختصار البرمجة أنت بتقدر من خلالها تحقق فائدتين ،
الأولى : أنك تبرمج برامج عشان تساعدك في حياتك اليومية .
الثانية : أنك تبرمج برامج عشان تكسب فلوس ، يعني أنت تبرمج تطبيق معين سواء كان لعبة أو برنامج خدمي وبعدين تقدمه للناس يا أما بشكل مدفوع وبهاي الطريقة رح تربح ، أو بشكل مجاني وتحط فيه إعلانات ترويجية لجهات معينة وبهاي الطريقة أيضا رح تكسب مصاري ،
أو تقدر تحصل على وظيفة في شركة معينة وتساعدهم وبالمقابل أنت رح تكسب مصاري ،
هاي هية قصة البرمجة في هذا الوقت
ولو حابب تبدأ في هذا المجال أنصحك بهذه الكورسات والكتب التعليمية مجانا..
كورس تعلم بايثون:
https://www.devalisy.com/2021/10/learn-python-2021.html
تطبيق تعلم البرمجة2022
https://www.devalisy.com/2019/04/blog-post_59.html
كتاب تعلم الذكاء الاصطناعيpdf
https://www.devalisy.com/2021/06/Pdf-intelligence-material.html
كتب لتعلم البرمجة من الصفر للمبتدئينpdf للغات التالية.✅
++C
C
C#
Java
JavaScript
Python
رابط تحميل جميع الكتب:
https://www.devalisy.com/2021/05/Books-to-learn-programming.html
تعلم من أجلك-Learn For You
المسار الشامل لإتقان بايثون- دورتك المجانية لتعلم لغة البرمجة Python من الألف إلى الياء
المسار الشامل لإتقان بايثون- دورتك المجانية لتعلم لغة البرمجة Python من الألف إلى الياء
•دورة بايثون من الصفر إلى الاحتراف
•كورس بايثون من الصفر
•دورة بايثون من الصفر إلى الاحتراف
•كورس بايثون من الصفر
👍3❤1🥰1
برمجة موقع مكتبة مع admin dashboard
https://youtu.be/rbjSnDnpttc
https://youtu.be/rbjSnDnpttc
YouTube
الفيديو الكامل مشروع المكتبة html css php sql شرح تصميم وبرمجة
الفيديو عبارة عن 19 فيديو مجمعين فى فيديو واحد
فى قائمة التشغيل التالية الفيديو هات مفرقة بجودة HD 1080 ,720
https://www.youtube.com/playlist?list=PLR_IKIfWQwYVLyLW6BlsNRzqDz7yMOijZ
من البداية حتى النهاية شرح كامل
عمل موقع الكتروني
كورس html
كورس html و css…
فى قائمة التشغيل التالية الفيديو هات مفرقة بجودة HD 1080 ,720
https://www.youtube.com/playlist?list=PLR_IKIfWQwYVLyLW6BlsNRzqDz7yMOijZ
من البداية حتى النهاية شرح كامل
عمل موقع الكتروني
كورس html
كورس html و css…
👍4🥰4
و هناك العديد من الدورات العربية و الإنجليزية التي يمكنكم تعلم عليها أساسيات الذكاء الإصطناعي
لكن يجب أن تكون ملم بلغة برمجية على الأقل و هي التي يتم توظيفها لإنشاء الخوارزميات الخاصة بما تريد برمجته
الدورة الأولى (Hussam Hourani) : يجب أن تكون دارس ل لغة بايثون
https://youtube.com/playlist?list=PLYW0LRZ3ePo4TFeouzYff88TStgS-X52R
الدورة الثانية (Edureka) :
https://youtube.com/playlist?list=PL9ooVrP1hQOGHNaCT7_fwe9AabjZI1RjI
كذلك هناك العديدة من الدورات الممتازة و الجميلة من منصة EDX بالمجان و منها المدفوعة بما في ذلك شهادات تعزز بها سيرتك الذاتية
على الرابط التالي :
https://www.edx.org/learn/artificial-intelligence
لكن يجب أن تكون ملم بلغة برمجية على الأقل و هي التي يتم توظيفها لإنشاء الخوارزميات الخاصة بما تريد برمجته
الدورة الأولى (Hussam Hourani) : يجب أن تكون دارس ل لغة بايثون
https://youtube.com/playlist?list=PLYW0LRZ3ePo4TFeouzYff88TStgS-X52R
الدورة الثانية (Edureka) :
https://youtube.com/playlist?list=PL9ooVrP1hQOGHNaCT7_fwe9AabjZI1RjI
كذلك هناك العديدة من الدورات الممتازة و الجميلة من منصة EDX بالمجان و منها المدفوعة بما في ذلك شهادات تعزز بها سيرتك الذاتية
على الرابط التالي :
https://www.edx.org/learn/artificial-intelligence
YouTube
قناة الذكاء الاصطناعي - حسام الحوراني
Share your videos with friends, family, and the world
❤2👍1
منشور جديد ومفيد😍😍
https://www.instagram.com/p/Cm6645Uj7WQ/?igshid=OGQ2MjdiOTE=
https://www.instagram.com/p/Cm6645Uj7WQ/?igshid=OGQ2MjdiOTE=
Instagram
Instagram
👍1🔥1
10 كتب لو انت مبرمج مبتدئ ستجعلك مهندس برمجيات محترف ⌨️🧵
١- الكتاب الاول : Clean Code
هذا الكتاب يهتم بتصميم البرمجيات وتنسيق الاكواد بشكل جيد، ويبين كيفية التعامل مع الأكواد المعقدة لتحقيق افضل اداء وسهولة في الإصلاح والتطوير.
يتيح لنا هذا الكتاب العديد من الإرشادات لتحقيق نسخة برمجية نظيفة ومرنة.
٢- الكتاب الثاني : The Pragmatic Programmer
يتناول مجموعة متنوعة من المفاهيم والتقنيات المهمة للمبرمجين ويبين كيفية العمل بشكل فعال وعملي في عالم البرمجة، ويشير إلى المهارات التي يجب أن يمتلكها المبرمج لتحقيق النجاح في مجاله.
يعتبر هذا الكتاب مرجعًا مهمًا للمبتدئين والمتمرسين
٣- الكتاب الثالث: Design Patterns
هذا الكتاب يتناول مجموعة من النماذج التصميمية التي تساعد في تصميم البرمجيات المعتمدة على الـ Objects.
يعرض الكتاب أساليب وأدوات قياسية للتعامل مع المشاكل الشائعة في تصميم البرمجيات، ويوضح كيفية إعادة استخدام هذه النماذج في المشاريع المختلفة.
٤- الكتاب الرابع: The Mythical Man Month
يهتم بالتحديات التي يواجهها المديرون في تنفيذ وتطوير المشاريع البرمجية ويوضح الطرق التي يمكن اتباعها لتحقيق النجاح.
يقدم الكتاب إرشادات قياسية للمديرين المهتمين بمشاريع البرمجيات ويعطيهم العديد من الأدوات اللازمة للقيام بعملهم بشكل فعال.
٥- الكتاب الخامس: Introduction to Algorithms
يهتم بمفاهيم الخوارزميات والتقنيات المستخدمة في حل المشاكل البرمجية ويعرض الكتاب العديد من الخوارزميات الأساسية ويوضح كيفية استخدامها وتطبيقها في المشاريع البرمجية.
يعتبر هذا الكتاب مرجعًا قياسيًا للمبرمجين والطلبة في مجال البرمجة.
٦- الكتاب السادس: Code Complete
كتاب يجمع ما بين الناحية الفنية و العلمية في كيفية انشاء البرمجيات.
مؤلف الكتاب يسرد التقنيات الاكثر فاعلية و المبادئ اللي كل كبرمج لازم يعرفها بطريقة عملية وواضحة جدا.
٧- الكتاب السابع: Cracking the Coding Interview
يهدف إلى مساعدة المتقدمين للعمل في مجال البرمجة على التعامل مع المقابلات التقنية وتحسين مهاراتهم البرمجية.
يوضح الكتاب العديد من الأساليب والتقنيات للنجاح في المقابلات ويعطي المبرمج العديد من الأمثلة والتمارين لتنمية مهاراته.
٨- الكتاب الثامن: The Clean Coder
يهدف إلى تعليم المبرمجين المتمرسين كيفية العمل المهني الفعال في مجال البرمجة. يوضح العديد من الأساليب والتقنيات لتحقيق النجاح ويعطي المتقدم العديد من الأمثلة والتمارين لتدريب مهاراته. مرجع قياسي للمبرمجين المهتمين بالعمل المهني الفعال في البرمجة
٩- الكتاب التاسع: Working Effectively with Legacy Code
يهدف إلى مساعدة المبرمجين في العمل على الأكواد القديمة والموجودة في الانظمة القديمة، بشكل فعال. يوضح الكتاب العديد من الأساليب والتقنيات التي يمكن اتباعها لتحقيق النجاح في العمل على هذه الانظمة ويعطي القارئ العديد من الأمثلة
١٠- الكتاب العاشر: Refactoring
يتحدث عن التقنيات المستخدمة لتحسين تصميم الكود الموجود ويغطي مواضيع مثل التقنيات الخاصة بتهيئة الكود وعلامات الكود التي تدل على أنه قد يحتاج للتهيئة ويوفر التوجيهات اللازمة لتحديد فرص التهيئة وكيفية تطبيق التقنيات المختلفة لتحسين تصميم وهيكلة الكود
١- الكتاب الاول : Clean Code
هذا الكتاب يهتم بتصميم البرمجيات وتنسيق الاكواد بشكل جيد، ويبين كيفية التعامل مع الأكواد المعقدة لتحقيق افضل اداء وسهولة في الإصلاح والتطوير.
يتيح لنا هذا الكتاب العديد من الإرشادات لتحقيق نسخة برمجية نظيفة ومرنة.
٢- الكتاب الثاني : The Pragmatic Programmer
يتناول مجموعة متنوعة من المفاهيم والتقنيات المهمة للمبرمجين ويبين كيفية العمل بشكل فعال وعملي في عالم البرمجة، ويشير إلى المهارات التي يجب أن يمتلكها المبرمج لتحقيق النجاح في مجاله.
يعتبر هذا الكتاب مرجعًا مهمًا للمبتدئين والمتمرسين
٣- الكتاب الثالث: Design Patterns
هذا الكتاب يتناول مجموعة من النماذج التصميمية التي تساعد في تصميم البرمجيات المعتمدة على الـ Objects.
يعرض الكتاب أساليب وأدوات قياسية للتعامل مع المشاكل الشائعة في تصميم البرمجيات، ويوضح كيفية إعادة استخدام هذه النماذج في المشاريع المختلفة.
٤- الكتاب الرابع: The Mythical Man Month
يهتم بالتحديات التي يواجهها المديرون في تنفيذ وتطوير المشاريع البرمجية ويوضح الطرق التي يمكن اتباعها لتحقيق النجاح.
يقدم الكتاب إرشادات قياسية للمديرين المهتمين بمشاريع البرمجيات ويعطيهم العديد من الأدوات اللازمة للقيام بعملهم بشكل فعال.
٥- الكتاب الخامس: Introduction to Algorithms
يهتم بمفاهيم الخوارزميات والتقنيات المستخدمة في حل المشاكل البرمجية ويعرض الكتاب العديد من الخوارزميات الأساسية ويوضح كيفية استخدامها وتطبيقها في المشاريع البرمجية.
يعتبر هذا الكتاب مرجعًا قياسيًا للمبرمجين والطلبة في مجال البرمجة.
٦- الكتاب السادس: Code Complete
كتاب يجمع ما بين الناحية الفنية و العلمية في كيفية انشاء البرمجيات.
مؤلف الكتاب يسرد التقنيات الاكثر فاعلية و المبادئ اللي كل كبرمج لازم يعرفها بطريقة عملية وواضحة جدا.
٧- الكتاب السابع: Cracking the Coding Interview
يهدف إلى مساعدة المتقدمين للعمل في مجال البرمجة على التعامل مع المقابلات التقنية وتحسين مهاراتهم البرمجية.
يوضح الكتاب العديد من الأساليب والتقنيات للنجاح في المقابلات ويعطي المبرمج العديد من الأمثلة والتمارين لتنمية مهاراته.
٨- الكتاب الثامن: The Clean Coder
يهدف إلى تعليم المبرمجين المتمرسين كيفية العمل المهني الفعال في مجال البرمجة. يوضح العديد من الأساليب والتقنيات لتحقيق النجاح ويعطي المتقدم العديد من الأمثلة والتمارين لتدريب مهاراته. مرجع قياسي للمبرمجين المهتمين بالعمل المهني الفعال في البرمجة
٩- الكتاب التاسع: Working Effectively with Legacy Code
يهدف إلى مساعدة المبرمجين في العمل على الأكواد القديمة والموجودة في الانظمة القديمة، بشكل فعال. يوضح الكتاب العديد من الأساليب والتقنيات التي يمكن اتباعها لتحقيق النجاح في العمل على هذه الانظمة ويعطي القارئ العديد من الأمثلة
١٠- الكتاب العاشر: Refactoring
يتحدث عن التقنيات المستخدمة لتحسين تصميم الكود الموجود ويغطي مواضيع مثل التقنيات الخاصة بتهيئة الكود وعلامات الكود التي تدل على أنه قد يحتاج للتهيئة ويوفر التوجيهات اللازمة لتحديد فرص التهيئة وكيفية تطبيق التقنيات المختلفة لتحسين تصميم وهيكلة الكود
👍4❤1🔥1
منشور جديد اتمنى أن ينال اعجابكم😍😍
https://www.instagram.com/p/Cm9kVqCDRoq/?igshid=OGQ2MjdiOTE=
https://www.instagram.com/p/Cm9kVqCDRoq/?igshid=OGQ2MjdiOTE=
❤2👍1
تعلم برمجة المواقع🚀 pinned «منشور جديد اتمنى أن ينال اعجابكم😍😍 https://www.instagram.com/p/Cm9kVqCDRoq/?igshid=OGQ2MjdiOTE=»
🔶 أغلبية الباحثين يلجؤون إلى چوچل و لا يعودون إلَّا بالقليل أو معلوماتٍ غير مؤكدة، وفي هذا المنشور تجدون أهم 12 موقع جاد في شؤون العلم و الثقافة👇
👈🏼 موقع refseek
محركُ بحثٍ يوفر المصادر الأكاديمية بطريقةٍ سهلة أكثر من مليار مصدر من الكتب والمجلات والأخبار والموسوعات
https://www.refseek.com
👈🏼موقع WorldCat
محركُ بحثٍ سهلُ الإستخدام يبحث في أكثر من 20ألف مكتبةٍ و يحتوي على أكثر من 2مليار مصدرٍ و يمكنك من إيجاد أقرب مكتبة لك
https://www.worldcat.org
👈🏼 موقع Springer
يحتوي على أكثر من 3مليون مصدر في مختلف المجالات العلمية من مقالات و أوراق و مؤتمرات و أجزاء من كتب
https://link.springer.com
👈🏼 موقع Microsoft Academic
يحمل نتائج بحث واسعة المحتوى للأكاديميين و يتم تحديثها باستمرار يحتوي على أكثر من120 مليون مطبوعة
https://academic.microsoft.com
👈🏼 موقع Bioline
محركُ بحثٍ تطوعيٍ يعمل على جمع المقالات المنشورة في المجلات العلمية بالدول النامية مثل مصر و تركيا و العراق و الأردن و غيرها
http://www.bioline.org.br
👈🏼 موقع EThOS
يحملُ أكثر من 500 ألف رسالةَ ماجستيرٍ و دكتوراةٍ في جميع المجالات
https://ethos.bl.uk
👈🏼 موقع Research Paper’s in Economics
محركُ بحثٍ يحتوي على أكثر من مليوني بحثٍ في علم الإقتصاد و العلوم الأخرى ذات صلة
http://repec.org
👈🏼 موقع Science.gove
محركُ بحثٍ علميٍ تابع للحكومة الأمريكية يجمع أكثر من 2000 موقعٍ علميٍ و يحتوي على أكثر من 200 مليونَ ورقةٍ و نتائجَ موثوقةٍ
https://www.science.gov
👈🏼 موقع kotobgy
محركُ بحثٍ كُتُبْيٍ رائعٍ جدًا يحتوي على الملايين من الكتب العربية القابلة للتحميل
كتبجي - محرك بحث الكتب العربية
https://www.kotobgy.com
👈🏿موقع مونستر للمعلوميات
مليئ بالمقالات التقنيه المتنوعه وتوضيح المفاهيم ومسارات البرمجيه لارشاد كل مبتدئ
بالاضافه للكثير من الشروحات
http://www.monstertecnology.com
موقع seotuber
👈اذا كنت تريد تعلم الربح من اليوتيوب ومعرفه كل صغيره وكبيره عنه فهذا الموقع موسوعه لكل اليوتيوبرز والمهتمين باليوتيوب
https://www.seotuber.com
👈🏼 موقع pdfdrive
أكبرُ و أفضلُ موقعٍ لتحميل الكتب في جميع التخصصّات بصيغة PDF يحتوي أكثر من 225 مليون كتاب جاهزةٍ للتحميل المباشر و يمكن استخدامه للدراسة
https://www.pdfdrive.com
👈🏼 موقع ISEEK Education
محركُ بحثٍ ممتازٍ يستهدف الطلاب و المعلمين و الإداريين و غيرهم يحتوي على موادَ موثوقةٍ و محررةٍ
https://education.iseek.com
👈🏼 موقع base-search
من أفضل و أقوى محركات البحوث الأكاديمية توجد أكثر من 100 مليون وثيقةٍ علميةٍ و يقوم بالبحث في ٣ آلاف مصدر 70٪ من المقالات مجانية
https://www.base-search.net
👈🏼 موقع refseek
محركُ بحثٍ يوفر المصادر الأكاديمية بطريقةٍ سهلة أكثر من مليار مصدر من الكتب والمجلات والأخبار والموسوعات
https://www.refseek.com
👈🏼موقع WorldCat
محركُ بحثٍ سهلُ الإستخدام يبحث في أكثر من 20ألف مكتبةٍ و يحتوي على أكثر من 2مليار مصدرٍ و يمكنك من إيجاد أقرب مكتبة لك
https://www.worldcat.org
👈🏼 موقع Springer
يحتوي على أكثر من 3مليون مصدر في مختلف المجالات العلمية من مقالات و أوراق و مؤتمرات و أجزاء من كتب
https://link.springer.com
👈🏼 موقع Microsoft Academic
يحمل نتائج بحث واسعة المحتوى للأكاديميين و يتم تحديثها باستمرار يحتوي على أكثر من120 مليون مطبوعة
https://academic.microsoft.com
👈🏼 موقع Bioline
محركُ بحثٍ تطوعيٍ يعمل على جمع المقالات المنشورة في المجلات العلمية بالدول النامية مثل مصر و تركيا و العراق و الأردن و غيرها
http://www.bioline.org.br
👈🏼 موقع EThOS
يحملُ أكثر من 500 ألف رسالةَ ماجستيرٍ و دكتوراةٍ في جميع المجالات
https://ethos.bl.uk
👈🏼 موقع Research Paper’s in Economics
محركُ بحثٍ يحتوي على أكثر من مليوني بحثٍ في علم الإقتصاد و العلوم الأخرى ذات صلة
http://repec.org
👈🏼 موقع Science.gove
محركُ بحثٍ علميٍ تابع للحكومة الأمريكية يجمع أكثر من 2000 موقعٍ علميٍ و يحتوي على أكثر من 200 مليونَ ورقةٍ و نتائجَ موثوقةٍ
https://www.science.gov
👈🏼 موقع kotobgy
محركُ بحثٍ كُتُبْيٍ رائعٍ جدًا يحتوي على الملايين من الكتب العربية القابلة للتحميل
كتبجي - محرك بحث الكتب العربية
https://www.kotobgy.com
👈🏿موقع مونستر للمعلوميات
مليئ بالمقالات التقنيه المتنوعه وتوضيح المفاهيم ومسارات البرمجيه لارشاد كل مبتدئ
بالاضافه للكثير من الشروحات
http://www.monstertecnology.com
موقع seotuber
👈اذا كنت تريد تعلم الربح من اليوتيوب ومعرفه كل صغيره وكبيره عنه فهذا الموقع موسوعه لكل اليوتيوبرز والمهتمين باليوتيوب
https://www.seotuber.com
👈🏼 موقع pdfdrive
أكبرُ و أفضلُ موقعٍ لتحميل الكتب في جميع التخصصّات بصيغة PDF يحتوي أكثر من 225 مليون كتاب جاهزةٍ للتحميل المباشر و يمكن استخدامه للدراسة
https://www.pdfdrive.com
👈🏼 موقع ISEEK Education
محركُ بحثٍ ممتازٍ يستهدف الطلاب و المعلمين و الإداريين و غيرهم يحتوي على موادَ موثوقةٍ و محررةٍ
https://education.iseek.com
👈🏼 موقع base-search
من أفضل و أقوى محركات البحوث الأكاديمية توجد أكثر من 100 مليون وثيقةٍ علميةٍ و يقوم بالبحث في ٣ آلاف مصدر 70٪ من المقالات مجانية
https://www.base-search.net
Refseek
RefSeek - Academic Search Engine
Academic search engine for students and researchers. Locates relevant academic search results from web pages, books, encyclopedias, and journals.
👍1🔥1
مشروع برنامج سطح المكتب سوبر ماركت ب بايثون
https://youtube.com/playlist?list=PLSiLeKadTQ7lSFEmVIGdU9YdMMOE9lLFa
https://youtube.com/playlist?list=PLSiLeKadTQ7lSFEmVIGdU9YdMMOE9lLFa
YouTube
python tkinter supermarket project 2022 | مشروع سوبر ماركيت بلغة بايثون
تصميم وبرمجة برامج سطح المكتب python tkinter 2021 . تصميم برامج سطح المكتب وتطويرها . برامج ادارية ومحاسبة وتواصل ومسابقات ومشغلات وورد ورسام ومحرر اكواد ووو...
❤1👍1
تصميم موقع كامل html css php mysql من الصفر الى الاحتراف
https://youtu.be/0K6Uk5Q67bQ
https://youtu.be/0K6Uk5Q67bQ
YouTube
الدليل الشامل لتصميم وإدارة مواقع الويب: من الصفر حتى الاحتراف
انطلق في رحلة تعلم تصميم وإدارة مواقع الويب مع دورتنا الشاملة، التي تغطي كل شيء من أساسيات HTML وCSS إلى تعقيدات PHP وMySQL، مرورًا بأساسيات إدارة البيانات والتحكم في الجلسات. ستكتسب مهارات عملية في بناء وصيانة موقع إلكتروني كامل، بدءًا من تصميم صفحة الدخول…
👍2🔥2