كيف أبدأ في عالم تطوير الويب ؟!

كيف أبدأ في عالم تطوير الويب ؟! , مصادر هامة + نصائح
بسم الله الرحمن الرحيم .. 
كيف أصبح مصمم ويب ؟ كيف اتعلم برمجة المواقع؟ من اين اتعلم؟ لا توجد مصادر عربية كثيرة؟ كل هذه الأسئلة قد تدور في راسك عندما تريد ان تبدأ في مجال تطوير الويب وفي هذه المقالة سوف اشارككم خبرتي البسيطة وتجربتي والمصادر التي اتعلم منها وكيف تسير في الاتجاه الصحيح ! 





في بداية الأمر إن اردت أن تهتم في مجال الويب يجب أن تعلم أن الويب ينقسم إلى قسمين :
  1. front end(واجهة الموقع): وهي ما يراه المستخدم امامه عند تصفح الوقع (التصميم النهائي للموقع).
  2. Back end(عقل الموقع او نظام الموقع): وهي التي لا يرها المستخدم والمقصود بها لغة البرمجة مثل (php, ruby, …) وتعمل على معالجة المعلومات واستقبالها من واجهة الموقع !
لتعرف الفرق اكثر شاهد هذا الفيديو:

والان بعد ان توضحت لنا الأمور قليلا سوف اشاركم أولا بتجربتي وكيف بدأت التعلم وفي النهاية المصادر التي تعلمت منها.
كيف بدأت وكيف تبدأ انت؟
قبل سنتين من الان وكانت اول مرة اتصل بها بالأنترنت من منزلي كان أصدقائي يتحدثون دائما عن موقع فيس بوك فدخلت اليه وأنشأت حساب به وبعد عدة أيام من تصفح الموقع والتواصل مع الاصحاب كانت الدهشة في وجهي وكان الفضول يقتلني كي اعرف كيف تبرمج مثل هذه المواقع لم أكن اعرف أي شيء ابدا
فذهبت الى العم جوجل وبحثت به: كيف ابرمج موقع مثل الفيس بوك؟
لم اجد شيء وفي الصدفة تعرفت على اليوتيوب فبداة البحث به وأيضا لم اجد شيء وعن طريق الصدفة وجدت درسا يشرح الـ HTML فبدأةُ التطبيق معه وطبقت اسمي على المتصفح وكانت سعادتي لا توصف حينا :D

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

في البداية يجب تعلم اللغات الهيكلية الخاصة بالتصميم :
وعدت كي أكمل التعلم. ، والان لنبدأ كي تصبح مصمم يجب عليك ان تتعلم لغات الهيكلة مثل HTML, CSS

من اين اتعلم هذه اللغات ؟
هناك العديد من المصادر العربية ولكن لا انصح بها كلها فهناك اشخاص يضعون 200 درس لتتعلم مثل هذه اللغات البسيطة
فأنصك بالبدء مع اسامة محمد " الزيرو" عن تجربة بعد مشاهدة اكثر دورة فهو يشرح بأسلوب رائع جدا
قناة أسامة الزيرو على اليوتيوب
والان بعد تعلم HTML, CSS حان الان وقت مشاهدة دورة تطبيقه مثل "تصميم قالب مدونة"
كي تطبق ما تعلمته هذه بعض الدورات إضغط هنا

والان ماذا ؟
الان اذهب لتعلمHTML5, CSS3 لا تقلق انها ليست لغة أخرى ولاكن بعض التحديثات على لغة HTML, CSS وبإمكانك تعلُمها ايضاً من قناة أسامة محمد الذي وضعت رابطها في الاعلى ، لأسهل عليك البحث في القناة هذه الكورسات HTML5 و CSS3  ،، والان يجب عليك ان تبدأ بالتدريب شاهد مواقع وتصاميم وإبدأ في تقليديها
تعلم استخدام إطار العمل الجاهزة مثل Bootstrap ، وبعدها ابدأ في تعلم الجافا سكريبت كي تضيف التفاعل الى موقعك وتعلم إحدى المكاتب لها مثل jquery ، وتعلم Responsive Design التصميم المتجاوب والذي من خلاله تجعل الموقع يعمل على جميع احجام الشاشات مثل الجوال والأجهزة اللوحية.

والان ننتقل الى تعلم البرمجة :
 وهنا انت تختار اللغة التي تريدها لتتعلما فهناك PHP, Ruby, ASP.NET لا توجد لغة أفضل من الأخرى انت تختار حسب ما تحب وتفضل منها ، انا شخصيا اخترت PHP لكثرت مصادر التعليم لها ويوجد الكثير من الشركات تطلب مبرمجين PHP وايضا احببتها جدا ويجب ان تتعلم مع لغة البرمجة قواعد البيانات فلغة البرمجة بدون قاعدة البيانات لا تساوي شيء من خلالها تستطيع ان تخزن المستخدمين المقالات وغيرها من الامور.

تعلم لغة SQL فيه تسمح لك بالتواصل مع قواعد البيانات مثل MYSQL وهي بسيطة جدا وتشبه لغة الانسان (احذف، عدل، أضف) ولاكن بالغة الإنجليزية.

والان تعلمت الأساسيات ماذا بعد؟!
يجب عليك ان تشاهد دورة بناء سكريبت (ادرة محتوى، بناء منتدى، سكريبت تدوين...الخ) كي تعرف كيف تستخدم الشروط والحلقات وتخزن في قواعد البيانات وتسجل المستخدمين وكل هذه الأشياء.

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

قد تقول لي انا لا اتقن اللغة الإنجليزية وانا أيضا لا اتقنها ولاكن اتعلم من الدروس الإنجليزية
كيف يحدث هذا؟ بكل بساطة عند مشاهدة الدرس شاهده اول مرة حاول ان تفهم منه قدر المستطاع وابدا في التطبيق وتحليل ما قمت بكتابته فان وقعت في مشاكل فانت في الطريق الصحيح لأنك عندما تحل هذه المشكلة شوف تفهم 99% من الكود الذي قمت بكتابته.
"ليس معنى كلامي ان تترك تعلم اللغة الإنجليزية ولاكن هذه حل وانت تتعلم اللغة الإنجليزية"
والان بعض المصادر التي اتعلم منها والتي سوف تساعدك في بدء التعلم وأيضا في اكمال التعلم:
المصادر العربية:


قناة يوسف إسماعيل فهو أفضل شخص لتأخذ منه الأساس

عبد الله عيد
أفضل كورس شاهدة لبناء CMS

بعض الخدع باستخدام CSS

شروحات في PHP والووردبريس

قناة إبراهيم قديح


مطورين الويب العرب (لا انصح به كثيرا)


قناة ذات شرح رائع HTML5, HTML5 API, CSS3, JS


مصادر اخرى:


التصميم المتجاوب

المصادر الإنجليزية:
من القنوات المفضلة لدي phpacademy


قنوات أخرى


قناة رائع للتصميم

كورس مجاني على موقع tutsplus لتعلم Bootstrap

التصميم المتجاوب


وايضا لا ننسى قرأة الكتب فهي تعطيك معلومات اكثر من الكورسات
مدونات رائعة:
colorslab.net

المصدر : Hussam 3bd


لاتنسى دعمنا بمشاركة الموضوع 
مع تحيات فريق بيت التقنية | Tech House
والسلام عليكم ورحمة الله تعالى وبركاته

برمجة

بلوجر

ثقافة تقنية

كيف ابدأ بعالم تطوير الويب

كيف اتعلم البرمجة

كيف أصبح مطور ويب ؟

مقالات تقنية

تعليقات المقال :