تعلم تطوير الويب في 180 يوم

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

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

بدون مزيد من الكلام، إليك كيف يمكنك أن تصبح مطور ويب في 180 يومًا. 180 يومًا هو الوقت الكافي لبدء حياتك المهنية في البرمجة في مجال تطوير الويب. 180 يوما غير مضمون. قد يستغرق الأمر وقتًا أطول أو قد يكون أسرع. كل هذا يتوقف على مقدار ما تريده ومقدار الجهد الذي ترغب في بذله.

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

من مصمم الويب؟

يجب أن نفرق بين مطور الويب و مصمم الويب الذي يجعل موقع الويب الخاص بك يبدو جيدا.
يركز مصمم الويب على الأسلوب والشكل العام للصفحة، باستخدام برامج مثل Photoshop لتخصيص العناصر المرئية لموقع الويب. يستخدم أيضًا رمزًا مثل HTML و CSS (أوراق الأنماط المتتالية) لإنشاء تصميماتهم

مصمم تجربة المستخدم (UX):
تتمثل مهمة مصمم الويب UX في إبقاء زوارك مدمنين.
إنهم يعرفون تمامًا كيفية صياغة موقع ويب سيستمتع به جمهورك المحدد لأنهم أجروا بحثًا شاملاً في احتياجات موقع الويب، ناهيك عن الكثير من اختبارات النماذج الأولية وإعادة هيكلة الموقع.

مصمم واجهة المستخدم (UI):
يساعد مصمم الويب الخاص بواجهة المستخدم في تحسين طريقة تفاعل المستخدمين مع العناصر أو الواجهة على موقع الويب الخاص بك.
يتم ذلك عن طريق ترجمة أفكار وقيم العلامة التجارية المعقدة إلى موقع ويب ممتع وسهل التنقل.

من مطور الويب؟

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

كيف تعمل العلاقة بين المطورين و المصممين؟

ينشئ مطور الويب إطار عمل لموقع ويب باستخدام برامج مثل Javascript و JQuery، بهدف صياغة موقع ويب يعمل بسلاسة، والذي يقوم مصممو الويب بعد ذلك بسكب عصائرهم الإبداعية عليه.

يمكنك أن تقرأ أيضا: ماهي صفحات الهبوط؟ الدليل الكامل للمبتدئين

أنواع مطوري الويب:

Back-end developer مطور الواجهة الخلفية
الخلفية هي حيث تم تصميم الهيكل الأساسي للموقع.
يقوم مطور الويب هنا باستخدام لغات البرامج المعقدة مثل Java و SQL و C #.
لا يرى المستخدمون العمل الذي يقومون به لأنه يتضمن ترميزًا على خوادم الويب وقواعد البيانات، وليس على المتصفح.
Front-end developer مطور الواجهة الأمامية
أي مطور ويب من جانب العميل.
إنها أكثر ارتباطًا بتصميم الويب من تطوير الواجهة الخلفية لأنها تتضمن استخدام HTML و CSS وجافا سكريبت لإنشاء أشياء يمكن للمستخدم رؤيتها، مثل نماذج العملاء المحتملين.
Full-Stack developer مطور مكدس كامل
أي مطور ويب مكدس كامل عبر طبقات مختلفة.
بما في ذلك كل من الواجهة الأمامية والخلفية. إنها في الأساس الحزمة الكاملة عندما يتعلق الأمر بتطوير الويب، لأنهم خبراء في جميع المجالات.

كيف يمكنك أن تصبح مطور ويب في 180 يومًا

الأيام من 1 إلى 15: تعلم أساسيات HTML و CSS:

