1
في بداية الامر ان اردت ان تهتم في مجال الويب يجب ان تعلم ان الويب ينقسم الى قسمين
front end(واجهة الموقع): وهي ما يراه المستخدم امامه عند تصفح الوقع (التصميم النهائي للموقع).
Back end(عقل الموقع او نظام الموقع): وهي التي لا يرها المستخدم والمقصود بها لغة البرمجة مثل (php, ruby, …) وتعمل على معالجة المعلومات واستقبالها من واجهة الموقع.
2
كيف بدأت وكيف تبدأ انت؟
قبل سنتين من الان وكانت اول مرة اتصل بها بالأنترنت من منزلي
كان أصدقائي يتحدثون دائما عن موقع فيس بوك فدخلت اليه وأنشأت حساب به وبعد عدة أيام من تصفح الموقع والتواصل مع الاصحاب كانت الدهشة في وجهي وكان الفضول يقتلني كي اعرف كيف تبرمج مثل هذه المواقع لم أكن اعرف أي شيء ابدا
فذهبت الى العم جوجل وبحثت به: كيف ابرمج موقع مثل الفيس بوك؟
لم اجد شيء وفي الصدفة تعرفت على اليوتيوب فبداة البحث به وأيضا لم اجد شيء وعن طريق الصدفة وجدت درسا يشرح الـ HTML فبداة التطبيق معه وطبعت اسمي على المتصفح وكانت سعادتي لا توصف حينا
فبدأت البحث اكثر عن الموضوع وتعرفت من احد الفيديوهات ان المواقع تتكون من تصميم ولغات برمجة وقواعد بيانات.
استمريت ما يقارب الشهر وبعدها توقفت بسبب انقطاع الانترنت عني
وفي بداية عام 2013 وبفضل الله أصبح لدي اشتراك انترنت خاص بي :)
وعدت كي أكمل التعلم.
3
والان لنبدأ كي تصبح مصمم يجب عليك ان تتعلم لغات الهيكلة مثل HTML, CSS
من اين اتعلم هذه اللغات ؟
هناك العديد من المصادر العربية ولكن لا انصح بها كلها فهناك اشخاص يضعون 200 درس لتتعلم مثل هذه اللغات البسيطة
فأنصك بالبداء مع يوسف إسماعيل عن تجربة بعد مشاهدة اكثر دورة فهو يشرح بأسلوب رائع جدا
4
والان اذهب لتعلمHTML5, CSS3 لا تقلق انها ليست لغة أخرى ولكن بعض التحديثات على لغة HTML, CSS
والان يجب عليك ان تبدا بالتدريب شاهدة مواقع وتصاميم وبدأ في تقليديها
وتعلم استخدام اطر العمل الجاهزة مثل Bootstrap
وبعدها ابدا في تعلم الجافا سكريبت كي تضيف التفاعل الى موقعك وتعلم احد المكاتب لها مثل jquery
وتعلم Responsive Design التصميم المتجاوب والذي من خلاله تجعل الموقع يعمل على جميع احجام الشاشات مثل الجوال والأجهزة اللوحية.
5
والان لننتقل الى تعلم البرمجة وهنا انت تختار اللغة التي تريدها لتتعلما فهناك PHP, Ruby, ASP.NET
لا توجد لغة أفضل من الأخرى انت تختار حسب ما تحب وتفضل منها
انا شخصيا اخترت PHP لكثرت مصادر التعليم لها ويوجد الكثير من الشركات تطلب مبرمجين PHP وايضا احببتها جدا
ويجب ان تتعلم مع لغة البرمجة قواعد البيانات فلعة البرمجة بدون قاعدة البيانات لا تساوي شيء من خلالها تستطيع ان تخزن المستخدمين المقالات وغيرها من الامور.
تعلم لغة SQL فيه تسمح لك بالتواصل مع قواعد البيانات مثل MYSQL وهي بسيطة جدا وتشبه لغة الانسان (احذف، عدل، أضف) ولكن بالغة الإنجليزية.
6
والان تعلمت الأساسيات ماذا بعد؟!
يجب عليك ان تشاهد دورة بناء سكريبت (ادرة محتوى، بناء منتدى، سكريبت تدوين...الخ) كي تعرف كيف تستخدم الشروط والحلقات وتخزن في قواعد البيانات وتسجل المستخدمين وكل هذه الأشياء.
والان انهيت هذه المرحلة ابدا في تعلم OOP وهو أسلوب برمجة الكائنات موجود في معظم لغات البرمجة فهو يسهل عليك العمل جدا.
والان أصبحت خبرتنا جيدة وأصبح بإمكاننا ان نبرمج ونصمم موقع هل انتهينا؟ لا يا صاحبي العلم لا ينتهي واكد لك أنك ان قرأت كل الوثائق الموجودة بموقع PHP.net لن تنهي اللغة كل يوم هناك اشاء جديدة وهناك أشياء لم تتعلمها بعد فعليك الان ان تنطلق الى المحتوى الإنجليزي كي تكمل التعلم فمن المحتوى العربي لن تأخذ الى الأساسيات.
قد تقول لي انا لا اتقن اللغة الإنجليزية وانا أيضا لا اتقنها ولكن اتعلم من الدروس الإنجليزية
كيف يحدث هذا؟ بكل بساطة عند مشاهدة الدرس شاهده اول مرة حاول ان تفهم منه قدر المستطاع وابدا في التطبيق وتحليل ما قمت بكتابته فان وقعت في مشاكل فانت في الطريق الصحيح لأنك عندما تحل هذه المشكلة شوف تفهم 99% من الكود الذي قمت بكتابته.
اضغط هنا لقراءة المزيد من المسارات التعليمية
أشهر المقالات
افضل 6 مواقع لتصحيح أخطاء الـGrammar
تحميل برنامج تعلم اللغة الإنجليزية Z American English التابع لإبراهيم عادل
كورس الانجليزي مقدمة من ZAmericanEnglish المستوي الاول كامل PDF مجانا مع امكانية التحميل
الماتريال الكاملة لطلبة طب من سنة اولى لستة بجودة عالية ومحدثة
افضل طريقة انشاء سيرة ذاتية C.V بشكل احترافى
اقوى قنوات تعليم الخياطة والتفصيل للمبتدئين من البداية الى الاحتراف مجانا
تحميل امساكية رمضان 1446 2025 حصرياً| عدد ساعات الصيام ومناسبات الشهر
النسخ الكاملة لجميع برامج أدوبى 2020
تجميعة لأكثر من 20 ملف نموذج CV للسيرة الذاتية مع امكانية التحميل
افضل 5 مواقع لممارسة اللغة مع أجانب