تعلم برمجة المواقع🚀
6.64K subscribers
55 photos
2 videos
19 files
545 links
قناة للبرمجة والمبرمجين ...
تحتوي على مقالات للمبرمجين.
كتب وملفات pdf مجانية للمبرمجين.
نصائح للمبتدئين والمحترفين في البرمجة ...
أفضل الدورات في مجال البرمجة مجانا..
Download Telegram
تعرف ليش نستخدم هذا السطر عند كتابة كود CSS 🤔

* {
      padding: 0;
      margin: 0;
      box-sizing: border-box;
}

شاركني إجابتك  🚀👇
🔥42👍1
‏بناء المشاريع واحده من أفضل الطرق لتعلم و إحتراف تصميم المواقع💙

مستودع في github
يحتوي على 50 مشروع بسيط في
html , css , javascript
يمكنك القيام بها لتطوير مستواك في الويب💻💙

لايك وريتويت ليستفيد الجميع💙

Link :github.com/bradtraversy/5‎…
4👍1🔥1
‏- ملخص لجميع الدوال الخاصة بالarray في JavaScript.
5🔥3👍1
الـconst يستعمل في حال كانت قيمة المتغير معروفة الأن
الـfinal يستعمل اذا كانت قيمة المتغير غير معروفة حاليا

الـconst لا يقبل التعديل على المتغير و القيمة
الـfinal لا يقبل التعديل على المتغير لكن يقبل التعديل على القيمة

ال var  يمكن اعادة تعريفه او التعديل على قيمته
3👍1
‏موقع Code well

يوفر لك نماذج تصاميم حقيقيه
من الممكن التدريب عليها
لتطوير مستواك في html and css 🤩

Link: https://www.codewell.cc/
5👍2
‏اذا كنت تبحث عن خارطة تعلم:

Frontend
Backend
DevOps
Android
Flutter
ASP.NET
DBA
Blockchain

انصحك بزيارة الموقع التالي
roadmap.sh

الموقع يحتوي على خرائط تعلم وأدلة ومحتويات تعليمية أخرى لمساعدة المطورين في تحديد المسار وتوجيه تعلمهم.
1👍1🔥1
‏حتى تصبح مبرمج مواقع محترف تحتاج تتعلم هذه النقاط:

- لغة HTML
- لغة CSS
- لغة Java Script
- بيئة عمل مثل: React, Vue.js, Angular
- برنامج Visual Studio
- لغة بايثون او PHP للتعامل مع قواعد البيانات

خلال 6 إلى 9 اشهر راح تكون قادر على العمل في برمجة المواقع و تنفيذها 👏🚀
5🔥2👍1
‏موقع free frontend
يوفر اكواد جاهزه في
html css javascript react ...ect

يوفر عليك الوقت و الجهد بشكل كبير جدا 🔥

مثلا يمكنك البحث عن تصميم
login page
و إختيار ال template المناسبه لك.

رابط الموقع
freefrontend.com
3👍1
هل أنت مبرمج ؟ أم ناسخ؟


🔰 لفت انتباهي موضوع مهم جدا وحساس, خصوصا للذين يرغبون بأن يصبحوا مبرمجين مخترفين...
▪️والموضوع هو هل أنت فعلا مبرمج . أو تريد فعلا أن تصبح مبرمج ناجح؟ أم أنك مجرد ناسخ, أو انك تتمنى انجاز اي شيء بمجرد النسخ واللصق ؟...

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

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

🔹️ تراى الشاب له معرفة ب ,Html,js,css, PHP, PHP oop .... بهذه المجموعة البسيطة أفترض أنك قادر على بناء أي موقع ويب ..-ولنقل static- ..مع العلم ان يمكن أن يكون dynamic ...لكن على سبيل المثال ...ترى أنه لا يستطيع أن يقوم بعمل جملة دوران أو class ليتحقق من البيانات ... أو ان يكتب جملة استعلام بسيطة ... أو تراه لا يعلم كيف يمكن ان يقوم بعملية استخدام ال Syntax ليحقق ما يريد ... وهنا أقول أنك مجرد ناسخ..

🔹️ حقيقة و بوجهة نظري, لتحدد طبيعة شخصيتك هل هي برمجية أم ناسخة عليك أن ترتبطها بمقدار الفهم والخبرة العملية المكتسبة والقدرة على طرح أفكار جديدة والتعامل معها في أي ظروف ...هذا إن احببت أن تصبح مبرمجا ..

