تعلم برمجة المواقع🚀
6.63K subscribers
55 photos
2 videos
19 files
545 links
قناة للبرمجة والمبرمجين ...
تحتوي على مقالات للمبرمجين.
كتب وملفات pdf مجانية للمبرمجين.
نصائح للمبتدئين والمحترفين في البرمجة ...
أفضل الدورات في مجال البرمجة مجانا..
Download Telegram
دورة لغة سي شارب الكاملة من الصفر الى الاحتراف 🔥🔥
https://youtube.com/playlist?list=PLhiFu-f80eo-tcwk0nYsehyPErEhw9scm&si=8PXv47BnGq9Rl5e-
🔥63👍2
البرمجة أكثر من مجرد أكواد؛ إنها وسيلة لحل المشكلات، تحقيق الإبداع، وتشكيل المستقبل. كل سطر من الكود يحمل إمكانية للتغيير والابتكار.
10
🔰 الـخـوارزمـيـات _ Algorithms

الخوارزميات هي طريقة ممنهجة في حل مشكلة ما، مما يعني التفكير في خطوات لحل مشكلة معينة.

من المُفيد تعلم الخوارزميات، لأنها ستنقل تفكيرك من التفكير العادي إلى تفكير المبرمج وتهيئك لفهم كيفية كتابة الكود سطر سطر (كل سطر يعني خطوة).
بمجرد أن تشعر أنك فهمت الخوارزميات ويمكنك حل بعض التمارين يمكنك الانتقال للكود، حيث أن كتابة الكود أيضاً يطور من خوارزمياتك وطريقة تفكيرك.

لتعلم الخوارزميات يكفي أخذ درس نظري والإكثار من التمارين، وذلك ليتعود عقلك على التفكير الممنهج.

🔸 أهم ما عليك فهمه في للخوارزميات هو :
▫️الإدخال والإخراج _ Input / Output.
▫️ الحلقات _ Loops.
▫️ الشروط _ Conditions.

لكن لا تخسر كل طاقتك في تعلم الخوارزميات؛ اعتبرها كمدخل فقط للغة البرمجة التي ستتعلمها.
👍8🔥52
🔰 الـكـود الـنـظـيـف _ Clean Code

الكود النظيف هو طريقة كتابة الكود بشكل يسهل قراءته من قِبل كاتبه أو المبرمجين الآخرين، والتعديل عليه حتى بعد زمن طويل، ويعتمد على المبرمج بشكل خاص حيث أن لكل مبرمج أساليبه في كتابة الكود الخاص به.
من أسباب كتابة كود نظيف يسهل فهمه والتعامل معه، هو إن قمت بكتابة برنامج ثم أردت التعديل عليه بعد مرور عدة سنوات فستكون قد ساهمت في تسهيل المهمة على نفسك؛ أو في حال كتبت برنامجاً وسيستلمه منك مطور آخر ليقوم بالتعديل عليه؛ وكذلك لتسهيل إصلاح الأخطاء البرمجية والتعامل معها.

♦️ خـطـوات لـكـتـابـة كـود نـظـيـف :
🔸 وضع مسافات متساوية بين الجمل البرمجية، ويفضل أن تظهر عبارة واحدة فقط في كل سطر.

🔸 تقسيم البرنامج إلى أقسام واضحة، حيث أن كل قسم يعبر عن عملية معينة أو مجموعة من العمليات المرتبطة.

🔸 التسمية الواضحة (سواءً للمتغيرات أو الدوال..)، بحيث تكون لها علاقة بالعملية البرمجية التي تقوم بها، ويستحسن عدم تكرار المسميات لغرض آخر.

🔸 كتابة الملاحظات (التعليقات _Comments) داخل الكود عند العمليات لتوضيح سبب كتابة هذه العملية واستدعائها، مع مراعاة عدم كتابة تعليقات زائدة عن الحاجة.

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

‏1 - Remote OK
https://remoteok.com/

