عالم البرمجة هو عالم شاسع جدًا وفريد من نوعه ، عالم مملوء بالمجالات والتفريعات المختلفة ، نعم صديقي .... البرمجة ليست كغيرها من المجالات ، وأنت كمبتدئ في تعلم البرمجة عليك أن تقوم بتحديد المجال الذي ستشرع في تعلمه حتي لا تشتت نفسك ، فربما صديقي أنت قد فعلت تلك الخطوة وقد قمت بتحديد مجال تصميم وبرمجة مواقع الويب ، جميل .... هل تبدأ في المجال مباشرةً .... لا صديقي .. أنت بذلك ستشتت نفسك ، فإن مجال تصميم وبرمجة مواقع الويب ينقسم إلي عدة مجالات ، وأنت كمبتدئ في تعلم أي مجال عليك أن تكون علي معرفة جيدة بتفريعات هذا المجال ، هذا لكي تكون علي علم بما ستتعلمه ، وفي مقالنا هذا سأوضح لك صديقي كل ما يخص المجالين الرئيسيين في برمجة وتصميم المواقع ( Front End & Back End ) ، هذا لأنك إن اخترت تعلم واحد من هذين المجالين دون معرفة كافية بهما سيؤثر بشكل كبير جدًا علي اللغات التي ستتعلمها والنتائج التي ستحصل عليها بعدما تقوم بتعلم تلك اللغات وهكذا ...! ، أرأيت صديقي كم أن الموضوع في غاية الأهمية ، حسنًا ... كي لا نطيل .. دعنا نبدأ مباشرةً في عرض طيات ودهاليز موضوعنا دون تأخيرٍ أو إبطاءٍ .
ما هو الFront End ؟
اقرأ أيضًا : كيف تبدأ مشوارك في تعلم البرمجة بشكل صحيح ؟ | الدليل الشامل
 |
