صراحتا و بدون كذب انا متشتت و ما ادري كيف ما اكون متشتت جدا لدرجة اني تعلمت البايثون و انا محدد تخصص front end developing و احتاج لمساعدة و احد يرشدني لاني وصلت لدرجة اني اتعلم لغة كوتلين و هذي اللغة مالها علاقة بالمواقع الالكترونية ابدا يعني باختصار شديد احتاج احد يساعدني لاني قاعد اخربط في اللغات البرمجية بايثون على كوتلين على html على css و انا هدفي الحالي جافا سكريبت بس ما اعرف شلون اتعلم الجافا سكريبت متشتت جدا و فوق كل هذا لا يمكنني ان اتعلم لان ليس لدي ميزانية او مبلغ مالي لاني صغير بالعمر لست موظفا يعني عمري 12 سنة ولكن انا اتعلم من الان لاحترف البرمجة لكن فقط اريد تعلم الجافا سكريبت بطريقة مجانية او على الاقل اساسياتها
تحياتي لكم و شكرا
أهلاً صديقي هذا الموضوع قد يُفيدك بعض الشيء ... حاول قراءة تعليقاته
أولاً يجب أنّ تعرف الفرق بين تطوير الواجهات الخلفية (backend)؟ وما الفرق بينه وبين تطوير واجهات المستخدم (frontend)؟ الفرق بينهما هو أن الواجهات الخلفية هي البرمجيات التي تُنفَّذ على الخوادم وتجري عمليات عليها مثل التعامل مع قواعد البيانات والملفات والخدمات الخارجية، أما واجهات المستخدم فهي الصفحات التي تظهر على شاشة الزائر في متصفحه.
.
بمعنى أوضح حتى لا تُصبح الامور مُعقدة بالنسبة لك:
(منقول)
بما أنك تعلم أن الموقع يتكون من واجهة أمامية (frontend) الواجهة الرسومية , أي الأزرار و النصوص و التقسيمات و الصور و الصفحات ..إلخ , التي تستطيع تعلمها بتعلمك :
HTML
CSS
JAVASCRIPT
و يتكون من واجهة خلفية (Backend) الواجهة الخطوات المنطقية التسلسلية , التي فيها تقع الأكواد التي تخبر ماذا يقوم الزر بعد الضغط عليه مثلا و ما إلى ذلك و لتعلمها إختر إحدى لغات المختصة في الواجهة الخلفية مثل:
Php
Ruby
Python
Node.js
Golang
... Etc
و بعد أن تتعلم إحدى هذه اللغات و تتعلم كيفية إنشاء سيرفر بها و إستقبال الطلبات (Requests) و توجيه الزائر .. الآن بقي أن تتعلم إحدى قواعد البيانات العلائقية مثل Mysql , أو الغير علائقية مثل Mongodb .. و هكذا يصبح لديك موقع كامل .
الآن بالعودة لسؤالك لكيفية ربط الواجهة الأمامية بالخلفية :
أولا عندما تقوم بإنشاء صفحات الأماميةالثابتة (مثلا صفحة الموضوع مثل هذه التي نحن فيها الآن و مثلا صفحة أخرى تعرض فيها كل المواضيع و صفحة أخرى للبروفايل) , أصبح لدينا الآن مجموعة صفحات لكنها غير مربوطة بالBackend , تقوم بوضعها بداخل مجلد بالواجهة الخلفية مثلا Views ثم تقوم فتح هذه الصفحات و تغيير الأشياء الغير ثابتة بالمتغيرات ,
مثلا في صفحة الموضوع كان هنالك موضوع عنوانه "طريقة التسجيل في حسوب للمبتدئين" فنضع مكانه متغير ليصبح هكذا "postTitle" ثم مكان إسم الكاتب نضع متغير آخر و ليكن "author" و مكان الموضوع نضع متغير "postBody" و مكان الصورة نضع "postPicture" .. في الأخير عندما يقوم مستخدم بطلب موضوع ما سيصل للسيرفر معلومات عن الطلب بأن مستخدم ما طلب موضوع عنوانه "طريقة التسجيل في حسوب للمبتدئين" و id الموضوع هو رقم 22 , فيقوم السيرفر بالبحث في قاعدة البيانات عن الموضوع رقمه 22 , يأتي بجميع معلوماته أو بعضها و يقوم بإرسالها داخل صفحة الموضوع التي فيها المتغيرات فيقوم بتعويضها و إرسالها للسيرفر .
و في الأخير هذه المراحل أنت من تقوم ببرمجتها و هي سهلة جدا .
بخصوص الـ فرونت ايند
وفي حالة كنت تريد العمل مع شركات كُبرى، فيجب أنّ تكون مُلم ببعضها على الأقل وخصوصًا الـ UI, UX.
تعلم الجيكويري في بدايتك، فهو أمر جيد، ومفيد لأنها تختصر عليك كتابة كود Vanilla Javascript و تجعله أكثر تحسينًا.. من بعد تعلمها حاول الإنتقال لـ Angular او React، وبعد التعود على الـ Front-end يُمكن الإهتمام بشكل بسيط حول إطارات أخرى مثل Ember.js او Polymer او Backbone.
ما هو الui و ux انا اسمع عنهم كثيرا لكن لا اعرف معناهم و الفانيلا جافاسكريبت قال احد المبرمجين في فيديو على اليوتيوب بان يجب عليك تعلم جافا سكريبت بعدها تذهب للمكتبات و تتعلم عليهم هل هذا صحيح او من الغير ضروري تعلم الجافاسكريبت
و الاختصار للكويري
أنظر كبداية لك حاول أنّ تتعلم هذه الامور بالترتيب:
1- HTML، ويُمكنك الإطلاع على أكاديمية حسوب قد تُفيدك، أو البحث عن أي كورس على يوتيوب
2- CSS، ويُمكنك الإطلاع على أكاديمية حسوب قد تُفيدك، أو البحث عن أي كورس على يوتيوب
3- JAVASCRIPT، ويُمكنك الإطلاع على أكاديمية حسوب قد تُفيدك، أو البحث عن أي كورس على يوتيوب
حاول الإطلاع على الروابط في الأغلى، الجافاسكريبت ضرورية جدًا، ومن خلالها سوف تتعلم (Node.js, jQuery, ,AngularJS.. React) ... تعلم هذه الأمور فقط، كفيلة أنّ تجعلك جيد جدًا في الفرونت ايند، ومع الوقت، يُمكنك التوسع بباقي الأمور .
على ما أظن هُناك تشتت كبير في الأمر لذلك حاول القراءة عن الجافاسكريبت حتى تفهمها أكثر كبداية لك، وما هي استعمالاتها، وفوائدها، وكيف يتم توظيفها ... إلخ، من ثم انتقل إلى الفيديوهات العملية، وتعلمها، والبدء بالتطبيق، والموضوع التالي سوف يُفيدك، بجانب الإطلاع على المواضيع في أكاديمية حسوب، وقراءتها قراءة.
أما بخصوص الـ UI وUX اجعلها آخر مرحلة، وعندما تنتهي من ما سبق انتقل للخطوات التالية، لذلك كبداية لا تُشتت نفسك في معرفة كل شيء وخذها واحدة واحدة كـنصيحة
التعليقات