كيف تزيد خبرتك في برمجة المواقع web developer

كيف تطور قدرتك و تزيد خبرتك في برمجة المواقع web developer، سوف نتحدث في هذا المقال عن كيف تصبح مطور ويب وما هي المطلبات حتي اصبح مبرمج ويب و كيف تطور قدرتك و خبرتك في تطوير المواقع بشكل عام web developer.

ما هو مطور الويب بصفة عامة web developer ؟

يعتبر تطوير الويب وبرمجة المواقع الالكترونية اصبح مطلوبا بشدة في الفترة الاخير وارتفاع نسبة الطلب علي المبرمجين مع تطور العلم اصبح من السهل برمجة موقع الكتروني خاص بيك ليس بالامر الصعب فيجب ان تعرف ان مسار مبرمج الويب ينقسم الي نوعان fontendوbackend.

ويجب تعلمهم حتي تصبح مطور مواقع ويب web developer وسوف اقوم بشرح كل نوع بالتافصيل وحين اذا تقر اما ان تكون fontend او bakend وفي اما ان تصبح كلاهما مطور ويب web developer خاص بنفسك وتعمل فري لانسر او تعمل في احدي الشركات.

مفهوم الـ front

عندما تدخل الي موقع الكتروني مثل facebook او instegram يضهر امامك الصفحة الخاصة بيك وهذا يسمي face
او الواجهه التي تظهر أمام المستخدمين الdesing بالاصح والشخص الذي يقوم برمجة الواجهة يسمي front
وهو شخص يهتم بمظهر الموقع ويقوم بتصميم الايقونات وترتب الموقع حتي يتناسب مع المستخدمين.

ما هو مسار font End ؟

يجب ان يتعلم بعض لغات التصميم (html/css/java script/Bootstrap) ويكون محترف ويتقن التعامل معها وسوف اعطيك نبذة عن كل لغة برمجية .

اولا html :
لغة بسيطة جداً تستخدم لتحديد نوع المحتوى المراد عرضه في كل جزء من صفحات الويب فقط.

كل شيء تضيفه في صفحة الويب هو فعلياً عبارة عن وسم ( Tag ) فيها و إليك بعض الأمثلة:

ثانيا css :

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

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

توجد مكتبات عديد مبنية خصيصاً للغة JavaScript مثل JQuery و Ajax و هناك إطارات عمل أيضاً مثل React و Vue و Angular سوف تحتاجها مستقبلاً لإختصار و تبسيط أكوادك و بناء مواقع و أنظمة إحترافية.

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

بما أن Bootstrap دوره يقتصر فقط في تحسين تصميم الموقع فهذا يعني أنه يستخدم من ناحية الـ Front-End. و بالمناسبة, تم بناء هذا الإطار باستخدام اللغات HTML, CSS, JavaScript و جزء منه الخاص بالمؤثرات التي يوفرها لك يعتمد على مكتبة JQuery و مكتبة Popper.js التي تجعل الموقع سهل التحكم بالنسبة للشاشة التي يمكن التحكم بها باللمس (Touch Screen).

مفهوم الـ rear

عندما تدخل لموقع مثل face book وتقوم بعمل login للحساب اذا كيف يعرف الموقع انك ادخلت email,pass
بطريقة صحيحة وان هذا الحساب موجد فعلا هذا يرع الي ما يسمي back end هو الجزء الخفي في الموقع و الذي لا يراه المستخدم العادي و وظيفته لها على علاقة بما يحدث في السيرفر و قواعد البيانات.

فان مطور الويب او backside يحتاح ان يعرف بعض لغات البرمجة المخصصة للسرفرات مثل :

PHP
#C
Java
Python
Ruby
ولا يشترط ان يدرس كل اللغات اختر لغة واحدة فقط كفالة انها تساعدك في الback end وبفضل تعلم php
لان phpافضل واسهل وخفيفة في التعامل موع الموقع وسريعة ويعتبر معظم المواقع علي الانترنت مبنية ب php
بعد تعلم ب php سوف تحتاج الي تعلم احدي لغات قواعد لبينات لحفظ داتا العملاء علي موقعك.
واشهر قواعد البيانات المستخدمة في المواقع هي :
MySQL
MongoDB
Firebase

ويفضل استخدام MySQL كبداية لأنها مجانية 100% و الأشهر و الأكثر استخداماً.

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

لذلك ، يتم تخزين جميع البيانات المخزنة على الموقع في قاعدة بيانات مخصصة للموقع. على سبيل المثال ، على Facebook ، تأكد من تخزين معلومات حسابك الشخصية والمشاركات والصور التي تحمّلها عليها في قاعدة بيانات Facebook.

كيف أطور قدرتي و أزيد خبرتي في تطوير المواقع web developer ؟

بعد ان عرفت ما هو front ,back end ياتي الان الدور حتي تعرف كيف تتطور من نفسك بشكل صحيح .

برمجة موقع إلكتروني لإضافة المعلومات و عرضها و تحديثها و حذفها.
إضافة تسجيل دخول و تسجيل حساب جديد في الموقع.
برمجة موقع لإضافة و عرض المقالات و التعليقات.
برمجة لوحة تحكم لإدارة الموقع.

هذه الأشياء ستتعامل معها على الأغلب في كافة المشاريع التي تفعلها لذا تمرن على فعلها بنفسك.

ولكي تمكن من انشاء موقع ناجح ومتكامل :

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