‏2 - Just Remote
https://justremote.co/remote-developer-jobs

‏3 - AngelList Talent
https://angel.co/jobs/home

‏4 - We Work Remotely
https://weworkremotely.com/

‏5 - Hired
https://hired.com/

6 - Flex Jobs
https://www.flexjobs.com/jobs/featured

‏7 - Upwork
https://www.upwork.com/

‏8 - Job Spresso
https://jobspresso.co/

‏9 - Daily Remote
https://dailyremote.com/

‏10 - Remote Leaf
https://remoteleaf.com/

11 - Showwcase
https://www.showwcase.com/job/8725

‏12 - JS Remotely
https://jsremotely.com/

‏13 - LinkedIn
https://www.linkedin.com/jobs/

‏14 - Design Remotely
https://designremotely.co/

‏15 - Turing
https://www.turing.com/

‏16 - Remote More
https://remotemore.com/

‏17 - Remote Platz
https://remoteplatz.com

‏18 - Toptal
https://www.toptal.com/

‏19 - Netguru
https://www.netguru.com/

‏20 - EPAME Anywhere
https://anywhere.epam.com/en

‏21 - Andela
https://andela.com/

‏22 - Vanhack
https://vanhack.com/
23 - Talent IO
https://www.talent.io/p/en-fr/home

‏24- Arc
https://arc.dev
🔥6
عاوز أعمل موقع هبيع فيه منتجات أو هعمل فيه نظام حجوزات أو هخلي الموقع ينور بليل في الضلمة ايه اللغات اللي بتعمل دة ؟ السؤال دة غلط لان أي Stack هتتعلمه هتعمل بيه المطلوب بمعنى:
----
لو اتعلمت PHP + Laravel هتعمله
لو اتعلمت Python + Django هتعمله
لو اتعلمت Nodejs هتعمله
لو اتعلمت دوت نت هتعمله
لو اتعلمت أي نظام ادارة محتوى
مثلا WordPress, ProcessWire, Joomla برضة هتعمله
----
امال فين المشكلة ؟
----
المشكلة في السؤال لان معنى الكلام ان ممكن اكون متعلم لغة برمجة واطار عمل خاص بيها ومعرفش أعمل بيهم المطلوب ودة أكبر غلط انما في حاجة اسمها شيء مناسب للفكرة. وهديلك أمثلة
----
في مثلا شخص محتاج نظام تدوين للمقالات وطبعا لو اتعلم أي حاجة من الموجودين فوق هيعمل النظام عادي جدا لكن هنا في الحالة دي بالذات في نظام عظيم زي WordPress ممكن يقوم بالمطلوب بسهولة ويديلك مميزات عظيمة في التدوين وبكدة انا فهمت ان اي Stack من الموجودين فوق بيعمل المطلوب لكن في نظام معين هينفعني في الحتة دي.
----
عاوز أعمل تطبيق خاص بعلوم البيانات يخدم شركتي هرجع وأقولك أي Stack من الموجودين فوق هيعمل اللازم لكن في لغة Python مثلا في مكتبات عظيمة هتخدمك جدا في الحتة دي وهتوفر عليك وقت وبالتالي دة إختيار كويس هنا وهكذا.
----
طيب هل المشكلة بس في ان النظام اللي اخترته بيبدع في حتة معينة مثلا ؟ لأ تخيل معايا عندك أكتر من Stack اللي انا كتبتهم فوق وكلهم مناسبين لفكرتك هل انتهى الموضوع كدة اختار أي واحد منهم وخلاص ؟ لأ لان ممكن السوق اللي في بلدك مفيهوش مبرمجين كتير بيشتغلوا في ال Stack دة وبالتالي لو عطلت او اختلفت مع الي بيعملك الموقع ممكن تتعب شوية في انك تلاقي حد بديل يكمل الشغل.
----
طيب أنا عندي موقع شخصي عاوز أعمل فيه امكانيات جبارة و Gamification وشغل عالي واخترت اني اعمله بنظام زي WordPress بدل ما أبنيه برمجة خاصة From Scratch هل هتقول لأ ؟ لا مش هتقول لا وهتعمل بيه كل حاجة انت عاوزها وهتبدع وكل شيء بس كمية التعب والمتاهات اللي هتدخل فيها هتكون كبيرة لأن النظام دة مش دي لعبته ومش دة المكان اللي بيسطع فيه باتالي في خيار تاني مناسب لفكرتك.
----
تخيل انا عاوز أعمل تطبيق موبايل مثلا هل سمعت ان لغة PHP ممكن تعمل بيها تطبيقات موبايل أو شوفت قبل كدة هتقولي لأ لكن هقولك ممكن تعمل بيها لكنها مش هي اللغة المناسبة للفكرة دي
----
الخلاصة
أي نظام ممكن تعمل بيه أي شيء لكن ممكن تواجه منه مشاكل في أفكار معينة أو ميكونش الأداء المناسب اللي انت مستنيه على حسب فكرتك بالتالي سؤالك يكون ايه اللغات المناسبة لفكرتي أو لمشروعي.
--
#نصائح_الزيرو
6👍1
📌موقع كنز لمطورين FrontEnd 🔥😍
فيه ادوات كثيرة تفيدك ل HTML/ CSS / JS وتختصر لك الوقت🚀
الادوات مثل

