نبضها مطيري
02-21-2024, 05:15 AM
دليلك إلى تعلم تطوير الويب بالطريقة الصحيحة
يعتقد البعض أنه بسبب انتشار الأجهزة الذكية على حساب الحواسب التقليدية تناقص الاهتمام بمواقع الويب. وإذا كنت ممن يعتقدون أن تعلم تطوير الويب أصبح من صيحات الموضة القديمة، فأنت مخطئ تمامًا. لا يخفى على أحد أهمية توفر تطبيقات لأي شركة ناشئة على الهواتف الذكية أو الحواسب اللوحية.
لكن، مع تقدم مفهوم الحوسبة السحابية والاعتماد عليها بشكل كبير، بالإضافة إلى ظهور تقنيات تطوير الويب الحديثة، عادت هيبة تطوير الويب من جديد لدرجة أن لغات تطوير الويب أصبحت تستخدم في تطوير تطبيقات للأجهزة الذكية.
كيف تتعلم تطوير الويب؟
معرفة مكونات صفحة الويب قبل تعلم تطوير الويب أمر أساسي، فهي تتكون أولًا من لغة الهيكلة الأساسية HTML، وثانيًا من لغة التنسيق CSS، بالإضافة إلى لغات برمجة مثل جافا سكريبت. كل ما سبق يمكن اعتباره من جهة المستخدم Client Side، أو بمعنى آخر يُنفذ على جهاز المستخدم ويتأثر بشكل أو بآخر بنوع المتصفح وسرعة المعالجة على الجهاز وبطاقة الرسوميات في بعض الأوقات. مكونات صفحة الويب تمتد لتشمل لغات برمجة على الخادم، أو ما تسمى بـ Server Side وهي بحد ذاتها بحر منفصل وواسع.
لذا، فإن الإجابة على سؤال كيف تتعلم تطوير الويب بسيطة جدًا، فأنت بحاجة إلى إتقان وكتابة شيفرات Codes تربط الجهتين معًا. وباختصار يجب أن تبدأ بتعلم لغة HTML فهي المسؤول الأول والأخير عن ظهور صفحة الويب، وطريقة تموضُع العناصر الموجودة بداخلها. بواسطة هذه اللغة، تتعرف على الأقسام الرئيسية لكل صفحة ويب، فضلًا عن مكونات كل قسم أو ما يعرف بالوسوم Tags.
بعد إتقان عناصر صفحة الويب، ستكون بحاجة إلى أداة لتنسيق هذه العناصر وهنا يأتي دور لغة CSS، من خلالها يمكنك التحكم بأي عنصر وخصائصه مثل لون الخط وحجمه ونوعه، فضلًا عن مكانه داخل الصفحة وما إلى ذلك. أخيرًا، يأتي دور لغة جافا سكريبت وهي لغة برمجة تُكمّل اللغات السابقة. هل سبق لك أن أدخلت كلمة مرور خاطئة أو تركت حقل فارغ وظهرت لك نافذة منبثقة تخبرك أن هناك مشكلة؟ هذه باختصار هي لغة جافا سكريبت.
بعد إتقانك تعلم اللغات السابقة فأنت نجحت في إنشاء صفحات ويب تفاعلية إلى حد ما. لكن، المعلومات المتوفرة بداخلها ثابتة أو مُتغيّرة لكن بنسبة صغيرة جدًا. لذا، في هذه الحالة أنت بحاجة لإتقان إحدى لغات برمجة الخادم. لغات البرمجة من جانب الخادم متنوعة، ربما من أبرزها PHP أو ASP.NET من مايكروسوفت. بالإضافة إلى أن لغتي بايثون وروبي من اللغات القوية جدًا التي تعد حديثة نوعًا ما، لكن بساطتها سمحت لها بالانتشار الكبير.
ما هي مصادر تعلم تطوير الويب؟
مصادر تعلم تطوير الويب كثيرة جدًا، وبما أن المتصفحات هي المحرك الأساسي المعتمد عليه في عرض صفحات الويب، تُقدم كل شركة صفحة خاصة للمطورين للاطّلاع على أفضل الطرق لتطوير الصفحات وما فائدة استخدام وسم دون الآخر وغيرها. ذلك بالإضافة إلى:
أكاديمية حسوب
إن كنت لا تعرف أكاديمية حسوب بعد، فهي من أكبر المواقع المليئة بشتى المصادر الثرية بالمعلومات، خصوصًا في مجال البرمجة. توفر الأكاديمية العديد من الدورات والكتب والمقالات الدسمة والمتخصصة، وكل هذا باللغة العربية وبهدف تطوير الشباب العربي وتوفير فرص لهم.
واحدة من أشهر دورات الأكاديمية هي “دورة تطوير واجهات المستخدم” لمن لا يملك خبرة مسبقة، أو من يملك خبرة بسيطة في مجال تطوير الويب وواجهات المستخدم ويرغب في البدء بأساس متين وقوي. ما يميز الدورة أنها عملية بالكامل، وهذا هو مفتاح تعلم أي شيء جديد، عن طريق التطبيق العملي كمشاريع حقيقية مثل بناء متجر إلكتروني متكامل أو موقع شركة والتعامل مع الخدمات الخارجية مثل خرائط جوجل وغيرها. تستمر الدورة على 18 ساعة ويحصل المتعلم بنهايتها على شهادة معتمدة من حسوب.
موسوعة حسوب
في رحلتك في تعلم البرمجة واحترافها، وفرت لك موسوعة حسوب مرجع متكامل لجميع لغات وتقنيات البرمجة المختلفة. الموسوعة بمثل قاموس أو مرجع لجميع المبرمجين منهم مطورو الويب، سيساعدك كثيرًا في رحلة تعلم تطوير الويب وبدء التطبيق لوحدك، وفي مرحلة الاحتراف بلا شك.
اليوتيوب
تحوي منصة اليوتيوب على أعداد ضخمة من القوائم أو الفيديوهات الدلالية في تعلم تطوير الويب، فيمكنك في ساعة واحدة تعلم لغة HTML وCSS من قناة Traversy Media التي تضم أكثر من مليون مشترك. وقناة Programming with Mosh الشهيرة التي تضم أكثر من مليون ونصف مشترك. ويوجد العديد والعديد من القنوات التي اهتمت بمجال تعلم تطوير الويب والبرمجة بشكل عام.
W3Schools
موقع W3Schools يعد من المصادر الجيدة في تعلم تطوير الويب، خصوصًا اللغات التي تعرف اصطلاحًا بـ Front-End، وذلك نظرًا لما يقدمه من شروحات وأمثلة عملية لكل وسم أو مُعرّف أو دالة.
الآن، بعد إتقان اللغات السابقة أنت رسميًا مطور ويب. لكن، هذا لا يمنع أبدًا أن تزور بعض المصادر باستمرار للاطّلاع على التساؤلات المطروحة، فداخل حسوب I/O هناك مجتمعات لتطوير الويب تحوي مصادر ومقالات واستفسارات كثيرة يمكنك المشاركة فيها لتطوير مهاراتك والمساهمة فضلًا عن اكتساب مهارات وأفكار جديدة
يعتقد البعض أنه بسبب انتشار الأجهزة الذكية على حساب الحواسب التقليدية تناقص الاهتمام بمواقع الويب. وإذا كنت ممن يعتقدون أن تعلم تطوير الويب أصبح من صيحات الموضة القديمة، فأنت مخطئ تمامًا. لا يخفى على أحد أهمية توفر تطبيقات لأي شركة ناشئة على الهواتف الذكية أو الحواسب اللوحية.
لكن، مع تقدم مفهوم الحوسبة السحابية والاعتماد عليها بشكل كبير، بالإضافة إلى ظهور تقنيات تطوير الويب الحديثة، عادت هيبة تطوير الويب من جديد لدرجة أن لغات تطوير الويب أصبحت تستخدم في تطوير تطبيقات للأجهزة الذكية.
كيف تتعلم تطوير الويب؟
معرفة مكونات صفحة الويب قبل تعلم تطوير الويب أمر أساسي، فهي تتكون أولًا من لغة الهيكلة الأساسية HTML، وثانيًا من لغة التنسيق CSS، بالإضافة إلى لغات برمجة مثل جافا سكريبت. كل ما سبق يمكن اعتباره من جهة المستخدم Client Side، أو بمعنى آخر يُنفذ على جهاز المستخدم ويتأثر بشكل أو بآخر بنوع المتصفح وسرعة المعالجة على الجهاز وبطاقة الرسوميات في بعض الأوقات. مكونات صفحة الويب تمتد لتشمل لغات برمجة على الخادم، أو ما تسمى بـ Server Side وهي بحد ذاتها بحر منفصل وواسع.
لذا، فإن الإجابة على سؤال كيف تتعلم تطوير الويب بسيطة جدًا، فأنت بحاجة إلى إتقان وكتابة شيفرات Codes تربط الجهتين معًا. وباختصار يجب أن تبدأ بتعلم لغة HTML فهي المسؤول الأول والأخير عن ظهور صفحة الويب، وطريقة تموضُع العناصر الموجودة بداخلها. بواسطة هذه اللغة، تتعرف على الأقسام الرئيسية لكل صفحة ويب، فضلًا عن مكونات كل قسم أو ما يعرف بالوسوم Tags.
بعد إتقان عناصر صفحة الويب، ستكون بحاجة إلى أداة لتنسيق هذه العناصر وهنا يأتي دور لغة CSS، من خلالها يمكنك التحكم بأي عنصر وخصائصه مثل لون الخط وحجمه ونوعه، فضلًا عن مكانه داخل الصفحة وما إلى ذلك. أخيرًا، يأتي دور لغة جافا سكريبت وهي لغة برمجة تُكمّل اللغات السابقة. هل سبق لك أن أدخلت كلمة مرور خاطئة أو تركت حقل فارغ وظهرت لك نافذة منبثقة تخبرك أن هناك مشكلة؟ هذه باختصار هي لغة جافا سكريبت.
بعد إتقانك تعلم اللغات السابقة فأنت نجحت في إنشاء صفحات ويب تفاعلية إلى حد ما. لكن، المعلومات المتوفرة بداخلها ثابتة أو مُتغيّرة لكن بنسبة صغيرة جدًا. لذا، في هذه الحالة أنت بحاجة لإتقان إحدى لغات برمجة الخادم. لغات البرمجة من جانب الخادم متنوعة، ربما من أبرزها PHP أو ASP.NET من مايكروسوفت. بالإضافة إلى أن لغتي بايثون وروبي من اللغات القوية جدًا التي تعد حديثة نوعًا ما، لكن بساطتها سمحت لها بالانتشار الكبير.
ما هي مصادر تعلم تطوير الويب؟
مصادر تعلم تطوير الويب كثيرة جدًا، وبما أن المتصفحات هي المحرك الأساسي المعتمد عليه في عرض صفحات الويب، تُقدم كل شركة صفحة خاصة للمطورين للاطّلاع على أفضل الطرق لتطوير الصفحات وما فائدة استخدام وسم دون الآخر وغيرها. ذلك بالإضافة إلى:
أكاديمية حسوب
إن كنت لا تعرف أكاديمية حسوب بعد، فهي من أكبر المواقع المليئة بشتى المصادر الثرية بالمعلومات، خصوصًا في مجال البرمجة. توفر الأكاديمية العديد من الدورات والكتب والمقالات الدسمة والمتخصصة، وكل هذا باللغة العربية وبهدف تطوير الشباب العربي وتوفير فرص لهم.
واحدة من أشهر دورات الأكاديمية هي “دورة تطوير واجهات المستخدم” لمن لا يملك خبرة مسبقة، أو من يملك خبرة بسيطة في مجال تطوير الويب وواجهات المستخدم ويرغب في البدء بأساس متين وقوي. ما يميز الدورة أنها عملية بالكامل، وهذا هو مفتاح تعلم أي شيء جديد، عن طريق التطبيق العملي كمشاريع حقيقية مثل بناء متجر إلكتروني متكامل أو موقع شركة والتعامل مع الخدمات الخارجية مثل خرائط جوجل وغيرها. تستمر الدورة على 18 ساعة ويحصل المتعلم بنهايتها على شهادة معتمدة من حسوب.
موسوعة حسوب
في رحلتك في تعلم البرمجة واحترافها، وفرت لك موسوعة حسوب مرجع متكامل لجميع لغات وتقنيات البرمجة المختلفة. الموسوعة بمثل قاموس أو مرجع لجميع المبرمجين منهم مطورو الويب، سيساعدك كثيرًا في رحلة تعلم تطوير الويب وبدء التطبيق لوحدك، وفي مرحلة الاحتراف بلا شك.
اليوتيوب
تحوي منصة اليوتيوب على أعداد ضخمة من القوائم أو الفيديوهات الدلالية في تعلم تطوير الويب، فيمكنك في ساعة واحدة تعلم لغة HTML وCSS من قناة Traversy Media التي تضم أكثر من مليون مشترك. وقناة Programming with Mosh الشهيرة التي تضم أكثر من مليون ونصف مشترك. ويوجد العديد والعديد من القنوات التي اهتمت بمجال تعلم تطوير الويب والبرمجة بشكل عام.
W3Schools
موقع W3Schools يعد من المصادر الجيدة في تعلم تطوير الويب، خصوصًا اللغات التي تعرف اصطلاحًا بـ Front-End، وذلك نظرًا لما يقدمه من شروحات وأمثلة عملية لكل وسم أو مُعرّف أو دالة.
الآن، بعد إتقان اللغات السابقة أنت رسميًا مطور ويب. لكن، هذا لا يمنع أبدًا أن تزور بعض المصادر باستمرار للاطّلاع على التساؤلات المطروحة، فداخل حسوب I/O هناك مجتمعات لتطوير الويب تحوي مصادر ومقالات واستفسارات كثيرة يمكنك المشاركة فيها لتطوير مهاراتك والمساهمة فضلًا عن اكتساب مهارات وأفكار جديدة