| ما الفرق بين الFront End والBack End ؟ |
ما هو الFront End ؟
الFrond End يقصد بها الواجهة الأمامية التي يتفاعل معها المستخدمين ، أي كل شئ في الموقع يراه المستخدم بعينه و يتفاعل معه ويستطيع إحداث أي حدث عليه ، هذا صديقي مثل ... الخطوط – النصوص – الألوان – الصور – الButtons... وغيرها ، هذا هو مفهوم الFront End ، قد تتساءل الآن .. ما هو دور الFront End، سأجيبك علي هذا التساؤل ، دور الFront End يكمن في تكويد التصميم الذي يُؤخذْ من المصمم ( أو يقوم هو بتصميمه من الصفر ) إلي واجهة يستطيع المستخدمين التفاعل معها ، كما أنه عنصر أساسي من عناصر تصميم أي موقع ، حسنًا صديقي ، لكي تبدأ في هذا المجال سيتوجب عليك البدء في تعلم Html و Css ومن بعدهم اللغة العملاقة Java Script( هذه هي اللغات الأساسية ) ، من بعدهم صديقي يجب عليك تعلم الإصدارات الجديدة من Html و Css وهم ( Html5 – Css3 ) ، بعدها عليك تعلم مكتبة من مكاتب الJava Script وهي الjQuery للتطوير من أعمالك وجعلها أكثر جمالية ، ومن بعدهم عليك أن تتقن بيئة عمل من البيئات الآتية ( Bootstrap - AngularJS - Backbone - Foundation ) وأرشح لك الBootstrap فهي الأكثر استخدامًا في الوقت الحالي ، بعد ذلك يمكنك تعلم Sass وهي لغة عبارة عن امتداد لCss ويمكنك الاستغناء عنها في حال كانت صعبة عليك ! ، يمكنك صديقي أن تمتلك ولو القليل من مهارات الفوتوشوب والليستراتور فهذا سيفيدك كثيرًا عندما تعمل في هذا المجال :) .
ما هو الBack End ؟
الBack End يقصد به تطوير كل ما يتعلق بالبنية الخلفية التي لا يراها المستخدم ! ، فال Back End هو الجزء الذي يتم بناءه لتعمل علي الربط بين الصفحات والبيانات المختلفات ، .... أعلم أن الأمر يبدو مشوشًا عليك كثيرًا ، حسنًا صديقي .. سأوضحه لك بمعني آخر وهو أن الBack End هو الجزء الذي يتم قراءته من خلال الServer ويهتم بالتحقق من إرسال البيانات من الموقع إلي المتصفح ، والمطور القائم بأعمال الBack Endوظيفته الأساسية هي تصور وإنشاء قاعدة البيانات الخاصة بالموقع وذلك انطلاقًا من دفتر التحميلات الخاص بالموقع نهايةً إلي تمكين المستخدم من حفظ بياناته في الموقع ، ( ربما الBack End لم تفهم مفهومها بعد ، فلا تقلق ستتمكن من فهمها تمامًا في الجزئية الخاصة بالفرق بينها وبين الFront End ) .
الآن دعنا نعرض المهارات والأشياء التي يجب أن تتعلمها لكي تبدأ في مجال الBack End ، في البداية صديقي عليك أن تتعلم لغتي Html و Css فهما أساسيان معك في مجال تصميم وبرمجة المواقع ، بعدها يجب أن تعلم أن أهم المهارات المطلوبة والأساسية في هذا المجال هي قدرتك علي الربط بين قواعد البيانات وكيفية عمل الServer ، وهذا بكل تأكيد لن تتمكن من الحصول عليه إلا عندما تتعلم لغة برمجية تهتم بالتعامل مع قواعد البيانات والServer، إذن فيجب عليك أن تتعلم لغة واحدة من اللغات الآتية ( PHP - ASP.net - Python ) ، أرشح لك أن تتعلم لغة Phpفهي الأكثر شعبية والمطلوبة في سوق العمل ، بعدها صديقي عليك أن تتعلم مجموعة من الأدوات مثل ( Mysql - SQL Server ) ، بعد ذلك ! ... أعتقد أنك لست بحاجة إلي أي شئ آخر بعدما تتعلم هذه الأشياء :) ! .
اقرأ أيضًا : 100 مصدر ومصدر لتعلم البرمجة مجانًا في كافة المسارات
ما الفرق بين الFront End والBack End؟
لا أعتقد أنك ما زلت حتي الآن لا تدرك الفرق بين الFront Endو الBack End، هذا لأنه بعدما قمت بتفسيرها قد تبين لك بشكل واضح أنهما مختلفان بتاتًا ! ، إلا أنهما يشتركان في برمجة وتصميم أي موقع إلكتروني ؛ لذلك صديقي سأعرض لك مثالًا سيجعلك تفهم من خلاله الفرق بينهما بشكل كامل كذلك سيوضح لك أكثر مفهوم الBack End! ، حسنًا ... دعنا نبدأ بعرض مثالنا ، سأطرح مثالنا علي موقعك الفيس بوك مثلًا ... أو أي موقع به نموذج للتسجيل ، عندما صديقي تقوم بمليء بياناتك وتأتي عند زر التسجيل أو الButton... هنا سيتضح الفرق بين الFront End و الBack End ، فالشكل الذي تراه لزر التسجيل ... والألوان ... وحجم ونوع الخط .... وغيرها ... يقوم مصمم الFront Endبتصميمها باستخدام اللغات والمكاتب التي تعلمها ، أما بالنسبة لبياناتك التي وضعتها ... بعدما تضغط علي الزر تقوم البيانات بشكل تلقائي بالإرسال إلي الServer وهذا هو عمل مطور الBack Endفهو يقوم ببرمجتها باستخدام اللغات التي تعلمها ... وهكذا صديقي المثال علي أكثر من موقع ، فأعتقد أنك أدركت الآن الفرق بينهما بشكل جيد وأدركت مفهوم الBack End، فأتمني أن أكون استطعت من خلال هذا المثال توصيل لك المعلومة بشكل أكثر وضوحًا .
اقرأ أيضًا : Ul و UX : ماهو UI و UX ؟ مالفرق بينهما ؟
ما هو الFull Stock ؟
قد بدأت في تعلم الFront End وأتقنتها .... أريد تعلم الBack End... بعد مدة قد أتقنتها وأصبحت أجيد التعامل مع المجالين ، هذا الشخص صديقي يدعي الFull Stockأي الشخص الذي يجيد التعامل الFront End والBack End وبمعني أفضل أنه يجيد تصميم وبرمجة مواقع الويب بشكل كامل ، فهو يستطيع تصميم الواجهة التفاعلية للمستخدمين كذلك قواعد البيانات الخاصية بالموقع ، لكن صديقي عمل هذا الشخص ليس سهلًا ، فهذا الشخص عليه بشكل دائم مواكبة التحديثات والتطويرات الخاصة بالمجالين واكتساب أكبر قدر من القدرة علي حل المشكلات البرمجية ، ومن أهم المهارات المطلوبة هي إتقان المجالين بكل تأكيد ! .
كم أنت قارئ جيد ومخلص يا صديق ... فقد وصلت معي إلي نهاية المقال ، تقديرًا لأنك قارئ جيد ... أعدك بأنني سأقدم لك من خلال موقعنا المزيد والمزيد من المقالات المهتمة بالبرمجة وغيرها من المجالات التقنية ، أرأيت كم أنا متحمس ... حسنًا صديقي ... كي لا تقلل من حماستي وطموحاتي المتمثلة في تقديم كل ما هو مفيدٍ لك .. توجه إلي التعليقات واكتب تعليقًا تشاركني فيه رأيك عن ذلك المقال ! ... أووه كدت أنسي أن أخبرك بأن تشاركه مع المهتمين مثلك ببرمجة وتصميم مواقع الويب ، ألقاك في مقال قريب جديد ... السلام عليكم ورحمة الله :)
ليست هناك تعليقات:
إرسال تعليق