يبدو الدخول في مجال تطوير الويب بمثابة مهمة ضخمة نظرًا لوجود الكثير مما يجب تعلمه، ولكن لا داعي للذعر. توفر هذه المواقع السبعة تغطية شاملة للأشياء التي تحتاج إلى معرفتها.
1 مدارس W3
مدارس W3 هذا هو المكان الذي بدأت فيه تعلم تطوير الويب لأول مرة، وهو ممتاز في مساعدة الأشخاص على التقدم بسرعة من المراحل المبكرة من تعلمهم إلى المطورين المتوسطين. تعد وظيفة “جربها بنفسك” واحدة من أفضل الأشياء للمبرمجين الجدد، حيث تتيح لك تجربة التعليمات البرمجية في منتصف البرنامج التعليمي. نظرًا لأنها واجهة تعتمد على الويب، فيمكنك التفاعل معها من أي مكان، حتى من خلال هاتفك. يغطي الموقع HTML وCSS وJavaScript من خلال دروس تعليمية خطوة بخطوة.
إذا كنت جديدًا في مجال تطوير الواجهة الأمامية، فربما يكون هذا هو أفضل موقع يمكنك من خلاله أن تتعرف على أساسيات هذا المجال. فالدروس التعليمية ليست مرهقة، وهي تركز على شيء واحد مفيد تحتاج إلى تعلمه.
2 وثائق الويب الخاصة بـ MDN
وثائق الويب الخاصة بـ MDN يعد هذا الموقع مثالاً ممتازًا لمنصة مفتوحة المصدر ومجانية. يمكنك الوصول إلى وثائق وأمثلة HTML وCSS وJavaScript على موقع ويب منظم جيدًا. ومن بين الأدوات التي يوفرها الموقع ساحة لعب تفاعلية للكود ووثائق شاملة لواجهة برمجة التطبيقات. ويقوم مجتمع من المطورين بتحديثه باستمرار.
إذا كنت جديدًا في مجال البرمجة وتميل إلى استخدام الوثائق لأنها تحتوي على أمثلة، فقد تكون MDN Web Docs أداة رائعة يمكنك استخدامها. ومع ذلك، فهي ليست مصممة للمطورين الجدد، لذا فقد تكون هذه الأداة من الموارد التي يمكنك الاحتفاظ بها عندما يكون لديك بالفعل فهم قوي لأساسيات واجهة المستخدم الأمامية.
3 فري كود كامب
إذا كنت تستمتع بالتحديات في العالم الحقيقي، فري كود كامب يعد هذا الموقع هو المكان الأفضل للبدء. يغطي المنهج الشامل المجاني HTML وCSS وJavaScript وNode.js وReact، من بين أشياء أخرى. تجعل طبيعة المجتمع في الموقع من السهل التعلم من الآخرين وطرح الأسئلة في بيئة متقبلة ومتفهمة. نظرًا لمدى مرونة الموقع، فلن تقتصر على مجال واحد من التعلم. على سبيل المثال، يمكنك البدء في العمل على HTML، ثم بمجرد أن تصبح متمكنًا من ذلك، يمكنك الانتقال إلى CSS أو JavaScript والبدء في تعلم هذه اللغات. إنه بلا شك أحد أكثر الأماكن مرونة لتعلم تطوير الواجهة الأمامية وهو سهل الاستخدام للغاية.
4 ستاك أوفرفلو
أحد أكثر الأماكن شعبية على الإنترنت لرؤية كتل التعليمات البرمجية النموذجية هو ستاك أوفرفلوعلى الرغم من عدم وجود دروس منظمة هنا، يمكنك إلقاء نظرة على الأشخاص الذين يعانون من مشكلات مماثلة والحصول على إجابات قد تناسب مشاريعهم الفردية. يستخدم كل من المبتدئين والمطورين ذوي الخبرة Stack Overflow لمساعدتهم في حل المشكلات. تم تعديل الكثير من التعليمات البرمجية التي لدي في بعض مشاريعي من التعليمات البرمجية العاملة من Stack Overflow.
نظرًا لأنه يشبه المنتدى إلى حد ما، يمكنك طرح أسئلتك الخاصة هناك، ولكن يجب عليك القيام بذلك فقط إذا كنت متأكدًا من أنه لم يتم طرح أسئلتك والإجابة عليها بالفعل. إنه مورد رائع للمطورين الذين أدركوا المفاهيم الأساسية لتطوير الواجهة الأمامية ويحاولون حل مشكلات معينة بأنفسهم.
5 حيل CSS
حيل CSS يعد هذا الموقع مصدرًا قيمًا إذا كنت تخطط لبرمجة CSS. يحتوي الموقع على العديد من النصائح والحيل حول كل شيء بدءًا من تخطيطات CSS الأساسية إلى الرسوم المتحركة والتقنيات الأكثر تقدمًا. المقالات المتعمقة سهلة الوصول، مما يجعل من السهل حتى للمبتدئين أن يتعرفوا على ما يتم شرحه. المقالات مليئة بالعروض التوضيحية المباشرة ومقاطع التعليمات البرمجية التي يمكنك نسخها مباشرة. كما يتم تحديثه باستمرار، لذلك فهو يتبع جميع الاتجاهات الحالية في تطوير CSS.
الموقع يجذب الكثير من المستخدمين، لذا إذا كنت جديدًا تمامًا في مجال تطوير الويب، فمن السهل أن تشعر بالإرهاق. لكن لا داعي للذعر. من المرجح أن تجد معظم ما تريده ضمن علامة التبويب “المقالات” التي يتم تحديثها يوميًا عادةً. يوجد فرز علامات مفيد في الأعلى لتضييق نطاق ما تبحث عنه. إذا كانت لديك مشكلة معينة في CSS تريد حلها، فهذا يمنحك نقطة بداية رائعة لحل مشكلتك. ومع ذلك، لن يوجهك من المبتدئين إلى المتوسطين في CSS!
6 مرشد الواجهة الأمامية
مرشد الواجهة الأمامية قد يكون هذا حلاً ممتازًا إذا كنت متعلمًا يحب مواجهة التحديات. يقدم الموقع مجموعة من التحديات الواقعية التي تغطي HTML وCSS وJavaScript. علاوة على ذلك، فهو طريقة رائعة للمبرمج الجديد لبناء مجموعة من المشاريع. يستفيد المستخدمون أيضًا من أدلة التصميم الاحترافية وملفات الأسلوب، مما يسمح لهم بالتركيز على جانب الترميز. كما أن المجتمع النشط رائع أيضًا للحصول على الملاحظات واكتشاف الأشياء التي يمكنك تحسينها.
يحتوي الموقع على عدد قليل من “مسارات التطوير” التي يمكنها إرشادك خلال أساسيات التطوير. ستتعلم كل شيء من أساسيات JavaScript إلى اختبار الواجهة الأمامية، مما يمنحك أساسًا قويًا للبناء عليه. بمجرد إكمال هذه المسارات، يمكنك الانتقال إلى التحديات. يمكن العثور على حلول محددة لمشاكل الواجهة الأمامية ضمن قسم المقالات بالموقع.
7 مشروع أودين
مشروع أودين يعد مشروع Odin أحد أفضل الأماكن للمبتدئين للحصول على تعليم شامل لتطوير الويب. فهو يغطي تطوير الواجهة الأمامية ولديه منهج قوي لتطوير الواجهة الخلفية. يمكنك البدء بقسم الأساسيات ثم التفرع إلى تطوير JavaScript أو Ruby الكامل. يعد مشروع Odin من بين أفضل الطرق للمبتدئين للدخول في JavaScript أو Ruby.
Ruby بحد ذاتها هي لغة واجهة أمامية مطلوبة ولكنها غير مستغلة بشكل كافٍ. يعد مشروع Odin أحد الأماكن القليلة التي يمكنك فيها الحصول على دورة تدريبية أساسية تعلمك كل ما تحتاج إلى معرفته عنها. تمنحك كلتا الدورتين أيضًا نظرة ثاقبة على أساسيات HTML وCSS، على الرغم من أنهما تبقيان هذه المعلومات محدودة بما هو مناسب لتعلم أي من هاتين اللغتين. تمنحك الأساسيات منصة كافية لاستكشافها بنفسك، من خلال زيارة مواقع أخرى، مثل W3 Schools المذكورة أعلاه.
8 من الأفضل دائمًا أن يكون لديك موارد متعددة
عند تعلم البرمجة، لا يوجد مكان واحد هو الأفضل. يدرك المبرمجون أنك قد لا تجد كل ما تحتاجه في موقع واحد، لذا فهم يشيرون إلى عدد قليل منها للحصول على المعلومات والرؤى. هذه المواقع السبعة ليست سوى بعض المواقع التي يمكن للمبرمجين أن يستلهموا منها. من المحتمل أن تصادف الكثير في رحلتك كمبرمج.