الجزء الأول من المقال

و هو بيقولك الطريقة الى ممكن تكون بيها فرونت أند محترف جدا بأحسن طريق و فى المقال دا أنا هكمل الى بدأته

طبعا حضرتك أتعلمت Vue.js و VueX

نخش بقا فى الحاجه الى ملقتلهاش كورس عربى يشرحها ألا وهى

Modern css

صعب أنك تلاقى شرح كامل للmodern css لأن محدش جاب سيرتهم من المبرمجين العرب ع اليوتيوب و الأجانب الى أتكلمو عن الحجات دى قليلين جدا بس ممكن تلاقى نتايج بحث كويسه لو بدأت تدور على كل نقطه منها لوحدة .

  • styled component

  • css modules

  • styled jsx

  • emotion

  • radium

    • glamoruos

بأختصار دى طريقه فى كتابة الcss بشكل منظم أكتر و دينميكى أكتر بحيث يساعدك فى الموقع المشروع بتاعك و أنت شغال مع وواحد من الفريم ورك ال3 المشهورين الى هما React او Vue أوAngular .

Web Components

دا مصطلح بيطلق على طريقة فى كتابه الكود بتاع الفرونت أند Html و Css عن طريق أنك بتكتبها فى الأسكربت و للأسقف ملقتش حاجه عربى لايهم بس ممكن تشوف الفديو دا بيشرح الدنيا بسهوله

Css FrameWorks

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

first css framework

الفريم ورك الى هتريحك جدا جدا فى الكود و الى ممكن تكون أتعلمتها بعد الcss و دى عباره عن أكواد جهزه بتستخدمها فى الموقع بتاعك من أشهر الفريم ورك دول Bootstrap أو materializecss أو Bulma و فى غيرهم كتير جدا جدا بس دول أشهرهم و أنا أنصح بالBootstrap لأن السوق متجه ليه لأنه الأكتر أنتشار و دا كورس أنا برشحه للبوتستراب حلو

Js Based framework

و دا النوع الأكثر أحترافيه و الأصعب فى تعلمه و من أشهر الفريم ورك دول Tailwindcss و الى أنصح جدا جدا جدا بتعلمه و دا كورس برشحه ليه

Unit testing

و دى بقا تول بتعمل أختبار للكود و تتأكد أنو خالى من الأخطاء و بيطلعلك الناتج الى انت عايزة مظبوط و فى فى الحته دى ادوات كتير أوى حتى الفريم ورك الى هتتعلمه للjs هتلاقى فيه أدوات للتيست الكود أو ممكن تتعلم اداه منفصله زى jest و دا كورس ليها

Type Cheakers

و دى أداه بتعملك بتخليك تكتب كود js احسن و اقوى و أقل فى الأخطاء و من أشهرهم typeScript و دا كورس ليها

progressive web apps

عالم تانى من الأحتراف لما تعرف تعمل نوتفكشن فى البروزر أو تستعمل اللوكشن زى الموبيل بظبط او تستعمل الكاميرا .... الخ بس الحلو ميكملش لانك صعب تلاقى كورسات بالعربي فى المجال دا فى أنا هرشح للأسف كورس أنجليزى يشرح الدنيا دى

server side rendering

الفكره ان بعد كل الى أتعلمته دى أنت من الصعب أنك تعمل أبلكيشن كامل و السبب أنك محتاج تعمل باك ايند و غير كدا انت لما بتعمل سينجل بيدج اب بيكون صعب أنك تحط شغلك على جوجل بسبب عدم مصداقه محركات البحث بس دا مش مشكله لأن بقا ليها حل و بيختلف على حسب الفريم ورك بتاعك بما اننا اخترنا vue.js فا الحل هيكون فى اداه اسمها Nuxt.js و أعتقد اننا وصلنا لدرجه من الأحتراف الى تخلينا ننسى حوا الكورسات العربي فدا دا كورس أنجليزى كمان عباره عن فديو واحد يشرح الحته دى

GraphQL

كان يا مكان كان فى حاجه أسمها rest Api و ظهرت حاجه أحسن اسمها GraphQL القصه الكامله هتلقيها فى الفديو دا

و بالنسبه للكورس فا أنا ارشح الكورس دا (مقدمه ) يدخلك أنك تتعلم من الكورسات الأجنبى

static site generators

بشكل كبير شبه server side rendering حتى الكورسات هتلقيها تقريبا هى هى و دى بلاى ليست الأجنبى دى فيها كذا اداه ممكن تتعلمهم كلهم هتذودك فى الشغل جدا

mobile application

لو وصلت للمرحله دى فانت خلاص كدا بقيت سنيور بس الفكره أنك ممكن تحب تعمل موبيل أب أو ديسك توب أب عن طريق تقنيات الويب و دا فعلا موجود هتلاقى تقنيات كتير أو فى المجال دا * ionic * React Native * flutter و دا أنا برشحه جدا جدا و دا كورس أرشحه جدا ليه

## desktop application أنا بصراحه معرفش كتير فى النقطه دى بس أعرف أن electron دا احسن أداه اتعملت فى الحته دى و خصوصا أن vscode دا متبرمج بيها و كمان بيعتمد على تقنيات الويب فى التطوير دا كورس ليها ممكن تشوفه

التقنيات دى مش موجوده فى الroadmap اتمنى لو تلقى نظره عليها

html preprocessors

زى ما فى بري بروسيسور للcss الى هو Saas فى برضو للHtml ومن أشهرهم HAML او ممكن pug.js و أنا انصحك تبص بصه عليهم بالأخص pug

Axios

هيسهل عليك جلب البيانات و ارسلها بدل ajax

Markdown

لغه وصف الملفات و هى موجوده فى الجيت هاب

moment.js

مكتبه للتعامل مع الوقت فى الجافاسكريبت ممكن تفيدك فى بعض المشاريع

Svelte

فريم ورك طالع جديد عشان يخش المنافسه مع vue , React أو االانجولر

Vuetify

مكتبة جميله جدا مبنيه على vue.js ممكن تلقى نظره عليها

jQuery

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

Firebase

قاعدة بيانات من جوجل ممكن تستخدمها فى انك تعمل ابلكشن كامل بدل ما تشوف باك ايند و هتساعدك جدا جدا

أنت كدا أحترفت يا معلم و الفديو دا هدية منى ليك عشان يعرفك هتعمل ايه بعد كدا أنشاء الله

معلومه كمان عمر التقنيه ما بتقف ديما بتظهر حجات و تموت حجات تانيه فا اتعلم و هتلاقى حجات ظهرت فاوعى توقف و تفتكر انك خلصت اصل انا مش هكون عارف كل التقنيات عشان اكتبها هنا فديما دور على الجديد

شكرا على أنهاء المقال الكبير دا سواء و على التشجيع الأكتر من رائع بأذن الله المقال الجى عن أحسن قنوات يوتيوب العربي فى مجال الويب أتمنى دعمكم الدائم و شكرا