هذه هي بداية رحلتك لتصبح مطور ويب. من المهم أن تركز على الأساسيات.
يمنحك امتلاك أساسيات قوية والعمل على استيعاب الموضوعات المختلفة بسرعة أكبر.
ابدأ صغيرًا، أ وتعرف على لغة ترميز النص التشعبي (HTML) وكيف تعمل. HTML هو العنصر الأساسي لكل موقع ويب وتطبيق ويب. استكمل هذه المهارة مع تعلم أوراق الأنماط المتتالية (CSS). يتم استخدام CSS في تصميم مواقع الويب
إن إنشاء موقع ويب احترافي يتطلب الكثير من العمل، لذا إذا كنت جديدًا في تطوير الويب، فأنا أشجعك على البدء بشكل صغير.
قد تشاهد في طريقك مطوري ويب ذو خبرة كبيرة ولكن تذكر لقد بدأو في يوم من الأيام من مكانك.
لن تبني Facebook آخر على الفور، ولكن ليس من الصعب الحصول على موقع ويب بسيط خاص بك عبر الإنترنت، لذا فلنبدأ من هناك.

الأيام من 16 إلى 50: ابدأ تعلم أساسيات جافا سكريبت

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

اقرأ ايضا: مجموعة متميزة من مواقع التجارة الإلكترونية

الأيام من 51 إلى 81: 30 يوم من التحدي باستعمال جافا سكربت

تعلم تطوير الويب بJavascript30

“Javascript30” ك مطور ويب عليك أن تتقن جافا سكربت أذهب إلى هذا الموقع وتحدى نفسك في 30 يوم.
الدورة مجانية وممتعة وصعبة. كل يوم تحصل على تحد جديد للبناء، لمدة 30 يومًا إجمالاً. بحلول الوقت الذي تنتهي فيه من هذه الدورة التدريبية. يجب أن تشعر بالراحة تجاه جافا سكريبت، والتفاعل مع DOM، والعمل مع واجهات برمجة تطبيقات المتصفح.
الدورة باللغة الإنكليزية ولكن لا تهرب سريعا. الحديث المستخدم بسيط جدا وتستطيع فهمه ويمكن ترجمته ومتابعة الفيديوهات.

الأيام من82إلى120: تعلم مكتبة الواجهة الأمامية (React، Vue، Angular):

اسأل أي عمل تنافسي إذا كانوا يستخدمون شكلًا من أشكال مكتبة الواجهة الأمامية وسيكون الجواب بالإيجاب.
بالعودة إلى الأيام الخوالي (2000)، قامت الشركات برفع سواعدها وإنشاء هياكل داخلية ومكتبات مصممة خصيصًا لتلبية احتياجاتهم.
تطوير الويب الحديث يدور حول استخدام أطر عمل ومكتبات مفتوحة المصدر، مثل React و Vue و Angular و Svelte.
من الصعب تحديد إطار العمل المناسب. هناك عدد كبير جدًا من الخيارات.
تذكر أن هدفك النهائي هو أن تصبح مطور ويب وتريد العثور على وظيفة في مجال تطوير الويب.
نصيحتي هي مسح منطقتك لمعرفة أي الأطر الأكثر شيوعًا والالتزام بذلك.
قد تحتوي بعض المدن على 100 فرصة عمل لمطوري React، في حين أن المدن الأخرى قد يكون لديها 1000 فرصة عمل لـ Angular. من مصلحتك اختيار الأكثر شيوعًا في منطقتك.
تستطيع الأن بما تعلمته لهذه اللحظة أن تبدأ بعمل موقع الويب الاخص بك.

الأيام من121إلى170: تعلمNode و MongoDB و PostgreSQL (تطوير الواجهة الخلفية)

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

الأيام من171إلى179: تعلم Git الأستضافة

لتظهر للعالم قدرات تطوير الويب الخاصة بك، لا بد من استضافة موقع الويب الخاص بك.
يريد صاحب العمل المستقبلي مشاهدة عملك السابق، حتى لو لم يكتمل.
تعرف على كيفية استخدام Git لاستضافة مشاريعك على صفحات Github.
لا يكلفك ذلك شيئًا. صفحات Github مجانية.
إذا كنت ترغب في استضافة واجهة برمجة التطبيقات الخاصة بك، فستحتاج إلى إدارة الخادم الخاص بك باستخدام Heroku أو AWS أو Digital Ocean.

يمكنك أن تقرأ أيضا : 5 أدوات تساعدك على تحسين أداء موقع الويب

اليوم 180: ابدأ التقديم على وظائف تطوير الويب

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

الخلاصة

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