Views: 104709

مسار مطور الويب


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


تجهيز الأدوات والإعدادات اللازمة لبدأ العمل في تطوير الويب

البرامج والأدوات الازمة

لبدأ كتابة أكواد الويب تحتاج لبرنامج لكتابة الأكود يطلق عليه محرر أكواد وهذه قائمة بالبرامج التي تفيدك لتختار منها.

  • برنامج [ SublimeText ] برنامج خفيف وجميل وبه مميزات رائعة لك كمطور.
  • برنامج [ NetBeans ] محرر IDE مجاني رائع يحتوي على بيئة تطوير جميلة قم بإختيار نسخة ال PHP
  • برنامج [ Aptana Studio ] محرر IDE مجاني رائع يحتوي على بيئة تطوير جميلة.
  • برنامج [ ++Notepad ] لكتابة الأكواد مجاني وجميل ويدعم اللغة العربية وخفيف على الجهاز.
  • برنامج [ PHP Storm ] محرر IDE مدفوع لكن يحتوي على مميزات رائعة جدا لك كمطور ويب.
  • متصفح حديث لتشاهد البرمجة الخاصة بك عليه مثل [ Google Chrome ] أو [ Firefox Developer Edition ]
  • برنامج سيرفر محلي مثل XAMPP أو WampServer والشرح الخاص به موجود في كورس ال PHP مع كيفة تنصيبه وإعداداته.

إعدادات الكمبيوتر و ملاحظات

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

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

دروس بسيطة منوعة في عالم الكمبيوتر والإنترنت

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

أسئلة مهمة يسألها الناس كثيرا قبل التعلم وإجابته

أسئلة مهمة يسألها الناس كثيرا قبل التعلم وإجابتها

الكثير منا قبل التعلم يقوم بسؤال هذه الأسئلة الشائعة والأفضل أن تشاهد إجابتها قبل البدأ في التعلم..

بدأ تعلم لغة [ HTML ] لتنشيء صفحتك الأولى في الويب.

ما هي لغة HTML؟

لغة Html هي اللغة الام في بناء هيكل صفحات الويب وقبل العمل على أي تطبيق أو برمجة يجب عليك معرفة كيف تبني هيكل الصفحة وبواسطة هذا الكورس ان شاء الله سوف تتعرف على الوسوم الخاصة باللغة [ Tags ] وسوف تتعرف على عناصر اللغة كاملة وكيف تستعملها لبناء هيكل موقعك كامل قبل الدخول في عالم التصميم أو البرمجة.


رابط الكورس التعليمي

يمكنك مشاهدة الكورس التعليمي على اليوتيوب من هنا

بدأ تعلم لغة [ CSS ] لتنسيق صفحات الويب.

ما هي لغة CSS؟

لغة Css هي اللغة التي سوف تساعدك في تصميم شكل صفحات الويب وتغيير شكلها من ألوان وحجم ونوع الخطوط والتحكم في شكل الصفحة من كل النواحي دونها لا يمكن أن ترى موقع جميل ولا يمكن أن ترى الشكل الحقيقي لصفحات الويب التي نراها الآن في كل مكان وهي مثلها مثل Html من المستحيل الإستغناء عنها.


رابط الكورس التعليمي

يمكنك مشاهدة الكورس التعليمي على اليوتيوب من هنا

بعد تعلم اللغات الأساسية في بناء صفحات الويب هذه بعض النصائح والملاحظات المهمة.

دروس مهمة

هنا سوف تجد دروس مهمة يجب تطبيقها بعد الإنتهاء من الكورسات السابقة لتتفادى الوقوع في أي أخطاء

  • تعلم كيف تتفادى الأخطاء التي يمكن أن تقع بها في لغة Html من هنا
  • تعلم كيف تتفادى الأخطاء التي يمكن أن تقع بها في لغة Css من هنا
  • هذا الموقع يتيح لك تجربة الكود الخاص بك على أكثر من إصدار من إصدارات PHP الموقع هنا

نصائح مهمة

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

  • لا تمل من الأساسيات فهي أهم شيء ولتعرف لماذا شاهد الفيديو من من هنا
  • لا تستعجل ابدا في تعلم اللغة وخذ وقتك حتى تحترف وشاهد النقاش التالي لتعرف لماذا من هنا

بعد تعلم اللغات ومشاهدة النصائح يأتي وقت التطبيق العملي.

ماذا أفعل للتطبيق؟

في مجال تطوير الويب يجب عليك عمل هذا التصميم لتتعلم توظيف العناصر والخواص التي تعلمتها في لغات Html + Css وحتى تكون ملم بالكود وبكيفية عمل موقع كامل ليفيدك أثناء تعلم البرمجة حيث ان التصميم يتم عمله بالكود ولا يوجد تدخل بأي برنامج جرافيك فيه لذلك هو ليس بعبدا عن مجالك.


رابط الكورس التعليمي

يمكنك مشاهدة التطبيق الأول على لغة Html + Css من هنا


المزيد من التطبيقات؟

يمكنك البحث في جوجل عن قوالب بسيطة لتنمي مهارتك وتوظف ما تعلمته في الكورسات السابقة يمكنك البحث عن كلمة Free Css Template وتقوم بتقليدها بدون أن ترى الكود وبعد الإنتهاء تشاهد الكود وتقارن بين الكود الخاص بك وكود التصميم لتعرف هل تطورت أم لا.


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

