من أين نبدأ في عالم تطوير الويب ؟ وماهي الطريق الأنسب ؟

سؤال حير الكثير من المبتدئين في مجال الويب والمواقع ، وتطويرها !

كما حيرني أيضًا، من اي خطوة على المبتدئ أن يبدأ ؟

من HTML &CSS - من PHP - roby - بايثون ... هناك الكثير !

أنا بدات في تعلم HTML و CSS مثلا / ماهي الخطوة التالية، تعلم البوتستراب؟ تعلم PHP ؟ تعلم javascript ؟ أم روبي أم بايثون ؟ أم نتعلم أطر العمل مثل rails ؟

صرآحة الموضوع محير للمبتدئ، ولا يكفي بأن تقول أبدا بأيها شئت،

حسناً

أريد أن ارى ما هو الطريق الأنسب، لكل مبتدئ،

ما هي الميزات اللتي تستفيد منها في لغة غير الأخرى ؟ "اتمنى أن لا تكتفوا بكملة ميزات "

ما هي المشاكل اللتي قد تواجهك في لغة غير الأخرى ؟ " أتمنى أن لا تكتفوا بكلمة مشاكل "

أتمنى أن تبسط المشاكل، وأن تبسط الميزات،

بما أن الله وفقكم للوصول الى هذا المكان، ارسمموه لغيركم لعلهم يهتدوا الى ما يعينهم بعد الله سبحانه وتعالى..


27

الطريق بإختصار

أنت حددت مجال الويب وهذا جيد

ينقسم تطوير الويب لثلاث أقسام قسم يختص بالبرمجة وقسم بالتصميم وقسم بقواعد البيانات

صرآحة الموضوع محير للمبتدئ، ولا يكفي بأن تقول أبدا بأيها شئت،

بما أنك طلبت هذا سيكون الرد من هذا المنطلق :)

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

1- تعلم اللغة الهيكلية HTML أمر أساسي ويجب أن تبدأ به.

2- لغة التنسيق CSS لا غنى عنها ويجب تعلمها بعد HTML.

3- تعلم لغة PHP وهي أيضاً أساسية للتعامل مع الطلبات على الخادم.

  • فاصل وتقوم بإنشاء تطبيق كامل بما تعلمت

4- تعلم قواعد البيانات العلاقية وتعلم mySQL .

5- تعلم العابير لقياسية Regular Expressions.

  • فاصل وقم بإنشاء تطبيق متكامل يعتمد على جميع ما سبق.

6- تعلم أساسيات لغة javaScript ومن ثم مكتبة jQuery .

7- تعلم إستخدام التنسيق JSON .

8- تعلم تقنية الـ AJAX وكيفية التعامل معها من خلال مكتبة jQuery وإرسال الطلبات وإستلامها مع لغة PHP .

  • فاصل وقم بتنفيذ تطبيق يعتمد على ما سبق.

9- تعلم أنماط التصميم Design Pattern .

10- تعلم تصميم الواجهات الحديثة Responsive Template وفن إنتقاء الألوان والإستخدام الأمثل للموارد.

11- تعلم الـ bootstrap.

12- تعلم الـSEO لكتابة أفضل لمحركات البحث.

  • فاصل لتطبيق أنماط التصميم وإنشاء إطار عملك الخاص من هذه الاكواد للعمل عليه -ليس شرطاً أن يكون خارق :) فقط للتعلم -

13- تعلم إطار العمل Laravel .

14- إنشئ إضافاتك التي تحتاجها للإطار.

15- تعلم Less لكتبة أكواد CSS بطريقة أفضل.

16- تعلم mustache نظام قوالب للغة javaScript .

  • قم بإنشاء تطبيق متكامل بما تعلمت

بارك الله فيك اخي الكريم على الرد الممتاز، بصراحة رد يوحي بالاحترافية و أجاب على كل استفساراتي المتعلقة بلغات تطوير الويب ( البداية القوية )

تحياتي الخالصة لك

وفيك الله بارك، سعدت بردك، والحمد لله أنه أفادك ツ

شكرا لك، ردك هذا حل الكثير،

سمعت باطار سيمفوني2 أو شيء يشبه هذا، ولارفل، هذه الاثنتين أععتقد تحل العديد من المشاكل الأمنية في PHP صحيح ؟

طيب ماذا عن روبي ان رويلز وبايثون ؟

وبعد أي نقطة يمكنني من اطلاق موقع خاص بي، يعمل بشكل جيد، ويقدم خدماته؟

