Front-End Development

تعلم الأساسيات بالأول:

1. HTML

2. CSS

3. JavaScript

ثم تعلم المكتبات المساعدة:

1. Bootstrap

2. jQuery

3. React

ثم ان احتجت لإيطار عمل ممكن تتعلم Angular أو Ember.js لكني لا أنصح بأي منهم. البقاء مع React أفضل لك.

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

بخصوص الـ فرونت ايند

على حسب فهمي للأمر يجب أنّ تكون مُلم بـ صناعة الـ Prototype حيث من المُمكن أنّ تساعدك على توفير نظرة أفضل حول البرمجية، والألوان، والأشكال قبل الشروع في تصميم البروجكت، وعلى سبيل المثال الـ UI , UX, XD, CX, IxD, IA و الـ SD,CD,DD هذا كبداية... أما إذا كنت تريد انشاء تصاميم بسيطة فليس من الضروري تعلمها، ولكن فهم الاساسيات بشكل مُبسط يكفي في هذه الحالة، أما في حالة كنت تريد العمل مع شركات كُبرى، فيجب أنّ تكون مُلم ببعضها على الأقل وخصوصًا الـ UI, UX.

تعلم الجيكويري في بدايتك، فهو أمر جيد، ومفيد لأنها تختصر عليك كتابة كود Vanilla Javascript و تجعله أكثر تحسينًا.. من بعد تعلمها حاول الإنتقال لـ Angular او React، وبعد التعود على الـ Front-end يُمكن الإهتمام بشكل بسيط حول إطارات أخرى مثل Ember.js او Polymer او Backbone.

بعد فعل هذه الأمور حاول تعلم الـ Automation حيث هذا يعتبر نصف الطريق، لأنّ تجهيز الـ Directory الخاص بالمشروع أمر مهم جدًا لأي صاحب مشروع أو شركة لأن التنظيم يلعب دورًا مهمًا للغاية، وبشكل كبير

في النهاية تعلم الـ Collaborative Work و الـ Version Control حيث ستساعدك في حل مشكلة العمل التشاركي او Collaborative Work، وستساعدك على التعامل مع الـ Version Control ... وكل التوفيق صديقي

ويوجد هنا دورة اكاديمية حسوب سوف تُفيدك جدًا في الأمر

وعليكم السلام

بخصوص html, css and javascript فهذه اسياسيات لكل فرونت اند

سأحيلك على فيديو جميل جداً يضع لك تصور كامل لهذا التخصص

وتابع الاخ داوود فهو عملة نادرة في المجتمع العربي التقني

ولا تسأل كثير واذهب للتعلم والعمل

وعليكم السلام و رحمة الله،

لا، ليست هذه هي الخطة الصحيحة.

أولا إنسى أمر jQuery، فلم يعد استعماله مبررا حاليا بعد التحديثات التي عرفتها لغة جافاسكربت.

ثانيا، لا ينبغي عليك تعلم عدة أطر عمل، اختر واحدا فقط، واجعله react، فهو أكثرها استعمالا.

إذا كنت تريد خطة جيدة بالتفصيل، أنصحك بهذا الفيديو

أنا كتبت المقال دا مخصوص علشانك