أساسيات تطوير الويب: لماذا يجب ألا تهملها لنجاح مشاريعك وقبول AdSense؟

لماذا لا يجب إهمال أساسيات تطوير الويب؟

يقع العديد من مطوري الويب الجدد في خطأ شائع يتمثل في محاولة تعلم كل شيء دفعة واحدة دون إتقان أي مهارة بعينها. ولكن قبل أن تندفع لتعلم أحدث أطر عمل JavaScript، تأكد من إتقانك لأساسيات HTML و CSS. هذا ما يؤكده الخبير Colby Fayock، وهو مطور واجهات أمامية متمرس ومساهم غزير الإنتاج في منصة freeCodeCamp، والذي قام بتدريس البرمجة لسنوات عديدة.

قدم Colby مؤخرًا محاضرة عن بعد حول كيفية الارتقاء بمهاراتك في تطوير الويب خلال مؤتمر Byteconf React 2020. وبالتعاون مع Byteconf، قمنا بنشر محاضرة Colby القيمة. في حديثه، يشدد Colby على أن المطورين بحاجة إلى فهم الأساسيات؛ فجهلهم بها سيمنعهم إلى الأبد من تحقيق الإمكانات الكاملة لمشاريعهم.

التأثير السلبي لإهمال الأساسيات على موقعك

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

استراتيجيات عملية لتحسين موقعك

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

يمكنك مشاهدة المحاضرة كاملة على قناة freeCodeCamp Talks YouTube (مدتها 22 دقيقة). وأثناء وجودك هناك، لا تنسَ الضغط على زر ‘الاشتراك’ (Subscribe) حتى لا تفوتك أي من المحاضرات الرائعة التي ننشرها.

قناة freeCodeCamp Talks: كنز معرفي للمطورين

تُعقد مئات المؤتمرات المتعلقة بالبرمجة حول العالم كل عام. وغالبًا ما يمكنك الحصول على رؤى قيمة حول المشاريع الهامة من خلال المحادثات التقنية (tech talks) – مباشرة من مؤسسيها والقائمين عليها. أطلقت منظمتنا غير الربحية مؤخرًا قناة YouTube ثانية تركز على المحادثات التقنية من المؤتمرات حول العالم. لقد أصبحت هذه القناة واحدة من أفضل الأماكن للعثور على محاضرات تقنية كاملة على الويب، ونحن ننشر محاضرات جديدة من المطورين من الاثنين إلى الجمعة.

محتوى متنوع وقيم

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

• البرمجة الوظيفية (Functional Programming)
• اختبار الاختراق (Penetration Testing)
• تطوير الواجهات الأمامية (Front End Development)
• مكتبات بايثون (Python Libraries)
• تجميع الويب (Web Assembly)
• الروبوتات (Robotics)
• والكثير غير ذلك.

كيف تشترك وتستفيد؟

يمكنك الاشتراك في قناة freeCodeCamp Talks مجانًا. تأكد أيضًا من النقر على ‘الجرس’ الصغير لتشغيل الإشعارات، حيث سيُعلمك YouTube عندما ننشر مقاطع فيديو جديدة. نخطط لمواصلة نشر محاضرات جديدة من الاثنين إلى الجمعة كل أسبوع. لدينا بالفعل 35 محاضرة مباشرة، ونأمل أن نصل في النهاية إلى آلاف المحاضرات. تخيل مكتبة الإسكندرية افتراضية تفيض بحكمة المطورين – هذا هو هدفنا.

إذا كنت قد قدمت محاضرة تقنية بنفسك في حدث ما وترغب في أن ننشرها ونعلن عنها لمجتمع freeCodeCamp العالمي، فتأكد من مراسلة Beau Carnes، الذي يدير قناة المحاضرات. قد يتمكن من عرضها.

قناة freeCodeCamp الرئيسية: مستمرة في العطاء

لا تزال قناة YouTube الأصلية لـ freeCodeCamp قوية! ننشر هناك عدة مقاطع فيديو كل أسبوع، بما في ذلك الكثير من دورات البرمجة كاملة الطول. يمكنك الاشتراك فيها مجانًا هنا. (مرة أخرى، تأكد من رن الجرس حتى يُعلمك YouTube عندما ننشر دورات جديدة.)

برمجة سعيدة!

الخلاصة التقنية

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