🔹️ هنا أنا لا انفي استخدام السكرباتات الجاهزة ... ولا أنفي أو الغي عملية البحث أو اقلل من قيمتها ... لكن أن يكون هذا اسلوبك في أول مشوارك ...فهنا المصيبة ... حاول أن تلعب بال syntax الخاص باللغة كما تريد ..فكر أبدع ..بالأمور البسيطة التي تعلمها ...ثم اذهب وابحث عن حل أفضل ..وقارن بين السكربت الخاص بك ..والخاص بغيرك ..وانظر أين أخطأت ..وبذلك تتعلم ...وتتطور ....

🔹️ إن أكثر ما يستفزني حقيقة ... وجود كثير من الشباب الذين للأسف سلكوا طريق خاطئ بالتعلم للبرمجة ... وبذلك أصبحوا مجرد ناسخين ... فمثلا ...يحتاج الى دورة في بناء سكربت لشات ..ودورة لسكرتب اتصال مع قاعدة بيانات ...وسكربت لعمل انيميشن وسكربت لعمل تسجيل دخول ...الخ ...
هذه الأمور جميلة جدا ... لكن أن يكون اعتمادي على هذا الأسلوب للتعلم ...فأنا لست بمبرمج ... قم بالمحاولة والتفكير والتحايل والتلاعب بما تعلم من syntax ..ومن ثم ابحث وتعلم واقرأ كل جديد ...^^

⬇️ في النهاية:
أحب أن أقول لك ... ان البرمجة هي طريقة تفكير ... وتذكر أن المبرمج لا يستطيع أن يوقفه شيء, فالمستحيل الآن ممكن في المستقبل -بإذن الله - ... وتذكر بإنك كلما مارست وحاولت في بادئ الأمر ..كلما تعلمت واكتسبت خبرة أكثر في معالجة الأخطاء ..وتمتعت بقدرة أكبر على حل المشاكل ...

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

وفقنا الله وإياكم لك خير ...
7👍1
🔰     أخـطـاء احـتـرس أن تـقـع فـيـهـا كـمـبـرمـج
قد لا يجد العديد من المبتدئين في تعلم البرمجة أي نتيجة مُرضية تدفعهم لإكمال مشوارهم في البرمجة وذلك راجع لعدة أخطاء يقع فيها هؤلاء الناس.
___ فـمـا هـي هـذه الأخـطـاء يـا تُـرى ؟
1- التبديل بين اللغات :
يعد التبديل بين اللغات من أكثر الأخطاء شيوعاً، وذلك لاعتقاد بعض المبرمجين أنهم بتعلمهم لأكثر من لغة سيصبحون خبراء، وفي الحقيقة حماسك الزائد سيشتتك ويجعلك كارهاً للبرمجة بمجالاتها.
2- عدم الانضباط على خريطة للتعلم :
أن تتعلم البرمجة بشكل عشوائي خطأ كبير بالنسبة للمبتدئين، فإنشاء خريطة ستساعدك على تنظيم ما يلزم عليك تعلمه لتفادي النواقص كما أنها تنظم وقتك، فعدم وضعك لخطة تعلم قد تكون سبباً في تركك للمجال.
3- عدم الاحتفاظ بالملاحظات :
عليك أن تحتفظ دائماً بملاحظاتك الخاصة، إما في دفتر ملاحظات أو على مذكرة تخصصها للبرمجة؛ فالكتابة بخط اليد خصوصاً يساعد بشكل أكبر في ترسيخ مكتسباتك جيداً ويقلل من احتمال نسيانها.
4- الاكتفاء بالتعلم فقط :
الكثير من المبرمجين يعتمد على الكورسات التعليمية فقط، بينما ينسى الأهم ألاَ وهو التطبيق المستمر لما تعلمته، فإذا كنت تريد احتراف أي لغة قم بإنشاء مشاريع أساسية جنباً إلى جنب مع التعلم.
5- توقف عن إجهاد نفسك :
صحيح أن البرمجة تعتمد وبشكل كبير على الممارسة المستمرة، ولكن هذا لا يعني أنه عليك فعل هذا يومياً قرابة 20 ساعة كي تصبح محترفاً، بل العكس، فقد تصاب بإرهاق كبير وقد تصل لمرحلة أن تصبح غير قادر على المواصلة وتكره ما تفعله.
3👍1
ِ 🔰 ماهي لـغـة Python ؟

لغة Python هي لغة برمجة عالية المستوى تدعم البرمجة كائنية التوجيه (OOP)؛ وهي لغة مفسرة ومتعددة الاستخدامات، وتُستخدم بشكل واسع في العديد من المجالات كبناء البرامج المستقلة باستخدام الواجهات الرسومية، وفي تطبيقات الويب وغيرها ..

