تعلم تطوير الويب هو ميزة كبيرة لأي شخص مهتم بمجال الحاسب ، حتى فهم الأساسيات سيكون مفيدا للغاية. ستعطيك هذه المشاركة نظرة عامة عالية المستوى على كل ما تحتاج إلى معرفته ، وخطة مميزة للبدء ، ومجموعة من أفضل الموارد التي يمكنك استخدامها للتعلم بسرعة.
سأخبرك عن كل شيء يحتاجه مطور ويب شامل محترف بالكامل ، ولكن إذا كنت مهتمًا فقط بفهم الأساسيات - يمكنك التوقف عن القراءة بعد قسم "أسماء النطاقات والاستضافة".
أسس (HTML / CSS / JS)
أفضل طريقة لتعلم الأساسيات هي الدورات التدريبية التالية التي تحتاجها لتعلم تطوير الويب - HTML و CSS و JS
مدرسة الزيرو تقدم دورة مميزة لتعلم HTML5 بالعربية
مدرسة الزيرو تقدم دورة مميزة لتعلم CSS3 بالعربية
مدرسة الزيرو تقدم دورة مميزة لتعلم JAVASCRIPT بالعربية
إطار العمل
الأطر هي أدوات تسمح لك بتطبيق جميع الوظائف الشائعة بشكل أسرع وأسهل.
أوصي باستخدام أطر العمل في أقرب وقت ممكن ، لأنها سوف تمكنك من الحصول على نتائج أسرع بكثير ، وفي الوقت نفسه سوف يعلمك أفضل الممارسات بطريقة طبيعية وبديهية للغاية. فقط باستخدام الأطر ، سوف تستوعب كمية هائلة من المعرفة بسرعة مذهلة ، وتجنب إضاعة الوقت على أي شيء غير ضروري.
في تطوير الويب ، يوجد دائمًا قدر هائل من التقنيات للاختيار من بينها ، وقد يكون هذا الخيار صعبًا بالنسبة للمبتدئين. بالنسبة لبقية المقال ، سأوفر لك بعض المساعدة ، وبدلاً من سرد إيجابيات وسلبيات كل خيار ، سأخبرك فقط عن أفضل الأشياء التي يمكنك استخدامها استنادًا إلى خبرتي.
أفضل مكان للبدء هو تعلم Bootstrap و jQuery. هذه هي حتى الآن الأطر الأكثر شعبية التي تستخدمها الغالبية العظمى من المواقع.
Bootstrap هو إطار CSS ، يمنحك مجموعة من عناصر الواجهة القابلة للتخصيص بسهولة ، ويسمح لك بإنشاء مواقع ويب سريعة الاستجابة بسرعة (تعني الاستجابة أنها تبدو جيدة على أجهزة الجوال).
لقد أصدر Bootstrap الإصدار الجديد مؤخرًا ، ويمكنك البدء به عن طريق اتباع هذه الدورة التدريبية:
مدرسة الزيرو تقدم دورة مميزة لتعلم BOOTSTRAP بالعربية
jQuery هو إطار JavaScript ، يبسط إلى حد كبير طريقة التعامل مع عناصر صفحة الويب. يحتوي على كمية هائلة من المكونات الإضافية تقريبا لكل غرض يمكنك تصوره ، لذلك عندما تحتاج إلى عنصر تفاعلي ، يمكنك التأكد من أنك ستجد طريقة لإنشاء المحتوى باستخدام jQuery. سيكون الأمر سهلاً للغاية ، لأن منصة StackOverflow لديه بالفعل حلول لـ 95٪ من المشكلات التي ستواجهها.
لمعرفة الأساسيات ، يمكنك فقط مشاهدة هذه المحاضرة الممتازة.
مدرسة الزيرو تقدم دورة مميزة لتعلم jQuery بالعربية
أخيرا ، من أجل الاكتمال ، ينبغي أن أذكر البوصلة. لست بحاجة إلى التفكير في الأمر في البداية ، لأنه ليس ضروريًا لقدرتك على إنشاء مواقع الويب ، ولكن عند الوصول إلى نقطة تكتب فيها الكثير من CSS المتوسّط / المتقدم ، وتبدأ بالشعور بالملل قليلا ، يجب عليك أن تضع في اعتبارك بالتأكيد. ان Compass تجعل عملية كتابة CSS أسرع وأكثر إمتاعًا ، لذلك إذا استطعت أن تستثمر بضع ساعات في التعلم ، فسيكون ذلك أحد أفضل معززات الإنتاجية التي يمكنك تخيلها.
WordPress
WordPress هو نظام إدارة المحتوى الأكثر شيوعًا على مستوى العالم. إذا لم تكن شخصًا تقنيًا ، وتتطلع إلى البدء بسرعة في إنشاء موقع ويب قابل للتخصيص بسهولة - فأنت تعلم فقط تثبيت WordPress واستخدامه ، وهذا إلى حد كبير ، لا تحتاج إلى مزيد من البحث. يحتوي على عدد لا نهائي من المظاهر والمكونات الإضافية التي ستغطي 90٪ من احتياجاتك.
مدرسة الزيرو تقدم دورة مميزة لتعلم WordPress بالعربية
إذا كنت مهتمًا بأن تصبح من مطوري الويب المحترفين وتعلم إنشاء مواقع الويب المخصصة الخاصة بك ، فقد ترغب في تخطيها والتعرف على إطار الخلفية (سأشرحها في الأقسام التالية).
أسماء النطاقات والاستضافة
لشراء أسماء النطاقات ، ستستخدم Namecheap. كما يوحي الاسم ، فقد أسعار جيدة للغاية ، وأيضا تجربة مستخدم ممتازة.
لاستضافة صفحاتك الأولى ، يجب عليك استخدام Bluehost ، وهي رخيصة وسهلة الاستخدام ، ولديها وثائق ممتازة والكثير من الأدوات الآلية. يجعل تثبيت WordPress أو استضافة صفحات html بسيطة للغاية ، لذلك إذا كان هدفك هو البدء بسرعة - وهذا هو بالضبط ما تحتاجه.
وأخيرا ، عندما تذهب إلى أبعد من ذلك وتكسب المزيد من المهارات - ستحتاج إلى خادم افتراضي خاص (VPS). هو ، ببساطة ، جهاز كمبيوتر عن بعد لديك السيطرة الكاملة به ، وسوف تستخدم لخدمة المواقع التي بنيتها مع أطر العمل. أوصي بشدة باستخدام DigitalOcean ، فلديها أسعار رائعة ، واجهة جميلة وبديهية ، ولقد تم استخدامها بسعادة لاستضافة جميع مواقع الويب الخاصة بي على مدار الأربع سنوات الماضية.
[ إقرأ أيضا : من هو المطور الشامل full-stack devloper ؟ دليل متكامل لفهم الاحتياجات والادوات ]
الأطر الخلفية
الآن بعد أن تعلمت الأساسيات ، وأنشأت العديد من مواقع الويب البسيطة باستخدام الأدوات المدرجة أعلاه ، يمكنك أن تقرر الذهاب إلى أبعد من ذلك ، وأن تتعلم كيفية إنشاء مواقع ويب مخصصة بشكل احترافي.
للقيام بذلك ، أفضل مكان للبدء هو تعلم واحد من أطر الخلفية. تعمل إطارات الخلفية على الخادم ، وتولد HTML بشكل حيوي لموقع الويب في كل مرة يزور المستخدم عنوان URL.
كما هو الحال دائمًا ، هناك العديد من الخيارات ، لكنني سأساعدك على تضييق نطاقها إلى 3 - Django و Ruby on Rails و Node / Express.
الميزة الرئيسية لـ Django هي أنه مكتوب باستعمال Python - وهي لغة جميلة وقوية تستخدم في كل مجال يمكنك تخيله ، وفي الوقت عينه إنه الخيار الأفضل لأول لغة برمجة.
إن Django نفسه بسيط وقوي ومرن ولديه وثائق ممتازة وجميع الأدوات التي ستحتاجها لبناء 95٪ من مواقع الويب. والأهم من ذلك - أنها ستمنحك إطارًا ممتازًا للتفكير في رمز الخلفية ، وفهمه طريقة ممتازة لتعلم أساسيات تطوير الويب بشكل عام.
مقدمتي المفضلة ل Django هي دورة TutsPlus Getting Started مع Django ، وأفضل طريقة للانتقال من المبتدئين إلى المتوسط / المتقدم هي كتاب ممتاز Scoops of Django.
Two Scoops of Django 1.11: Best Practices for the Django Web Framework
تم تنقيح وتحديث وتوسيع الكتاب حول أفضل الممارسات في Django ، Scoops 2 من Django 1.8.
www.twoscoopspress.com
أيضا ، أوصي بشدة برامج تعليمية مجانية على يوتيوب من قبل مايك هيبرت.
قناة المهندس محمد عيسى تقدم دورة في أساسيات ومتقدم لتعلم لغة برمجة python
قناة المهندس محمد عيسى تقدم دورة في أساسيات ومتقدم لتعلم إطار عمل Django
node و اكسبرس
node و Express هي أدوات قوية للغاية وأوصيك بالتعلم بعد Django. قد تكون صعبة بعض الشيء بالنسبة للمبتدئين ، ولكن إذا كان لديك فهم لجانغو - فسوف تتعلمها بسرعة وبطريقة طبيعية.
تتميز node بالعديد من المزايا ، وأفضل طريقة لتجربتها هي تجربة ذلك بنفسك. في كثير من الأحيان ، ستمكنك من إنشاء مواقع الويب بشكل أسرع بكثير مما تفعل مع جانغو ، وسوف تفهم الكثير من مفاهيم برمجة الخلفية بشكل أكثر عمقًا ، ولديك وقت أسهل في إنشاء واجهات برمجة التطبيقات ، و webapps في الوقت الفعلي (مثل الدردشة أو لعبة) ، webapps العالمي (سوف تواجههم عندما تتعلم React).
أفضل مسار واجهته هو دورة من قناة المهندس محمد عيسى تقدم دورة في أساسيات ومتقدم لتعلم إطار عمل node.js
أيضا قناة المهندس محمد عيسى تقدم دورة في أساسيات ومتقدم لتعلم إطار عمل Express.js
إطارات الواجهة الأمامية
إذا فهمت HTML / CSS / JS وإطار خلفية واحد ، فأنت مطور ويب قادر قادر على إنشاء العديد من أنواع مواقع الويب. إذا كنت تريد أن تصبح مطور Full-Stack - مرحباً بك في عالم إطارات الواجهة الأمامية.
ستتيح لك إطارات الواجهة الأمامية إمكانية إنشاء تطبيقات قوية ذات صفحة واحدة. في هذه المرحلة ، أنت بصدد إنشاء تطبيق يعمل بشكل كامل في المتصفح ، وفي بعض الأحيان يتبادل البيانات مع الخادم (مثل Gmail أو Trello).
لفترة طويلة ، كان هناك الكثير من المنافسة في هذا الفضاء ، ولكنك أثناء قراءتك لهذه المقالة ، فإن أفضل خيار واضح للغاية - يجب أن تتعلم React و Redux.
لا يمكنني الذهاب إلى شرح كيفية عملها أو مزاياها (قد يستغرق الأمر وقتًا طويلاً) ، ولكن لحسن الحظ ، هناك دورة رائعة جدًا ستعلمك كل ما تحتاج إلى معرفته - الحديث يتفاعل مع Redux.
أتقن أساسيات React و Redux مع هذا البرنامج التعليمي دورة تعلم React.js من البداية إلى الاحتراف
مؤلف هذه الدورات ، هو ، هو معلم رائع ، يشرح كل شيء بشكل جيد للغاية ، وسيكون لديك الكثير من المرح في تعلم جميع تعقيدات هذه التقنيات من خلال اتباع دوراته.
أنصحك بشدة بإنشاء موقع ويب مع Node و React / Redux ، لأنه سيساعدك حقًا على فهم كيفية إنشاء واستخدام REST APIs ، ودمج مجموعة كاملة من التقنيات في برنامج قوي ومفيد.
DevOps
Pheew ، هذا كثير من الأشياء. الجزء الأخير من اللغز الذي يحتاجه مطوّر برامج Web-Stack يجب أن يتعلم هو DevOps. إنه موضوع عميق لست خبيراً فيه ، لكن أساسيات نشر مواقع الويب ليست صعبة الفهم.
الآن ، الشيء الكبير الذي يجب أن تتعلمه هو دوكر. Docker هو معيار صناعي لنشر تطبيقات الويب ، فهو يجعل العملية برمتها سريعة وأنيقة وملائمة.
قناة المهندس محمد عيسى تقدم دورة مميزة لتعلم Docker
شركة دوكر للتكنولوجيا DevOps والمطورين
تعلم كيفية تطوير ونشر تطبيقات الويب باستخدام تقنيات Docker. خذ مهاراتك DevOps إلى المستوى التالي.
[ إقرأ أيضا : Python مقابل Node.js: مقارنة سريعة ومميزة ]
الاستنتاج
آمل أن تكون هذه المقالة مفيدة لك. من الواضح أنه من المستحيل تغطية كل شيء عن هذا الحقل العميق والمعقد والمتطور بسرعة في إحدى المقالات ، ولكنني أعتقد أن الموضوعات والموارد المذكورة أعلاه ستمنحك رؤية واضحة عن الطريق إلى الأمام وخريطة طريق مفيدة يجب اتباعها. على الأقل ، هذا هو نوع المقالة التي كنت أتوفر عليها قبل بضع سنوات.
سوف تتعلمون بالتأكيد أكثر بينما تتابعونك ، وتعمقوا في المواضيع التي تهمكم أكثر ، لكنني أعتقد أن مسارك سيكون أكثر مباشرة وأقل إرباكا.
شكرا جزيلا لك
ردحذفموضوع مميز