SVG Generator
CSSCubicBezier Generator
CSS Gradient Generator
CSS Minifier
JavaScript Minifier

احفظه بمفضلتك
وشاركه مع اصدقاءك👨‍💻
يستحق التجربة 👌
🔗 https://10015.io
🔥42👍1
ما هو الـ Lazy Loading
الـ Lazy Loading هو practice تحميل أو تهيئة resources , objects حتى تكون هناك حاجة فعلية لها لتحسين performance وحفظ system resources.
على سبيل المثال ، إذا كانت إحدى صفحات page تحتوي على image يتعين على المستخدم scroll down لرؤيتها ، فيمكنك عرض عنصر placeholder وتحميل الصورة الكاملة فقط عندما يصل المستخدم إلى موقعها.
تشمل مزايا lazy loading ما يلي:
* يقلل وقت load time - يؤدي الـ Lazy loading لصفحة ويب إلى تقليل وزن الصفحة ، مما يسمح بتحميل أسرع للصفحة.
* الحفاظ على Bandwidth - يحافظ الـ Lazy loading على Bandwidth من خلال تقديم المحتوى للمستخدمين فقط عند الطلب.
* الحفاظ على resource النظام - يحافظ الـ Lazy loading على موارد server و client لأن بعض images وJavaScript و الـ code الأخرى فقط هي التي تحتاج إلى عرض أو تنفيذ.
الـ Lazy Loading مقابل الـ Eager Loading
بينما تقوم الـ lazy loading بتاخر تهيئة resource ، يؤدي الـ Eager Loading إلى تهيئة resource أو تحميله بمجرد تنفيذ الكود.
يتضمن الـ Eager Loading أيضًا التحميل المسبق للكيانات ذات الصلة المشار إليها بواسطة resource .
الـ Eager loading مفيد عندما تكون هناك opportunity أو حاجة load resources في الخلفية
على سبيل المثال ، تعرض بعض مواقع الويب شاشة "loading" وتحمل بفارغ الصبر جميع الـ resources الـ required لتشغيل تطبيق الويب.
طرق تنفيذ الـ Lazy Loading
هناك العديد من المكتبات open source التي يمكن استخدامها لتنفيذ الـ lazy loading :
الـ blazy.js - blazy.js هي مكتبة JavaScript خفيفة تقوم بالـ lazy loading
لـ images, iframes, video and و الـ resources الاخري
الـ LazyLoad - LazyLoad هو script يقوم تلقائيًا بتحميل images عند دخولها إلى viewport .
الـ Best Practices لـ Lazy Loading
عند إجراء الـ Lazy Loading ، ضع في اعتبارك التالي:
* جعل فقط resources الـ Lazy Loading التي يتم عرضها أسفل viewport من الصفحة أو خارج إطار عرض المستخدم في code الـ Lazy Loading غير المطلوبة
لـ system operations الأساسية.
* عند الـ Lazy Loading لصورة ، قم بفك تشفيرها (decode ) بشكل asynchronously باستخدام طريقة فك JavaScript () قبل إدخالها في DOM حيث تتسبب الصور الكبيرة في بطئ المتصفح.
* معالجة errors في حالة فشل تحميل image أو object .
5👍1🔥1
🔰      الفرق بين "الـخـوارزمـيـات" و "الـبـرمـجـة"

