انا متشتت و لا اعلم كيف اصبح front-end developer و احتاج الى مساعدة

حصلت لي هذه المشكله،

كنت متخبط تماماً

سمعت بلغة كوتلن و قرأت عنها و انا كنت محدد مسار Fron-End فعند اعجابي بكوتلن ذهبت لتعلمها و لكن لم استطع أن أكمل..

يعني انت حالياً تسمع عن تقنيه جديده فتنبهر بها فتقوم بالذهاب لتعلمها و لكن لا تستطيع ان تكمل،

و لكي تقوم بالخروج من هذا التخبط انصحك بالآتي

• إقرأ المزيد عن مسارك.

• شاهد اعمال جاهزه لكي تحفزك.

بعد اكمالك لـ HTML&CSS إبدأ التطبيق عليهم و لا تنتقل لـ JavaScript الا بعد التمكن منهم،

بالنسبه للدورات التعليميه المجانيه أنصحك بـ أكاديمة الزيرو

في الرابط ستجد طريقك لـ إحتراف المسار بالكامل،

و أتمنى لك التوفيق

من الجيد أن تقع في التشتت فتدهب في مسار البحث ثم البحث وفي الأخير ستجد أنك وصلت لمبتغاك وأيضا خبرتك زادت بسبب ما تعرضت له أثناء البحث وخير مثال ما أنت فيه الأن درست python و kotlin وغيرهما...

عمرك صغير لكن ليس له علاقة بالأمر فحتى لو عمرك 35 سنة ستقع في التشتت بالبداية, طيب سأرسم لك طريق لتصير يوما ما senior frontEnd developer

أولا ستبدأ ب html من هنا:

ثم بعدها من هنا:css

وأخيرا تنشئ صفحة بسيطة للتدريب من هنا:

ثم الأن تنتقل ل html5 من هنا:

ثم بعدها css3 من هنا:

والأن ستنتقل لمرحلة بناء صفحات ثابثة ديناميكية اما بتعلم jquery من هنا

أيضا ستقوم بعدها ببناء أمثلة بهم من هنا:

أو ب javascript عوض jquery من هنا:

لكن أنصحك ب jquery فهي سهلة مقارنة بالجافاسكريبت كبداية.

وأخيرا تتعلم bootstrap لتسهل عليك كتابة صفحات متجاوبة بسرعة قياسية

وأخيرا تعلم أحد الاطارات لل javascript اما vueJS أو reactJS أو angularJS وبعد خبرة ومواجهة العديد من المشاكل وإصلاحها ها أنت بعدها senior front-end developer

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

ولكن وبما أنّك قررت أنك تريد مبرمجاً للويب وبالأخص Front-end فهذا جيّد وخطوة كبيرة للأمام، بقي لك الالتزام بتعلّم اللغة التي حدّدتها وعدم الحياد عنها. أعلم أنّ تعلم مجال واحد أو لغة برمجة واحدة على المدى الطويل قد يصبح مملاً، ولكن ما تتعلّمه بعد التغلب على هذا الملل يستحقّ العناء!

بدايةً، تعلّمك للغة بايثون خطوة جيّدة وعلى الرغم من أنّ بايثون لا ترتبط ارتباطاً وثيقاً ب front-end Dev إلّا أنّ توافرها بيدك كأداة تسهل لك الكثير من المهام، وأؤكّد لكَ أنّك ستحتاجها في مرحلة ما من مسيرتك البرمجيّة. فلا تقلق هذا الوقت تمّ تضييعه بشكل جيّد!

لا يمكنني ان اتعلم لان ليس لدي ميزانية او مبلغ مالي لاني صغير بالعمر لست موظفا يعني عمري 12 سنة ولكن انا اتعلم من الان لاحترف البرمجة لكن فقط اريد تعلم الجافا سكريبت بطريقة مجانية او على الاقل اساسياتها

العديد من مصادر التعلّم متاحة بالمجّان وتنتظر من يقوم بالاستفادة منها، وبالأخصّ في مجال البرمجة. الجانب المادّي ليسَ تحدياً كبيراً طالما تمتلك على حاسوب واتّصال بالأنترنت.

وكونكَ تبلغ من العمر 12 سنة ولديكَ توجّه معيّن أمر جميل، ولقد بدأت بالفعل بتعلّم بايثون وcss وhtml بالإضافة لروبي!

بالنّسبة لمصادر التعلّم المجانيّة، أرشّح لك هذه القائمة:

• الزيرو ويب سكول على يوتيوب:

• مقطع مطوّل بواسطة نور حمصي يتكلّم عن جافا سكربت بإيجاز على يوتيوب:

• سلسلة دروس بواسطة نور حمصي على يوتيوب:

&list=PLPTNqXpQ2tbg3LD_mAlVFwYSGXLaypyx-

• كما أنصحك بتنزيل تطبيق SoloLearn أو الدخول إلى الموقع الإلكتروني عن طريق الحاسوب وتعلّم JS من خلاله، ففيه العديد من التمارين التفاعليّة والتي ستمرّنك على البرمجة بهذه اللغة بشكل مسلٍّ.

كما قلتُ لك، أهمّ شيء هو أنّ لا تشتّت نفسك بلغات أخرى إن كان هدفك هو Front-end. كما ركّز على تطبيق ما تتعلّمه فور مشاهدتك لمقطع الفيديو أو الدورة التدريبيّة.

