ماهو طريق الفرونت اند؟

أولاً يجب الإهتمام بالأساسيات جيدًا والتطبيق عليها وعدم التسرع والإنتقال من لغة إلى لغة ثم إلى مكتبة وإطار بدون التطبيق العملي والمراجعة، وستجدي تفصيل هنا:

يجب تعلم أساسيات تصميم واجهة المستخدم UI/UX، وستجدي مصادر هنا:

ثم لابد من تعلم إطار خاص بالواجهة الأمامية أو مكتبة مثل React وVue.js أو Angular، والإختيار من بينهم يعتمد على ما إذا كنتي تريد العمل في شركة أم العمل الحر، لذلك تفقدي الإطار او المكتبة المطلوبة في المشاريع الخاصة بالواجهة الأمامية وستجدي أن الأغلب يستخدم React أو Vue.js.

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

وستجدي تفصيل شامل هنا:

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

• تعلم أو ممارسة إطار عمل للواجهة الأمامية مثل VueJS.
• تعلم وممارسة مكتبات جافاسكربت والتعود عليها من مثل ReactJS و jQuery وما نحوها.
• تعلم Preproccessors لتسريع عملية تطوير الواجهة الأمامية من مثل PugJS و Sass.
• تعلم مكتبة أو إطار عمل لـ css من مثل Tailwindcss أو Bootstrap.
• تعلم محزمات الويب أو web bundlers مثل Vite و webpack لفصل بيئة التطوير عن بيئة الانتاج.
• تعلم أدوات اختبار الواجهة الأمامية مثل إطار Jest.

بعضها قد يكون ضروريا في بعض المشاريع إذ تتطلبه، وبعضها الآخر قد يكون شيئا كماليا أحيانا.

تعلمك ل HTML و CSS في البداية يجعل منك Web Designer.

تعلمك بعدها للغة Javascript هو أول خطوة لتصبح Front-end developer، رغم أنك لن تقوم ببناء تطبيقات الويب بهذه اللغة بشكل مباشر!

أي أنه بعد تعلمك للغة JS عليك أن تتعلم استخدام مكتبة او اطار عمل قائم على هذه اللغة، وهذه بعض الأمثلة التي يجب عليك اختيار احدها: React, Angular, Vue, Svelte وغيرها الكثير.

يمكنك بعد ذلك تعلم بعذ المتقدمة الخاصة بالمكتبة او اطار العمل الذي اخترته، مثل Next او Nuxt او غيرها.

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