كثيرون من يقومون بخلط مفهوم الخوارزميات بالبرمجة وهذا خطأ.

🔹الخوارزميات هي طريقة التفكير لحل مشكل، ومجموعة من الخطوات للوصول إلى نتيجة.

🔹البرمجة هي كتابة تلك الخطوات بلغة برمجة، لتتعامل مع الحاسوب.

كيف تبدأ التعلم ؟
▫️ الطريقة الأولى :
يمكنك تعلم الخوارزميات أولاً ثم الانتقال لتعلم البرمجة.
▫️ الطريقة الثانية :
يمكنك تعلم الخوارزميات والبرمجة في نفس الوقت، أي تطبيق ما تعلمته مباشرةً وكل خوارزمية تتعلمها تقوم ببرمجتها.

"لا توجد طريقة أفضل من الأخرى، وإنما الاختيار يقع عليك حسب ما يناسبك".
👍6🔥2
🔰      مـعـلـومـة

💬   كــــيــف يــعـــمـل زر Refresh ؟

زر Refresh أو تحديث الصفحة هو زر يوجد في متصفحات الويب والذي يقوم بإعادة تحميل الصفحة التي تستعرضها. عند الضغط على زر Refresh، يقوم المتصفح بإرسال طلب جديد للخادم الذي يستضيف الصفحة ويستلم منه نسخة جديدة من الصفحة. يتم ذلك من خلال إرسال طلب HTTP GET الذي يحتوي على معرف URL للصفحة التي يتم تحميلها. بعد ذلك، يقوم الخادم بإرسال نسخة جديدة من الصفحة مع جميع المحتويات الجديدة إلى المتصفح الذي يقوم بتحديث الصفحة.

يمكن استخدام زر Refresh لعدة أسباب، بما في ذلك تحميل المحتويات الجديدة أو التحديثات التي قد يكون قد أجراها المطورون على الصفحة، وإزالة أي بيانات مخبأة أو مؤقتة في المتصفح، وإعادة تحميل الصفحة بعد إجراء تغييرات على النص أو الرسومات التي تظهر على الصفحة. ومن الجدير بالذكر أن بعض المتصفحات تستخدم أزرار تحديث مختلفة مثل "تحديث الصفحة" أو "إعادة تحميل الصفحة".
🔥62👌2
من الأشياء العظيمة التي تعلمك إياها البرمجة هي البحث عن الأسباب التي تثبت أنك مخطئ، بدلاً من البحث عن الأسباب التي تثبت أنك على صواب. فإذا لم يقم الكمبيوتر بما كنت تتوقعه، فمن المرجح أن السبب يعود إلى أنّ نموذجك الذهني غير صحيح، وليس لأن سلوك الكمبيوتر غير صحيح!

لهذا السبب المبرمجون لديهم إحساس بالمسؤولية ولا يعلّقون الأعذار على البيئة والظروف والمجتمع.
14👍2🔥1
"الكمبيوترات تفعل ما تخبرها به؛ لا أكثر ولا أقل!"
البرمجة هي فن إخبار الكومبيوتر بما عليه فعله ؛تحديداً .

