نصائح واستراتيجيات من أجل احتراف تطوير الويب

[ إقرأ أيضا  : من هو المطور الشامل full-stack devloper ؟ دليل متكامل لفهم الاحتياجات والادوات  ]

يتناول هذا المقال جميع النصائح والموارد التي قد تحتاجها لبدء رحلة تطوير الويب.

أعطني ست ساعات لأقطع شجرة وسأمضي الأربعة الأولى في شحذ الفأس. - ابراهام لنكون

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

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

لقد ذكرت الموضوعات بترتيب تسلسلي ، تابعتُها ، واقترح عليك أن تفعل الشيء نفسه.

[ اقرأ مقالتنا حول كيف تصبح مطور ويب شامل ؟ من أين تبدأ ؟ وماذا تتعلم ؟ دليلك الشامل لاحتراف مجال تطوير الويب ]

1. تطوير الواجهة الأمامية

ابدأ بأساسيات HTML و CSS. كلاهما بسيط حقًا ويمكنك تعلم هذه التقنيات في w3schools. حاول إنشاء صفحات ويب ثابتة بسيطة باستخدام HTML و CSS. فهم نموذج الصندوق والتحولات والتحولات واستعلامات الوسائط في CSS.

بمجرد أن تشعر بالراحة مع CSS ، ابدأ بـ Bootstrap. إنه إطار أمامي مع التركيز بشكل رئيسي على تطوير شبكة استجابة سريعة الاستجابة للهواتف المحمولة. هذا سيجعل تطويرك أسرع ويحسن كفاءتك لتطوير كل من سطح المكتب والجوّال.

الآن ، ابدأ باستخدام Javascript. وقم بفهم التلاعب ب DOM و BOM باستخدام Javascript. يمكنك أيضًا استكشاف إطار jQuery الشهير لجافا سكريبت.

الآن ، حاول إنشاء مشاريع بسيطة مثل تطبيق ToDo ، أو أي لعبة متصفح بسيطة تستخدم Javascript أو موقع ويب به بعض التحولات الرائعة والرسوم المتحركة.

2. تطوير السيرفر

هناك العديد من التقنيات التي يمكنك استخدامها لتطوير الشبكة الخلفية. أود أن اقترح البدء مع PHP وPHP , MySQL هي لغة البرمجة و MySQL هو نظام لإدارة قواعد البيانات يستخدم SQL للاستعلام. هذه التقنيات بسيطة للغاية وسوف تساعدك في فهم تقنيات الطلب / الاستجابة في متصفح الويب وكيفية التفاعل مع قاعدة البيانات والجهة الخلفية. يمكنك أيضًا استكشاف أطر PHP مثل Laravel أو CodeIgniter.

يمكنك أيضًا البدء بـ Node.js و Express.js و MongoDB ، والتي تعد أكثر شيوعًا هذه الأيام. أحد مزايا ميزة PHP هو أن Node.js يستخدم Javascript للجهة الخلفية أيضًا ، لذلك لا تحتاج إلى تعلم لغة برمجة جديدة لأنك استخدمت Javascript لتطوير الواجهة الأمامية. MongoDB هي قاعدة بيانات NoSQL ، التي تخزن البيانات في المستندات والمجموعات بدلاً من الجداول (التي يستخدمها MySQL). لذا سيساعدك استكشاف كلا قواعد البيانات في فهم بنية كلا النوعين من قواعد البيانات.

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

[ إقرأ ايضا : مميزات Node.js وأسباب اختياره من أجل تطوير الويب ؟ ]

3. طلبات ​​HTTP / الاستجابة ، ملفات تعريف الارتباط ، الجلسات و AJAX

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

استكشاف حول جلسات الخادم ، طلبات HTTP والاستجابة ، جلسات HTTP وملفات تعريف الارتباط. سيساعدك ذلك على فهم المتصفحات والخوادم وكيف يتم إرسال الرسائل من عميل إلى خادم وكيف يعالج الخادم هذه الطلبات ويرسل الاستجابة.

قم بتطبيق Ajax على تطبيق الويب المطور مسبقًا (الذي قمت بتطويره باستخدام الخلفية). اجاكس هو المفهوم الأكثر أهمية في تطوير الشبكة. وسوف توسع أيضا معرفتك عند الطلب / نموذج الاستجابة.

4. REST APIs واجهات برمجة التطبيقات والمزيد ..

عند حصولك على فكرة واضحة حول نموذج طلب / استجابة HTTP ، يمكنك الآن محاولة إنشاء واجهة برمجة التطبيقات بطريقة مريحة. تستخدم RESTful APIs على نطاق واسع في التطبيقات السحابية بسبب انعدام الجنسية ، وفهم هذه التقنيات يمكن أن تساعدك على الحصول على مزيد من التعرض لمختلف الموضوعات المتقدمة وكذلك تساعدك خلال مقابلات العمل.

حاول تنفيذ API للتجارة الإلكترونية البسيطة التي تستخدم أساليب HTTP لتنفيذ عمليات CRUD (إنشاء وقراءة وتحديث وحذف) على المنتجات.

5. الأطر الشعبية

بصرف النظر عن تجربة Laravel أو Node.js ، يمكنك أيضًا تجربة الأطر الشائعة مثل Angular و React و Flutter for Web للتطوير الأمامي. تعلم بعض الأطر ليس ضروريًا تمامًا ، لكنه مفيد لأنه يعزز قابلية القراءة والتجريد من الوحدات النمطية على أساس النماذج والنماذج المعمارية المختلفة (العميل-الخادم ، MVC ، إلخ) ، وسيجعل حياتك أكثر سهولة في الترميز.

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

ماذا تفعل بعد كل هذه الأشياء؟

حافظ على التعلم!

جرب بعض أحدث التقنيات

لا تلتزم فقط بتطوير الويب ، جرب تطوير تطبيقات الهاتف المحمول ، والتعلم الآلي ، ورؤية الكمبيوتر ، وما إلى ذلك.

هل التدريب / البحث.

توسيع الشبكة الخاصة بك.

وأخيرا ، شارك بعلمك مع الآخرين. :)

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

بيئة تطوير متكاملة لتطوير الويب - Sublime, Brackets

أدوات تصميم واجهة المستخدم -  Invision, Adobe XD

أيقونات -  FontAwesome, Glyphicons.

الخطوط -  Google Fonts

ألوان -  UIGradients, HTMLColorCodes, FlatUIColors

ألبوم الصور -  Unsplash, Pexels

الرسوم التوضيحية - Undraw, Drawkit

التحكم في الإصدار - Github

شكرا لكم على قراءة هذا المقال.

لقد دفعت بعض المشاريع الرائعة على حسابي في جيثب.

لا تتردد في الاتصال بي إذا كنت بحاجة إلى أي مساعدة أو مناقشة شيء ما.