بالتوفيق!

كما قال @sniper_pro‍ 

وهناك ايضاً البشمهندس علي حمدي انا بدأت في تعلم الفرونت إيند علي يده شرحه رائع جداً وممتاز

كورس تصميم وبرمجة المواقع في 6 مستويات

1- المستوي الأول

2- المستوي الثاني

3- المستوي الثالث

4- المستوي الرابع

5- المستوي الخامس

6- المستوي السادس

أهلاً صديقي هذا الموضوع قد يُفيدك بعض الشيء ... حاول قراءة تعليقاته

أولاً يجب أنّ تعرف الفرق بين تطوير الواجهات الخلفية (backend)؟ وما الفرق بينه وبين تطوير واجهات المستخدم (frontend)؟ الفرق بينهما هو أن الواجهات الخلفية هي البرمجيات التي تُنفَّذ على الخوادم وتجري عمليات عليها مثل التعامل مع قواعد البيانات والملفات والخدمات الخارجية، أما واجهات المستخدم فهي الصفحات التي تظهر على شاشة الزائر في متصفحه.

.

بمعنى أوضح حتى لا تُصبح الامور مُعقدة بالنسبة لك:

(منقول)

بما أنك تعلم أن الموقع يتكون من واجهة أمامية (frontend) الواجهة الرسومية , أي الأزرار و النصوص و التقسيمات و الصور و الصفحات ..إلخ , التي تستطيع تعلمها بتعلمك :

1. HTML

2. CSS

3. JAVASCRIPT

و يتكون من واجهة خلفية (Backend) الواجهة الخطوات المنطقية التسلسلية , التي فيها تقع الأكواد التي تخبر ماذا يقوم الزر بعد الضغط عليه مثلا و ما إلى ذلك و لتعلمها إختر إحدى لغات المختصة في الواجهة الخلفية مثل:

1. Php

2. Ruby

3. Python

4. Node.js

5. 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.

توجد إحدى المساهمات نشرت سابقا هنا والتي حفظتها في مفضلتى إذا احتجت لها، قد تفيدك أيضا هذا هو الرابط:

في الحقيقة احييك لأنك اخترت تخصصا حتي تسير فيه. وهذا يجعل ما انت فيه سهل الحل.

كل ما عليك ان تفعل لكي تصبح front end ان تتعلم الآتي:-

١- html

2-css

3-javascript

وبعد ان تتعلم هذه التقنيات جدا او علي الاقل الاساسيات يمكنك ان تتعلم بعدها المكتبات البرمجية المبنية بهذه التقنيات وهي عبارة عن تقنيات تسهل عليك العمل اكثر من التصميم ب html و css و javascript.

ومن هذه المكتبات jQuery او vue.js او react.js وغيرها.

ويمكنك التعلم بشكل مجاني بالكامل من يوتيوب وارشح لك قناة elzero web school و هناك قناة لنور حمصي ايضا اعتقد انها جميلة وهذا محتوي عربي وان اردت محتوي اجنبي فهناك free code camp

بعد ان تتعلم كل هذا يمكنك بعدها ان تعمل مشاريع حقيقية.

بالتوفيق

مايلزمك تعلمه في جافا سكربت

1- طريقة طباعة نص باستعمال الجافا سكربت

2- معرفة ماذا تعني المتغيرات وأنواعها وطريقة تعريفها .

3- معرفة ماذا تعني الدوال وطريقة كتابتها .

4- معرفة المصفوفات وأنواعها وطريقة كتابتها .

5- معرفة الحلقات for و while وطريقة كتابتها .

6- طباعة المصفوفات باستعمال الحلقات

7- معرفة الجمل الشرطية if و else و else if وطريقة كتابتها

8- الوصول لأكواد html عبر id او name بواسطة جافا سكربت وكيفية جلب و تغيير محتوها.

هذا تقريبا 90 في المية من جافا سكربت بقية الاشياء سوف تتعلمها مع الوقت مثل تحويل انواع المتغيرات

واستبدال جزء من نص واشياء اخرى لكن الثمانية نقاط اللي ذكرتها لك هي الاساسيات تقريبا اللي تحتاجها في تعلم الجافا سكربت

لا تقلق هذا حدث معنا جميعاً في بداية المشوار يحدث هذا التشتت لا تقلق من ذلك نهائياً .

وعليك الأن تحديد المسار ورسم الأتجاه الصحيح ووضع خطة لذلك.

يجب عليك بعد من أن أنتهيت من html و css أن تتعلم javascript جيداً .

وأن توقف كل ذلك التشتت الأن :

وتبدأ بتعلم javascript لأنها من أهم اللغات في مسار front-end وتركز جيدأ فيها .

ويجب أن تقرأ جيداً وتتابع مع مسار مدرسة الزيرو هذا سوف يفيدك كثيراً ولن تتشتت بعد ذلك .

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

ويجب عليك التطبيق ثم التطبيق لأن هذا ما سوف يجعلك مطور Front-end محترف فى عملك .

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

تابع مسار مدرسة الزيرو:

تابع قناة مدرسة الزيرو على اليوتيوب:

موقع يفيدك لحل المشكلات بعد أن تتعلم لغة البرمجة يمكن أن تتمرن عليها :

قناة جميلة سوف تفيدك كثيراً في مجال front-end :