لِذا فإن الأخطاء والصعوبات التي نواجهها في البرمجة عادة ليست بسبب لغة برمجة أو بسبب بيئة تشغيل أو بسبب كوننا أقل ذكاءً من غيرنا . بل بسبب عجزنا عن تحويل الفكرة إلى أوامر واضحة وقابلة للتنفيذ إجرائيا .
11🔥2💯2
🔰    مـعـلـومـة

💬 لماذا تعتبر لغة Python أكثر اللغات تفضيلاً للذكاء الاصطناعي ؟

لغة Python هي الأولى على قائمة لغات الذكاء الاصطناعي، وذلك لعدة أسباب يمكننا تلخيصها في ما يلي :

🔹 أولاً :
بسبب سهولة تعلمها، فبنية اللغة نفسها سهلة للغاية مقارنةً مع اللغات الأخرى.

🔹 ثانياً :
يمكن لـ Python تنفيذ العديد من خوارزميات الذكاء الاصطناعي بسرعة عالية، والتي تساعد في تنفيذ العمليات البرمجية.

🔹 ثالثاً :
زيادة عدد مستخدمي Python جعلها تتطور بسرعة مقارنةً مع لغات أخرى كـ Java أو ++C  أو Ruby.

🔹 رابعاً :
تتعدد المكتبات في Python وهذا جعل المهام البرمجية أسهل، ومن أشهر مكتبات Python التي تُستخدم في الذكاء الاصطناعي :
• مكتبة Numpy.
• مكتبة Pybrain.

🔹 وهناك أسباب أخرى كثيرة.
"عند استخدامك لـ Python ستلاحظ أنها اللغة الأنسب دائماً عندما يتعلق المنتج البرمجي بالبيانات، فهي 'مـلـكـة' عِلم البيانات الضخمة".
🔥7👍42
بعتذر كثير ع الغياب بسبب شاشة تلفوني كانت مكسورة والحمدلله اليوم رجعنا وان شاءالله القادم رح يكون محتوى خرافي😍😍
🔥9👍1👏1
اضافات رهيبة لل Vs Code لمطورين FrontEnd  😍🔥

1. Live Server
2. Auto Rename Tag
3. Tailwind CSS IntelliSense
4.  ES7+ React/Redux/React-Native/JS snippets
5. Live Sass Compiler
6. Intellisense for CSS class names in HTML
9
هاذ الموقع عملتو على المنتور النسخة المدفوعة ووردبريس الحلو بالموضوع انو بدون ولا سطر كود فرونت وباك اند شو رأيكم؟

https://repierku.com/
🔥41
أغبى سؤال ممكن تلاقيه في السوشيال ميديا أو الانترنت بشكل عام هو هذا السؤال :

كيف تكون مبرمج محترف ؟

البرمجة مثل مجال الهندسة بالضبط ، فهل من المنطقي أن نقول لأي شخص كيف تصبح مهندس محترف ومن دون ما نذكر إسم التخصص ؟

البرمجة ثلاث أقسام ولا رابع لهما :

مجال تطوير تطبيقات الويب .
مجال تطوير تطبيقات الموبايل.
مجال تطوير تطبيقات سطح المكتب .

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

السؤال الصحيح هو كالآتي :

كيف تكون ناجحا في التعامل مع المشاكل المنطقية في تخصصك البرمجي ؟

ولحل أي مشكلة منطقية ، أتبع هذه الخطوات :

- إفهم المشكلة ستفهم سبب حدوث المشكلة ،

- إفهم سبب حدوث المشكلة ستفهم المتطلبات اللازمة لحل المشكلة ،

- إفهم المتطلبات اللازمة لحل المشكلة ستفهم ما هي الخوارزمية اللازمة لحل المشكلة ،

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

وفي الختام : حل المشكلة يعتمد على طريقة تفكيرك وليس تفكيرك فقط.
9👍1👏1