بدأ تعلم الإصدار الجديد من لغة Html

لماذا أتعلم الإصدار الجديد HTML5؟

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


رابط الكورس التعليمي

يمكنك مشاهدة الكورس التعليمي على اليوتيوب من هنا

تعلم لغة PHP لبناء تطبيقات الويب

ماهي لغة PHP

لغة PHP من أشهر اللغات لبناء تطبيقات الويب ولها دعم كبير وهي مجانية وسهلة التعلم جدا والكورس هنا سوف يفيدك جدا في اتقان اللغة باذن الله.


رابط الكورس التعليمي

يمكنك مشاهدة الكورس من هنا

تعلم MySQL للتعامل مع قواعد البيانات

ماهي لغة MySQL

قاعدة بيانات MySQL من أشهر قواعد البيانات المجانية التي سوف تتعامل معها عند عمل تطبيق ويب وهي المسؤولة عن التعامل مع قاعدة البيانات وإرسال واستقبال البيانات منها.


رابط الكورس التعليمي

يمكنك مشاهدة الكورس من هنا

تعلم لغة المستقبل Javascript

تعلم لغة المستقبل Javascript

كورس الجافاسكريبت سوف يضيف إليك الكثير جدا في مشاهدته وفيما يلي بعض النقاط التي سوف تفيدك جدا.

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

رابط كورس Javascript الأساسي لإتقان اللغة

يمكنك مشاهدة الكورس التعليمي على اليوتيوب من هنا


رابط كورس Javascript DOM للتعامل مع صفحة الويب

يمكنك مشاهدة الكورس التعليمي على اليوتيوب من هنا

إذا كنت في بداية حياتك يمكنك تجاهل هذا الكورس ولكن إذا أردت الإحتراف الأفضل تعلم كل ما يخص اللغة


رابط كورس Javascript BOM للتعامل مع المتصفح

يمكنك مشاهدة الكورس التعليمي على اليوتيوب من هنا

إذا كنت في بداية حياتك يمكنك تجاهل هذا الكورس ولكن إذا أردت الإحتراف الأفضل تعلم كل ما يخص اللغة


تعلم مكتبة ال jQuery

مكتبة jQuery مكتبة من المكتبات الرائعة التي سوف تفيدك أثناء بناء صفحتك وسوف تفيدك كثيرا كمطور ويب في التعامل مع البيانات وإرسالها للسيرفر بدون تحديث الصفحة ويمكنها مساعدتك كثيرا في مجال تطوير الويب يمكنك ان تبدا تعلم المكتبة مباشرة ولكن الأفضل ان تتعلم الجافاسكربت قبلها لتكون متقن لها


رابط كورس مكتبة ال jQuery

يمكنك مشاهدة الكورس التعليمي على اليوتيوب من هنا

وقت جلب الأفكار والتطبيقات البسيطة

أفكار سوف تساعدك وتزيد مستواك

سوف تجد الكثير من الأمثلة العملية للتطبيق ولتطوير مستواك وهي متجدة بإستمرار تابعها دائما لترى جديد الدروس فيها

  • تطبيقات عامة في لغة PHP هنا
  • تطبيقات عامة في لغة Javascript هنا
  • تطبيقات عامة في مكتبة jQuery هنا

تطبيقات متقدمة تصميم Contact Form

تصميم وبرمجة نموذج إتصال Contact Form

التطبيق العملي دائما مفيد لتطويرك وإضافة الأفكار لك لتبدع في عملك وهذا التطبيق يستعمل أكثر من لغة وسوف يضيف إليك الكثير باذن الله ويمكنك أن تتعلم الكورسات الموجودة في التطبيق كاملة او تعرف بعض المعلومات عن المميزات التي سوف تستعملها في الكورس فقط في حالة أردت عدم التعمق.

يمكنك مشاهدة الكورس من هنا

تطبيقات متقدمة برمجة موقع بيع وشراء eCommerce Shop

تصميم وبرمجة موقع بيع وشراء كامل eCommerce Shop

التطبيق العملي لا غنى عنه وهنا في هذا التطبيق سوف تقوم بعمل موقع بيع وشراء وسوف تتعرف وتوظف كل ما تعلمته في كورسات PHP + MySQL وسوف تتعرف على أفكار جديدة وتتاح لك فرصة الإنطلاق وعمل تطبيقك الخاص.

يمكنك مشاهدة الكورس من هنا

جاء وقت المشاكل والحلول

ماذا أفعل لو واجهتني مشكلة؟

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


ماذا أفعل لو واجهتني مشكلة في فيديو معين أثناء التعليم؟

إسال عن المشكلة في نفس الفيديو وسوف أرد عليك باذن الله بالحل


هل هناك نصائح تفيدني أثناء التعليم و الإستفسار؟

نعم لا تنسى إلقاء نظرة على الأسئلة التي تتكرر كثيرا في الجروب والقناة من هنا

مواقع مهمة للمراجعة

مواقع مهمة

مواقع مهمة لمراجعة معلوماتك وزيادة الإستفادة

  • المرجع الخاص بلغة PHP على الإنترنت PHP Manual
  • موقع جميل ومرجع ممتاز للغة PHP من هنا PHP The Right Way
  • المرجع الخاص بقاعدة بيانات MySQL على الإنترنت MySQL Manual