حسب تفكيري، بعد 6 أو 8 ؟ أم قبل ذلك يمكنني ؟

  • الحماية تعتمد على كتابتك للكود وكيفية تنقيح البيانات التي يقوم بإدخالها المستخدم، ولكن بكل تأكيد أُطر العمل توفر عليك الكثير في تسهيل الأمر من تشفير وخلافه فإطار عمل Laravel من خلال Crypt فهي تستخدم خوزميات قوية في عملية التشفير من خلال AES.

  • فضلت طريقة عدم تعدد الخيارات ورسم طريق واحد، بعدها تستطيع أنت تحديد أيها تفضل وتستطيع الإنتقال بسهولة للأفضل.

  • لم أتعامل مع Ruby من قبل، لغة Python لغة قوية وإسلوب كتابة الأكواد بها نظيف وجميل وستجد أنك تكتب بها كود أقل، لغة PHP لها مجتمع ودعم كبير جداً وخدمات إستضافتها متوفرة بشكل كبير وستجد سوق العمل يحتم عليك العمل بها، بالإضافة لإستخدام إطار عمل كـ Laravel سيجعلك تكتب كود جيد.

نوعا ما بدأت أفكر في PHP ، أو سأبدأ بـ PHP ،

لأني فكرت كثيراً، أني بدل أن أدرس الـ PHP ، ومن ثم عود للبداية وأدرس لغغة أخرى حتى الاحتتراف، ادرس لغة معينة من البداية، ولم أقتنع كثيراً، لكن سأرى بعض دروس روبي وبعض دروس PHP وأما بايثون فلا دعم عربي لها، الا ما ندر،

وسأرى

أشكرك، نصائحك مفيدة جدا ونوعا ما بدات أقتنع، وبدا التفكير يصفو قليلاً، و اتتمنى أن لا تحرمني نصائحك، أنت وأصحابك في هذا الموقع، الجميل

  • يبدوا أنك عدلت الموضع وأضفت نقطتين فلم أرهم :)

  • بعد النقطة 3 تستطيع تقديم موقع لعرض بيانات كموقع تعريف بشركة أو مؤسسة وخلافه.

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

  • أهم شيء في هذا المجال هو إستمرارية التعلم ومتابعة كل جديد.

شكرا لك،

الكثير من المعلومات المفيدة اللتي لم أجدها سوى هنا، في هذا الموضوع !

بقي علي أن أفكر قليلا

أعتذر لكثرة الأسئلة والإطالة،

وبودي لو يشاركنا رجال من برمجة روبي وبايثون، نستفيد منهم ونرى خططهم

وهل تنصحني بلغة غير الـ PHP ، لأني أفكر في روبي، رغم قلة المحتوى العربي والدعم العربية لها،

لكن هل سيمفوني، ولارفل مميزة، لأني اريد طريق البداية فقط، وبعدها سأفكرفي الاحتراف في أحد أطر العمل أو اللغات، افكر في سيمفوني ولارفل أو روبي اون رويلز !

الأخير هذا أكثر ما حيرني،

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

الانفوغرافيك مترجم من قبل أراجيك :

هذا شيء جميل، مشاركتكما معي هنا، افادتني الكثير والكثير،

لكن المشكك في الموضوع، أن ففي كل مكان وفقرة تتفوق لغة فمرة بايثون، ومرة روبي، مرة PHP،

يبدو أني سأتعلم PHP ومن ثم نرى بقية اللغات،

ان شاء الله

السلام عليك أخي @ahmedsaoud31 .

بالواقع أنا أشكرك على هذا التعليق الغني وكنت أود معرفة ما إذا كانت المعلومات التي كتبتها هنا ما زالت صالحة بنفس الشكل والترتيب اﻵن أم توجد مستجدات ؟

  • أود أيضا الاستفسار عما إذا كان من الممكن التخصص فقط في جانب السيرفر Back-End ؟ أما يجب إتقان الجانبان معا ؟ أنا لست من هواة التصميم لكن أحب البرمجة وأكملت html5 و css3 وأريد البدء في مجال البرمجة وليس تصميم الواجهة .
ahmedsaoud31 أضف ردا
  • نعم صالحة وبنفس الترتيب أضف إليهم مكتبات الصفحة الواحدة SPA كـ angularjs

  • نعم يُمكنك التخصص في جانب واحد فقط، فأنا مُختص أيضاً في الـ Back-End فلست من هواة التصميم وأتضجر من مُجرد طلب تعديل بسيط على التصميم فليست لي ملكة عليه البته، وإن تطلب الأمر العمل على التصميم أعتمد البرمجة على قوالب جاهزة أو استخدم أحد أُطر العمل للتصميم كـ bootstrap.

