⭕️ الفرق بين #Frontend و #backend

#أولا: Front End: يقصد بال Front End هو الجزء من الموقع الذي يتفاعل معه المستخدمين، أي شيء من مكونات الموقع التي يمكنك مشاهدتها، ويمكنك إحداث أي حدث عليها، مثل ال Buttons وال Dropdowns menu والخطوط والألوان ومعارض الصور وحركات ال Animation وغيرها.

كما أننا نتحدث عن Front End فيعني أنك يجب أن تعرف في ال HTML5 وال CSS3 وال jQuery وال jQuery UI وال SASS or LESS وبعض الخبرة في بعض المكاتب المهمة والمتعلقة مثلا في معارض الصور والقليل من الخبرة من
الأجاكس ليست سيئة ...

------------------------------------

#ثانيا: Back End: يقصد بال Back End هو ذلك الجزء الذي يتم بنائه ليعمل على الربط بين مجموعة الصفحات والبيانات والتطبيقات المختلفة، وفي المعنى الآخر هو الجزء الذي يتم تنفيذه وقرائته من خلال ال Server ويهتم بالتحقق من استقبال البيانات وارسالها بشكل صحيح من والى المتصفح.

كما انه يضم مجموعة من الأدوات مثل (Mysql OR Oracle OR SQL Server) وبكل تأكيد هذه تأتي بعد تعلمك أو معرفتك ل SQL(Structure Query Language) مثل جمل الإستعلام والتحديث والحذف والإضافة ..الخ

موقع بطل لمطورين FrontEnd  يوفر لك مجموعة من الانيمشن الجاهزة 🚀
كل اللي عليك تختار الانميشن اللي تبيه وتنسخ الكود HTML , CSS وتستخدمه مجانا 😍

✅ https://uiverse.io

#كنز_لمبرمجي_الويب
موقع لأكواد HTML, CSS. اكواد لبعض المميزات في الموقع مثل ( سلة المشتريات، صفحة تسجيل جديد، قائمة المتابعين ). وايضاً توجد نماذج مواقع كاملة للتحميل مجاناً وتدعم Bootstrap وهي ان الكود يعمل في جميع احجام الشاشات والجوال👏
bootdey.com

🔴 المتغيرات Variabals والثوابت Constant موجودة بهدف ان تتيح لك تخزين البيانات لاعادة استخدامها مره اخرى في البرنامج.

🔹️وعند تعريفك لمتغير جديد في البرنامج فانت ستقوم بربط اسم محدد مثل name او age بقيمة محددة من نوع محدد.

🔹️ تسمية المتغيرات
لديك كامل الحرية في تسمية المتغيرات ماعدا بعض القيود مثل التالية:

🔹️ لا تبدآ برقم

🔹️ لا تتضمن مسافات

🔹️ لا تتضمن رموز عمليات رياضية

🔹️ لا تستخدم الكلمات التي تستخدمها لغه سويفت كجزء منها

يجب آن تلتزم بافضل المممارسات في تسمية المتغيرات بحيث تضمن كتابة كود سهل القراءة والفهم، خاصة اذا كنت تعمل في فريق برمجي. اذا اردت اضافة متغير لتخزين اسم فستكون تسميته name مناسبه ومنطقيه اكثر من تسميته n فقط! ولو اردت كتابة اسم متغير بكلمات متعددة

فاستخدم اسلوب camel case بحيث اول كلمه من الاسم المتعدد تكون بحروف صغيره ثم اول حرف يكون كبير لاي كلمه اخرى مثل userOneName....
وسوف نكمل بقية المعلومات عن المتغيرات والثوابت في المنشور القادم الجزء الثالث 2....

نرجوا منكم التفاعل والتعليق لان صفحتنا محضورة من التعليق، وشكرًا لكم

📌 موقع رهيب للكويزات ولاختبار نفسك بالعديد من لغات البرمجة 🔥
يحتوي على العديد من اللغات والتقنيات مثل
HTML
CSS
JAVASCRIPT
JSON
والكثير 🚀
https://quizzes.madza.dev

موقع عليه اشهر Layout مكتوبه HTML و CSS ❤

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

Link : csslayout.io/patterns/‎

موقع رهيب يبسط لك الخوارزميات باسهل طريقة 😍
ويوضح لك كيف تعمل كل خوارزمية ✅

https://www.toptal.com/developers/sorting-algorithms

الفرق مبين HTML و CSS و JS من الاخر 😁🤝⬇️

تعرف ليش نستخدم هذا السطر عند كتابة كود CSS 🤔

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

شاركني إجابتك  🚀👇

دورة جافا سكريبت كاملة وبشرح بسيط
https://youtube.com/playlist?list=PLMTdZ61eBnyp1nMM8mGRzpwuu6FNxFy0D

‏بناء المشاريع واحده من أفضل الطرق لتعلم و إحتراف تصميم المواقع💙

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

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

Link :github.com/bradtraversy/5‎…

دورة جافا كاملة من الصفر الى الاحتراف
https://youtube.com/playlist?list=PLMTdZ61eBnyol1gLHHgsiQbcOayNljG4_

‏- ملخص لجميع الدوال الخاصة بالarray في JavaScript.

الـconst يستعمل في حال كانت قيمة المتغير معروفة الأن
الـfinal يستعمل اذا كانت قيمة المتغير غير معروفة حاليا

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

ال var  يمكن اعادة تعريفه او التعديل على قيمته

‏موقع Code well

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

Link: https://www.codewell.cc/

‏اذا كنت تبحث عن خارطة تعلم:

Frontend
Backend
DevOps
Android
Flutter
ASP.NET‎
DBA
Blockchain

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

الموقع يحتوي على خرائط تعلم وأدلة ومحتويات تعليمية أخرى لمساعدة المطورين في تحديد المسار وتوجيه تعلمهم.

‏حتى تصبح مبرمج مواقع محترف تحتاج تتعلم هذه النقاط:

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

خلال 6 إلى 9 اشهر راح تكون قادر على العمل في برمجة المواقع و تنفيذها 👏🚀

‏موقع free frontend
يوفر اكواد جاهزه في
html css javascript react ...ect

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

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

رابط الموقع
freefrontend.com‎

دورة تعلم بوتستراب من الصفر إلى الاحتراف
https://youtube.com/playlist?list=PLMTdZ61eBnyoZi9kwFl_-5IQhrJsmJIB5

هل أنت مبرمج ؟ أم ناسخ؟


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

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

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

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

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

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

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

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

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

وفقنا الله وإياكم لك خير ...