كيف تصبح مطور ويب(Web Developer )
في هذا الموضوع سأبين لك الخطوات ولغات البرمجة المطلوبة منك لكي تصبح مطور ويب
بعض المصادر ستكون باللغة الإنجليزية ولكن في نهاية الموضوع سأوفر لك ايضا المصادر العربية للتعلم
وأيضا سأخبرك بالخلل الذي نعاني منه جميعا بعد وأثناء تعلم البرمجة (1)
في هذا الموضوع سأبين لك الخطوات ولغات البرمجة المطلوبة منك لكي تصبح مطور ويب
بعض المصادر ستكون باللغة الإنجليزية ولكن في نهاية الموضوع سأوفر لك ايضا المصادر العربية للتعلم
وأيضا سأخبرك بالخلل الذي نعاني منه جميعا بعد وأثناء تعلم البرمجة (1)
مهنة مطور الويب هي من أكثر الوظائف المطلوبة في السوق العربي والأجنبي ، ويوميا يزداد عليها الطلب بلا شك ، ولكن مطور الويب مقصود منها الشخص الذي يتقن لغات البرمجة الخاصة بواجهة الموقع الأمامية ، من حيث الشكل وترتيب العناصر واستجابة الموقع مع الشاشات المختلفة ومحركات البحث (2)
هناك كورسات مكثفة المسماة (BootCamps)تعلمك كيف تصبح مطور ويب في فترة قد تكون 3 او 4 أشهر علي الأقل،ولكن هذه تحتاج منك مجهود قاسي وخبرة بسيطة بالانجليزية وتفرغ تام،ولكن سنوضح الموضوع بشكل بسيط مع ذكر اللغات والمكتبات الاساسية المطلوية فقط دون حشو زائد وكلام بلا فائدة (3)
أولا، لغة html
كثير منكم الآن سيمر علي هذه الفقرة متخيلا أنه خبير في html مجرد ما اتم بناء مشروع بسيط يحتوي علي قائمة بالاعلي وبعض الصور مع مجموعة من الأزرار ، مهلا صديقي !
انصحك بالتعمق أكثر في html ومعرفة كل شئ عنها بداية من القوائم،والعناصر،والجداول،والصور،والفيديوهات (4)
كثير منكم الآن سيمر علي هذه الفقرة متخيلا أنه خبير في html مجرد ما اتم بناء مشروع بسيط يحتوي علي قائمة بالاعلي وبعض الصور مع مجموعة من الأزرار ، مهلا صديقي !
انصحك بالتعمق أكثر في html ومعرفة كل شئ عنها بداية من القوائم،والعناصر،والجداول،والصور،والفيديوهات (4)
حتي تغلق مصدر التعلم الخاص بك وتقوم بإنشاء أول موقع من مخيلتك ثم تقوم بكتابة افكارك وتوزيعها علي هيئة أكواد html ولا تترك عنصر الا فهمته وطبقته، حينها اقول لك شكرا لمجهودك وهيا ننتقل الي اللغة الثانية التي ستكمل رحلتك في عالم مطوري الويب وهي Css (5)
لغة Css
هي لغة المظهر والجمال لموقع الويب،تقوم بتوزيع العناصر وضبط حجمها واختيار الوانها واشكالها،والخلفيات المؤثرة،وكل ما يخص الشكل والمظهر،تحتاج منك الي شئ من التعمق والفكر،وبحاجة شديدة الي الإبداع وليس الحفظ والتطبيق فقط، من خلالها ستقوم بعمل أكبر ميزة في موقعك وهي (6)
هي لغة المظهر والجمال لموقع الويب،تقوم بتوزيع العناصر وضبط حجمها واختيار الوانها واشكالها،والخلفيات المؤثرة،وكل ما يخص الشكل والمظهر،تحتاج منك الي شئ من التعمق والفكر،وبحاجة شديدة الي الإبداع وليس الحفظ والتطبيق فقط، من خلالها ستقوم بعمل أكبر ميزة في موقعك وهي (6)
Responsive Design
التصميم المتجاوب،ويعني أن موقعك لابد أن يتم ضبطه مع الشاشات المختلفة بداية من شاشة اصغر هاتف الي أكبر شاشة كمبيوتر،وهذه الميزة دوما يستخدم فيها المطورون خاصية(Media Query)وهي أن تقوم بذكر كل عنصر بمفرده وتعطيه الأكواد الخاصة للتجاوب مع الشاشات المختلفة ولكن(7)
التصميم المتجاوب،ويعني أن موقعك لابد أن يتم ضبطه مع الشاشات المختلفة بداية من شاشة اصغر هاتف الي أكبر شاشة كمبيوتر،وهذه الميزة دوما يستخدم فيها المطورون خاصية(Media Query)وهي أن تقوم بذكر كل عنصر بمفرده وتعطيه الأكواد الخاصة للتجاوب مع الشاشات المختلفة ولكن(7)
في Css يوجد ميزتين تغنيك عن ذلك وستسأل عنهم في معظم مقابلاتك مع شركات البرمجة وهي خاصية(Css Flex)و (Css Grid) وهذه الخواص مهمة جدا في مشروعك لانها تعطي موقعك استجابة مع الشاشات وتوفر عليك الكثير،فضلا عن البوتستراب الذي سنذكره الآن،والآن قم ببناء مشروعك الآول بلغة html+css (8)
البوتسترابBootstrap
الفريم ورك الشهير في عالم مطوري الويب،من أهم مميزاته،توفير الوقت والمجهود،وبمجرد استخدامه يجعل موقعك متوافق مع الشاشات المختلفة ويحتاج منك الي تعديلات بسيطة،يفضل الدخول اليه بعد تعلمك html+cssولكن يفضل ان لا تأخذ منه copy للأكواد دون أن تفهم طريقة استخدامه (9)
الفريم ورك الشهير في عالم مطوري الويب،من أهم مميزاته،توفير الوقت والمجهود،وبمجرد استخدامه يجعل موقعك متوافق مع الشاشات المختلفة ويحتاج منك الي تعديلات بسيطة،يفضل الدخول اليه بعد تعلمك html+cssولكن يفضل ان لا تأخذ منه copy للأكواد دون أن تفهم طريقة استخدامه (9)
لغة JavaScript
اللغة الأهم والشهيرة والتي ستختم بها وظيفتك كمطور للويب،يستخدمها 98٪من مواقع الويب،أصبحت متعددة الإستخدام،في الويب،وتطبيقات الهواتف،وأصبحت أيضا تستخدم من جهة السيرفر مع Node.js,تعلمها شيق وممتع ولكن تحتاج منك الصبر والمثابرة حتي تفهم طريقة عملها،من أهم مراحلها(10)
اللغة الأهم والشهيرة والتي ستختم بها وظيفتك كمطور للويب،يستخدمها 98٪من مواقع الويب،أصبحت متعددة الإستخدام،في الويب،وتطبيقات الهواتف،وأصبحت أيضا تستخدم من جهة السيرفر مع Node.js,تعلمها شيق وممتع ولكن تحتاج منك الصبر والمثابرة حتي تفهم طريقة عملها،من أهم مراحلها(10)
مرحلة (Dom)وكثير منا يمر علي هذه المرحلة مرور الكرام،ولكن هي أهم خطوة في تعلم الجافا سكربت،فهي التي تمكنك من استخدام جافا سكربت في موقع الويب،وتقوم عن طريقها بالتلاعب بالعناصر وتغييرها،وايضا اضافة وحذف العناصر في موقعك،وبشكل عام جافا سكربت ستسهل عليك الكثير في مشروعك (11)
JQuery|مكتبة الجي كويري
جي كويري ليست لغة برمجة،ولكن هي عبارة عن مكتبة برمجية تستعمل مع لغة جافا سكربت،تتيح لنا وبسهولة تامة إضافة تأثيرات رائعة علي صفحة الويب،مثل تمرير مؤشر الفأرة،أو النقر علي عنصر معين،هناك الكثير من المكتبات الأخري ولكن في البداية يمكنك البدء بjquery
(12)
جي كويري ليست لغة برمجة،ولكن هي عبارة عن مكتبة برمجية تستعمل مع لغة جافا سكربت،تتيح لنا وبسهولة تامة إضافة تأثيرات رائعة علي صفحة الويب،مثل تمرير مؤشر الفأرة،أو النقر علي عنصر معين،هناك الكثير من المكتبات الأخري ولكن في البداية يمكنك البدء بjquery
(12)
الخطوة الأخيرة لك هي تعلم Version Control
التحكم في الإصدارات،وهذه الخطوة أيضا ستسأل عنها في جميع مقابلاتك مع شركات البرمجة،وأشهر أداة لذلك هي Git,التي تمكنك من رفع مشاريعك علي موقع githup,لذلك يجب عليك فهمها جيدا،والعمل عليها،وأنصحك بشدة أن لا تتجاهل هذه الخطوة (13)
التحكم في الإصدارات،وهذه الخطوة أيضا ستسأل عنها في جميع مقابلاتك مع شركات البرمجة،وأشهر أداة لذلك هي Git,التي تمكنك من رفع مشاريعك علي موقع githup,لذلك يجب عليك فهمها جيدا،والعمل عليها،وأنصحك بشدة أن لا تتجاهل هذه الخطوة (13)
الآن ربما قد تعلمت هذه الأساسيات والمهارات،واتقنتها جيدا،ولكن ماذا بعد ذلك، هنا يقع الخلل ?♂️السؤال الأول لك :- أين مشاريعك ?
هل تعلمت كل هذا ومررت علي الاساسيات بسرعة فائقة،أم أتقنت وفهمت ماذا تفعل،إذا قم الآن بتحويل جميع ما تعلمته الي مواقع ويب بسيطة ثم ارفعها علي موقع Githup
هل تعلمت كل هذا ومررت علي الاساسيات بسرعة فائقة،أم أتقنت وفهمت ماذا تفعل،إذا قم الآن بتحويل جميع ما تعلمته الي مواقع ويب بسيطة ثم ارفعها علي موقع Githup
الخطوة المتبقية لك الآن من أجل البحث عن وظيفتك الأولي هي CV السيرة الذاتية،قم بإنشاء سيرة ذاتية تدل علي ثقافتك وفهمك لما تعلمت ليس مجرد ملف تضع فيه بعض السطور،اضف مهاراتك ومشاريعك وضع تحت (مشاريعك) خطوط كثيرة،كما ذكرنا سابقا
(15)
(15)
الخطوة الخيرة التي ينتظرها الجميع بشغف ، أين مصادر التعلم لكل ما ذكرت ?♂️
سأضع لك عزيزي القارئ مصدرين اثنين فقط كي لا اشتتك ، الأول انجليزي والثاني عربي والإثنين ستجد فيهم كل ما ذكرت وزيادة إن شاء الله ، عليك فقط بالبدء والاستعانة بالله ولا تعجز (16)
سأضع لك عزيزي القارئ مصدرين اثنين فقط كي لا اشتتك ، الأول انجليزي والثاني عربي والإثنين ستجد فيهم كل ما ذكرت وزيادة إن شاء الله ، عليك فقط بالبدء والاستعانة بالله ولا تعجز (16)
المصدر الأول لمحبي التعلم من المواقع الأجنبية ، وهذا الموقع فيه خلاصة جميع مع ذكرت ، قد يصل القسم الواحد الي 300 ساعة تدريبية ولكن سيعطيك المهارات التي تنجحك وبشدة وتجعلك مطور ويب محترف وهذا الموقع اعتبره كنز ،فقط ادخل القسم المراد،وابدء فورا (17)
freecodecamp.org
freecodecamp.org
المصدر الثاني وهو عربي وأنصح به كل مبتدء وايضا ستجد فيه كل ما ذكرت ،وهو مشهور جدا في لغات تطوير الويب،ويبدء معك من البداية، وهو قناة الزيرو التعليمية (18)
youtube.com
youtube.com
وأخيرا بالنسبة للتعلم من المصادر المدفوعة فأنا سأذكر ما قمت بتجربته فقط وهم
Udacity.com(كورس النانو ديجري)
Udemy.com
وفي العربي (اكاديمية حسوب)
———-
وهناك ايضا cursera و linkedin courses
————
والعديد من المصادر الأخري ولكن اذكر من تعلمت منهم فقط (19)
Udacity.com(كورس النانو ديجري)
Udemy.com
وفي العربي (اكاديمية حسوب)
———-
وهناك ايضا cursera و linkedin courses
————
والعديد من المصادر الأخري ولكن اذكر من تعلمت منهم فقط (19)
وأخيرا عزيز القارئ، يمكنك التعلم من المصدر المفضل لديك ، ولكن رجاء قم بأخذ الخطوات السابقة بالترتيب، واصبر علي طلب العلم ، ولا تستجعل ، وأسأل الله لي ولكم التوفيق متابعيني الكرام ?
(20)
(20)
جاري تحميل الاقتراحات...