axok12 أضف ردا

أعتذر عن اﻹطالة لكن أحببت التعمق بشكل أكبر ووجدت أنني أتوه أكثر وأكثر !!

تعلمت html و css ولا أعلم هل المناسب هو البدء في جافا سكربت أولا أم php وهل من المستحسن أن أعرف طريقي من اﻵن أم أبدأ فقط ولا أشتت نفسي ؟ كما ذكرت لك سوف أتخصص فقط في back-End فهل يمكن أن أتخلى عن الخطوات المرتبطة بالتصميم وواجهة المستخدم مثل bootstrap ؟

  • أيضا أود أن تلقي نظرة على تلك الخارطة الذهنية

وأشكرك جزيل الشكر على ما تقدمه .

  • إبدأ مع php فبدونها لن تستطيع إنجاز موقع ديناميكي أو التخاطب مع قواعد البيانات ضمن التسلسل، فدع javaScript لمرحلة لاحقة.

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

مهلا ... هل جافا سكربت جزء من واجهة المستخدم أم Back-End ؟

كذلك هذه الخارطة الذهنية (أرجو منك إلقاء نظرة عليها) مقدمة من موقع Learn Code Academy وهي كبيرة لدرجة تصيب بالهلع

إذا أردت السير ﻷصل إلى مرحلة Dev-Ops فتوجد خيارات عديدة يجب تعلمها مثل لغة البرمجة php وقواعد البيانات .. إلخ

أريد فقط التركيز على ذلك بعيدا عن "تضيع الوقت" في تطوير الواجهات .

إذا تكرمت وأرشدتني للطريق المتبع سأكون شاكرا ممتنا .

هذا طلبي اﻷخير بإذن الله وأشكرك على مجهودك _

ahmedsaoud31 أضف ردا
  • في التسلسل الذي سردته في البداية فـ javaScript للواجهة فقط أو لجلب محتوى عبر الـ AJAX وهكذا كانت وظيفتها في بداية إنشاء اللغة ولكن تم استخدامها في برمجة الـ Back-End عبر node.js إن أردت استخدامها كـ php أو ruby أو غيرهم كلغة لمعالجة طلبات الخادم -ستجدها في الخارطة التي أرفقتها تحت مسمى Node.js-

  • ألقيت نظرة عليه فالنموذج متشعب وعليك اتباع المسار الذي تريده فـ Dev-Ops معنية بتطوير ومراقبة البيئة التي تعمل عليها تطبيقات الويب وليست معنية بتطوير تطبيقات الويب ذاتها، لا يعني أن تلقي نظرة عن أشياء مرتبطة بمجال تخصصك مضيعة للوقت فلن تكلفك الكثير من الوقت ولكن ستكون ملم بمجريات الأمور بشكل أفضل.

  • إن كان هدف التخصص في تطوير تطبيقات ويب كـ Back-End فهذا المسار يفي بالغرض:

    HTML >> CSS >> php with OPP >> Data-base >> Laravel framework
    

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

بالمصادفة، م اطلاق منصة مهارة

وجدت هذه الدوروة للفريم وورك laravel4

هي المناسبة واللتي قصدتها بقولكlaravel صحيح ؟

الحمد لله، وجدت مساعده مفيدة

  • هي ما أقصدها، 4 هو رقم الإصدار منذ فترة قصيرة تم إطلاق الإصدار 5، يمكنك البدء مع الإصدار 4 بهذه الدورة.

  • هذا رابط به مصادر متعددة لتعلم هذا الإطار:

استفدت كثيرا جدا منك ومن هذا الموضوع

أشكرك مرة أخرى، واسأل الله لك التوفيق والسداد/ وأ، يوفقك في حياتك العلمية والعملية

استفدت منك كثيراً،

لا تععلم كم من الوقت أمضيته في البحث والسؤال هنا وهناك حتى وصلت الى هنا،واستفدنا من أشخاص مثلك

والأخ علي

جزاكم الله خيراً

أي مشاركات أخرى، أنا كتابع لهذا الموضوع

  • الحمد لله أنك إستفدت من هذه الردود البسيطة.

  • هذ واجبنا أخي الغالي، وبارك الله فيك على دُعائك وأجزلك الله بالمثل وزيادة.

  • وجزاك الله كل خير، تحياتي