تعتبر لغة Python لغة سهلة التعلم سهلة التعلم نوعاً ما، مُقارنةً بلغة C أو Java؛ طُورت هذه اللغة على يد المبرمج الهولندي "Guido Van Rossum"، تم كتابة نواتها باستعمال لغة C؛ كان أول إعلان لها سنة 1991.

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

تتميز Python بمجتمعها النشط، كما أن لها العديد من المكتبات البرمجية ذات الأغراض الخاصة، والتي برمجها أشخاص من مجتمع هذه اللغة.

في ما يلي سنتعرف على بعض الأمثلة والتصاميم المنجزة من خلال مكتبة Turtle؛ مكتبة "Turtle" هي مكتبة شائعة جداً لرسم الصور بلغة Python، وقد كانت جزءاً من لغة برمجة Logo الأصلية التي طورها "Wally Feurzeig" و"SeymourPapert" و"Cynthia Solomon" في عام 1967.
🔹️مجالات إستخدام لغة بايثون و كيفية تعلمها من الصفر

‏برمجة المواقع الإلكترونية ( Web Development ).

‏برمجة تطبيقات ديسكتوب ( Desktop Applications ).

‏برمجة أنظمة الرد الآلي ( Bot Systems ).

‏تحليل البيانات ( Data Analysis ).

‏الذكاء الإصطناعي ( Artificial Intelligence ).

‏تعلم الآلة ( Machine Learning ).

..............
3👍1
❗️هل سمعت عن عمليات CRUD من قبل؟❗️

اذا كنت مبتدئ في البرمجة فلعلك سمعت عن هذا المصطلح او سمعت احدهم ينصحك بتعلمه

لكن ماذا نعني به؟ وكيف يمكننا استخدامه؟ لنتعلم معاً
4👍1
🔰 قواعد البيانات databases

قاعدة البيانات: هي مجموعة منظّمة من المعلومات المهيكلة أو البيانات المخزّنة عادةً بصيغة إلكترونيّة أو في نظام كمبيوتر.
عادةً ما تكون قاعدة البيانات تحت تحكم نظام إدارة قاعدة بيانات (DBMS).

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

ويمكن حينئذٍ الوصول إلى البيانات وإدارتها وتعديلها وتحديثها والتحكم فيها وتنظيمها بسهولة تستخدم غالبية قواعد البيانات لغة الاستعلام المركّبة (SQL) لكتابة البيانات والاستعلام عنها.
3👍1
ِ 🔰 قصة جملة “Hello World”
في البرمجة وهي أول جملة .

أول ما سجل "بيل غيتس _ Bill Gates" في موقع Twitter قال هذه العبارة “Hello World”، العبارة نفسها يكتبها الكثير من المدونين عادةً في أولى تدويناتهم، البعض يظن أنها عبارة عادية، الحقيقة غير ذلك.

مرحبا أيها العالم أو أهلا بالعالم أو “Hello world” هو أول درس يطبقه كل من يدرس لغة برمجة جديدة، خاصةً إذا كانت هذه اللغة لا تتعامل مع واجهة المستخدم الرسومية وتعتمد على سطر الأوامر، الهدف من هذا الدرس هو طباعة هذه الجملة “Hello World” على الشاشة، لذلك هذه الجملة تعتبر أول برنامج لأغلب الطلبة الذين يدرسون علوم الحاسوب أو هندسة الحاسوب حول العالم.

وحسب موقع Wikipedia فإن هذه الجملة ظهرت أول مرة في عام 1972، ولكنها بدأت بالإنتشار فعلياً في عام 1974، عندما وردت في كتاب لتعليم البرمجة بلغة C، ومنذ ذلك الوقت صارت هذه الجملة أو بالأحرى هذا البرنامج تقليداً لكل من يتعلم لغة برمجة جديدة، في العقود التالية عندما ظهرت المدونات والشبكات الإجتماعية، نقل المبرمجون هذا التقليد أو العادة إلى تلك المواقع.
👍32
اختبر نفسك ب HTML  و CSS  🔥🚀
حل الاسئلة والتحديات  من اكثر الأشياء اللي تطور من نفسك وتخليك تتقدم 👏

🎯 شاركنا كم سؤال حليته 😍
👇
➡️ HTML
https://www.w3schools.com/html/html_exercises.asp

➡️ CSS
https://www.w3schools.com/css/css_exercises.asp
🔥2👍1
🔰 ماهو الـكـود الـنـظـيـف _ Clean Code ؟

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

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

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

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

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

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

#برمجة #تصميم مواقع
2👍1