تعلم تطوير وتصميم الويب - كيف ابدأ - نصائح + مصادر!

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

في بداية الامر ان اردت ان تهتم في مجال الويب يجب ان تعلم ان الويب ينقسم الى قسمين

front end(واجهة الموقع): وهي ما يراه المستخدم امامه عند تصفح الوقع (التصميم النهائي للموقع).

Back end(عقل الموقع او نظام الموقع): وهي التي لا يرها المستخدم والمقصود بها لغة البرمجة مثل (php, ruby, …) وتعمل على معالجة المعلومات واستقبالها من واجهة الموقع.

لتعرف الفرق اكثر شاهد هذا الفيديو:

https://www.youtube.com/watch?v=MyVjQizYgD8

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

كيف بدأت وكيف تبدأ انت؟

قبل سنتين من الان وكانت اول مرة اتصل بها بالأنترنت من منزلي

كان أصدقائي يتحدثون دائما عن موقع فيس بوك فدخلت اليه وأنشأت حساب به وبعد عدة أيام من تصفح الموقع والتواصل مع الاصحاب كانت الدهشة في وجهي وكان الفضول يقتلني كي اعرف كيف تبرمج مثل هذه المواقع لم أكن اعرف أي شيء ابدا

فذهبت الى العم جوجل وبحثت به: كيف ابرمج موقع مثل الفيس بوك؟

لم اجد شيء وفي الصدفة تعرفت على اليوتيوب فبداة البحث به وأيضا لم اجد شيء وعن طريق الصدفة وجدت درسا يشرح الـ HTML فبداة التطبيق معه وطبعت اسمي على المتصفح وكانت سعادتي لا توصف حينا

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

استمريت ما يقارب الشهر وبعدها توقفت بسبب انقطاع الانترنت عني

وفي بداية عام 2013 وبفضل الله أصبح لدي اشتراك انترنت خاص بي :)

وعدت كي أكمل التعلم.

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

من اين اتعلم هذه اللغات ؟

هناك العديد من المصادر العربية ولاكن لا انصح بها كلها فهناك اشخاص يضعون 200 درس لتتعلم مثل هذه اللغات البسيطة

فأنصك بالبداء مع يوسف إسماعيل عن تجربة بعد مشاهدة اكثر دورة فهو يشرح بأسلوب رائع جدا

والان بعد تعلم HTML, CSS حان الان وقت مشاهدة دورة تطبيقه مثل "تصميم قالب مدونة"

كي تطبق ما تعلمته وهذه بعض الدورات

https://www.youtube.com/playlist?list=PLH0pKST-TwZSbHHm4k4jhNd9QUCjjyIjB

والان ماذا ؟

والان اذهب لتعلمHTML5, CSS3 لا تقلق انها ليست لغة أخرى ولاكن بعض التحديثات على لغة HTML, CSS

والان يجب عليك ان تبدا بالتدريب شاهدة مواقع وتصاميم وبدأ في تقليديها

وتعلم استخدام اطر العمل الجاهزة مثل Bootstrap

وبعدها ابدا في تعلم الجافا سكريبت كي تضيف التفاعل الى موقعك وتعلم احد المكاتب لها مثل jquery

وتعلم Responsive Design التصميم المتجاوب والذي من خلاله تجعل الموقع يعمل على جميع احجام الشاشات مثل الجوال والأجهزة اللوحية.

والان لننتقل الى تعلم البرمجة وهنا انت تختار اللغة التي تريدها لتتعلما فهناك PHP, Ruby, ASP.NET

لا توجد لغة أفضل من الأخرى انت تختار حسب ما تحب وتفضل منها

انا شخصيا اخترت PHP لكثرت مصادر التعليم لها ويوجد الكثير من الشركات تطلب مبرمجين PHP وايضا احببتها جدا

ويجب ان تتعلم مع لغة البرمجة قواعد البيانات فلعة البرمجة بدون قاعدة البيانات لا تساوي شيء من خلالها تستطيع ان تخزن المستخدمين المقالات وغيرها من الامور.

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

والان تعلمت الأساسيات ماذا بعد؟!

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

والان انهيت هذه المرحلة ابدا في تعلم OOP وهو أسلوب برمجة الكائنات موجود في معظم لغات البرمجة فهو يسهل عليك العمل جدا.

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

قد تقول لي انا لا اتقن اللغة الإنجليزية وانا أيضا لا اتقنها ولاكن اتعلم من الدروس الإنجليزية

كيف يحدث هذا؟ بكل بساطة عند مشاهدة الدرس شاهده اول مرة حاول ان تفهم منه قدر المستطاع وابدا في التطبيق وتحليل ما قمت بكتابته فان وقعت في مشاكل فانت في الطريق الصحيح لأنك عندما تحل هذه المشكلة شوف تفهم 99% من الكود الذي قمت بكتابته.

"ليس معنى كلامي ان تترك تعلم اللغة الإنجليزية ولاكن هذه حل وانت تتعلم اللغة الإنجليزية"