00:00:00من الواضح أن كل شيء يتعلق بالذكاء الاصطناعي هذه الأيام، وهذا لا يختلف بالنسبة لي.
00:00:04أستخدم الذكاء الاصطناعي طوال الوقت، أكتب الكثير من الأكواد باستخدام الذكاء الاصطناعي، أستخدم أدوات مثل cursor وما إلى ذلك، لكن في هذه الحلقة التركيز ليس على الذكاء الاصطناعي..
00:00:13بدلاً من ذلك، كثيراً ما أتلقى السؤال: ما هي التقنيات التي يجب أن أتعلمها في عام 2026 أو ما هي التقنيات التي تستخدمها أنت؟ إذن، ما أستخدمه في عام 2026 وهذا ما أريد مشاركته هنا.
00:00:24أريد مشاركة بعض التقنيات والمكتبات والأطر التي أشعر بالحماس تجاهها في عام 2026.
00:00:29وهذه القائمة ليست بالضرورة شاملة أو كاملة.
00:00:32بل هي مجرد قائمة بالتقنيات التي سأستخدمها شخصياً هذا العام وأنا مهتم بها جداً هذا العام.
00:00:38وقد تحدثت عن ذلك من قبل.
00:00:40هناك بالطبع نوع من المجموعة الافتراضية إذا كنا نتحدث عن تطوير الويب، وهو ما أفعله، والتي تهيمن على كل شيء، خاصة مع الذكاء الاصطناعي أو بسبب الذكاء الاصطناعي.
00:00:50وهذه هي TypeScript وReact وNext.js وTailwind.
00:00:53هذه هي المفضلة لدى الذكاء الاصطناعي، ويمكنك رؤية ذلك في مخططات التنزيل الخاصة بـ React على سبيل المثال، والأمر نفسه ينطبق على Tailwind والتقنيات الأخرى.
00:01:03ومن الواضح أن هذا موجود لما يجب عليك بالتأكيد تعلمه أو استخدامه، خاصة إذا كنت تريد العثور على وظيفة.
00:01:09إنه ليس الخيار الوحيد بالطبع ولا أقول إن Angular أو Vue أو كل تلك الأشياء سيئة، ويمكن أن يكون مجالاً جيداً، على سبيل المثال، التعمق أكثر في Vue.
00:01:19لكن هذه هي المفضلة لدى الذكاء الاصطناعي.
00:01:21هذه هي المجموعة المفضلة للذكاء الاصطناعي.
00:01:24لذا، بطبيعة الحال، أستخدم بعض هذه التقنيات أيضاً لأنني فعلت ذلك قبل الذكاء الاصطناعي.
00:01:29أستخدم TypeScript لجميع مشاريعي لأن TypeScript رائعة.
00:01:33ونعم، قد يكون من المزعج أحياناً تحديد أنواع أكثر تعقيداً، لكن من ناحية، لا تحتاج إلى القيام بذلك كثيراً، لأكون صادقاً.
00:01:41ومن ناحية أخرى، يمكن للذكاء الاصطناعي المساعدة في ذلك.
00:01:44الذكاء الاصطناعي جيد جداً في كتابة أكواد TypeScript، وميزة استخدام TypeScript قبل الذكاء الاصطناعي كانت بالفعل أنه يمكن أن يساعدك في اكتشاف أخطاء معينة ويمكن أن يؤدي إلى كود عالي الجودة في النهاية.
00:01:57لكن مع الذكاء الاصطناعي بشكل خاص، فإن ميزة استخدام TypeScript هي أنها كتلة بناء مهمة يمكن أن تعطي الذكاء الاصطناعي ملاحظات مفيدة حول ما إذا كان الكود الذي كتبه صالحاً أم لا، جنباً إلى جنب مع اختبارات الوحدة، على سبيل المثال، أو بمنح الذكاء الاصطناعي وصولاً إلى المتصفح باستخدام Playwright MCP أو المتصفح المدمج وcursor وما إلى ذلك.
00:02:19لذا فإن TypeScript شيء استخدمته دائماً، أحببته دائماً قبل الذكاء الاصطناعي بكثير، لكن الآن مع الذكاء الاصطناعي أصبح أكثر فائدة.
00:02:27لذا فهي جزء من مجموعة التقنيات الخاصة بي أيضاً.
00:02:30الأمر نفسه ينطبق على React.
00:02:32أحب Angular أيضاً.
00:02:33أحب Vue.
00:02:34لدي دورات حول كليهما.
00:02:35وإذا كنت تتابعني، تعلم أنني أحب جميع هذه الأطر.
00:02:38ولست ذلك الشخص الذي لديه إطار مفضل واحد فقط، لكن خلال السنوات الأخيرة كان React في الغالب هو ما استخدمته لجميع مشاريعي، وخاصة مع الذكاء الاصطناعي ومع معرفة الذكاء الاصطناعي الكثير عن React، على الرغم من أنني سأقول إنه يمكن أن ينتج أكواد React سيئة جداً أيضاً مع مجموعة من use effects وما إلى ذلك.
00:02:58لكن مع كل ذلك، لا يزال React جزءاً من مجموعة التقنيات الخاصة بي..
00:03:03كان Next.js هو إطار React الوصفي الرئيسي الخاص بي لفترة طويلة جداً وما زال رائعاً.
00:03:10أريد أن أكون واضحاً جداً هنا.
00:03:13إنه لا يزال رائعاً، لكن هذا هو الشيء الجديد الأول ربما، أنا أحب حقاً TanStack Start..
00:03:20لقد قمت ببناء مشاريع باستخدامه مثل هذا المشروع build my graphic الذي بنيته كمشروع جانبي العام الماضي ثم أطلقته.
00:03:28إنه مشروع يبسط عملية إنشاء الرسوم البيانية باستخدام الذكاء الاصطناعي مثل هذه التي تُظهر النظرة العامة النهائية لمجموعة التقنيات المفضلة لدي.
00:03:38واستخدمت TanStack Start لذلك.
00:03:40وأستخدم أيضاً TanStack Start لمشاريع أخرى أعمل عليها.
00:03:43سيتم إطلاق بعضها قريباً.
00:03:45على سبيل المثال، أستخدمه أيضاً لتطبيق الرسم على اللوحة هذا الذي تراه هنا..
00:03:51إنه رائع.
00:03:51أنا حقاً أحبه.
00:03:52يعجبني أنه أسرع من Next.js أثناء التطوير وأنه يقوم ببعض الأشياء بشكل مختلف.
00:03:58يعجبني بناء الجملة الخاص به.
00:04:00يعجبني البساطة مقارنة ببعض أشياء Next.js.
00:04:03لا توجد توجيهات use server أو use client وما إلى ذلك، وبالتالي فإن TanStack Start بالتأكيد أحد الأشياء الجديدة التي بدأت استخدامها العام الماضي وسأستمر في استخدامها هذا العام..
00:04:16الآن عادةً ما أستخدم T3 Stack للبدء مع Bun للكود الخلفي، وبشكل عام أستخدم Bun لتثبيت الحزم ولتشغيل الكود الخاص بي وأيضاً خادم التطوير لأنه ببساطة أسرع من Node.js.
00:04:27أعني أن مجرد استخدامه لتثبيت الحزم باستخدام bun install أسرع من npm وأنا حقاً أحب Bun.
00:04:33إنه بالطبع متوافق مع Node.js في معظم الأحيان ولديه مجموعة من الميزات الإضافية المدمجة التي يمكن أن تكون مفيدة للغاية مثل عميل S3 المدمج الذي يتيح لك التفاعل مع مخزن كائنات S3 والمخازن المتوافقة مثل R2 من Cloudflare لتخزين الكائنات والصور أياً كانت، وهذا مدمج لا تحتاج إلى حزمة إضافية، إنه سريع جداً وأسرع من AWS SDK الرسمي على سبيل المثال، ونعم لكل هذه الأسباب أحب Bun حقاً ولذلك أصبح Bun هو الخيار الافتراضي لي في جميع المشاريع التي أعمل عليها تقريباً.
00:05:04إنه بالطبع ليس جديداً وليس جديداً بالنسبة لي أيضاً فقد استخدمته العام الماضي وحتى قبل ذلك لكنه الآن خياري الافتراضي لذلك هذا بالتأكيد أيضاً شيء أستخدمه كثيراً.
00:05:15أريد أن أشير مع ذلك إلى أن Node.js قد قطع شوطاً طويلاً أيضاً، من السهل استبعاد Node.js على أنه بطيء ونوعاً ما قديم واعتبار Bun أفضل بكثير وأنا أعتقد بالفعل أن Bun أفضل من نواحٍ عديدة لكنني كتبت مقالاً كاملاً وستجده مرتبطاً أدناه في حال أردت قراءته حول جميع الميزات الحديثة مثل دعم TypeScript، دعم TypeScript الأصلي المدمج في Node.js والذي يمكنك استخدامه اليوم مع أحدث إصدارات Node.js والتي لا تحتاج فيها إلى حزم إضافية أو Bun لأن Node يمكنه فعل أكثر مما يعتقد الكثير منا أنه يستطيع.
00:05:48هل ما زلت أستخدم Bun لأنني أحب سرعته وما إلى ذلك؟ نعم أنا كذلك، ولكن إذا كنت في مشروع تحتاج فيه إلى استخدام Node أو كنت تفضله فقط، فمن الجدير بالذكر أنه يمكنك فعل الكثير في الوقت الحاضر مع Node أكثر من منذ بضع سنوات مضت، لذا فإن Node.js الحديث هو بالتأكيد أيضاً شيء سأفكر في إلقاء نظرة عليه مرة أخرى هذا العام إذا لم تفعل ذلك منذ فترة.
00:06:11وبالحديث عن الأشياء الحديثة، أنا أيضاً متحمس للغاية حول العديد من واجهات برمجة التطبيقات الحديثة للمتصفحات وميزات CSS المتاحة في الوقت الحاضر لأن الكثير قد تغير هناك خلال الـ 18 شهراً الماضية تقريباً أو نحو ذلك، هناك الكثير من واجهات برمجة التطبيقات للمتصفحات وميزات CSS مثل واجهة Popover API على سبيل المثال ولكن أيضاً العديد من الميزات الأخرى التي وصلت إلى دعم واسع من المتصفحات الرئيسية بحيث يمكنك استخدامها في جميع تلك المتصفحات الرئيسية اليوم، يمكنك استخدامها في تطبيقاتك ويمكنك توفير الكثير من كود JavaScript أو الحزم الإضافية التي قد تحتاج إلى تثبيتها بخلاف ذلك عن طريق استخدام هذه الميزات..
00:06:53لقد أنشأت بعض الفيديوهات على قناتي الأخرى، قناة الأكاديمية، حيث أتعمق في بعض هذه الأشياء مثل استعلامات الحاويات وواجهات برمجة التطبيقات المنبثقة، وأوصي بشدة بإلقاء نظرة على هذه الفيديوهات وهذه الميزات بشكل عام.
00:07:07لقد قطع المتصفح شوطاً طويلاً ولا حاجة لحل الكثير من المشاكل بكودك الخاص أو بحزم إضافية يمكن حلها فقط من خلال الاستفادة من هذه الميزات الجديدة.
00:07:17ومن الجدير بالذكر أن الذكاء الاصطناعي افتراضياً قد لا يقترح أو يستخدم هذه الميزات لأنه بالطبع تم تدريبه على بيانات تحتوي على كل الكود القديم، لكن يمكنك تعليمه.
00:07:29يمكنك مشاركة الوثائق ونسخها ولصقها في مطالباتك أو مشاركة الروابط اعتماداً على الأدوات التي تستخدمها، ومن ثم يمكنك جعل الذكاء الاصطناعي يكتب كوداً حديثاً أيضاً، وهذا بالتأكيد شيء أوصي به، أن تعلم الذكاء الاصطناعي كل هذه الأشياء الحديثة.
00:07:45يجب أن تفعل ذلك حقاً لأن هناك الكثير مما يمكنك القيام به هنا.
00:07:49والآن بالحديث عن الذكاء الاصطناعي، بالطبع لا يمكننا تجاهله تماماً في هذا الفيديو، وقد قلت هذا من قبل في حلقات أخرى، أنا أستخدم الذكاء الاصطناعي كثيراً، أكتب كل كودي بالذكاء الاصطناعي والذكاء الاصطناعي يكتب الكثير من الكود لي.
00:08:05لا أتحدث هنا عن البرمجة بالمشاعر، أريد أن أكون واضحاً جداً وأعلم أن بعض الناس سيفهمونها بشكل خاطئ.
00:08:12أنا أتحدث عن التحكم في الذكاء الاصطناعي وتوجيهه، وتقديم المطالبات الصحيحة والسياق الصحيح، والدخول في الكود بنفسك عندما تحتاج إلى ذلك، والقيام فعلياً بالهندسة الوكيلة كما يطلق عليها.
00:08:25ولذلك بالطبع أعمل مع أدوات مثل Cursor وأداة واحدة أنا متحمس جداً لها هذا العام هي OpenCode على سبيل المثال.
00:08:33لقد كان هناك الكثير من الضجة حولها مؤخراً، بدأت باستخدامها في ديسمبر لذا كنت رائعاً قبل أن تصبح رائجة.
00:08:40وهذه في الأساس بديل لـ Cloud Code، إنها أداة CLI، أداة برمجة قائمة على الطرفية ويمكنك استخدامها للقيام بالهندسة الوكيلة، وهي لطيفة جداً ولها واجهة جميلة على الرغم من أنها في الطرفية، ولديها الكثير من الميزات وتدعم كل الأشياء مثل الوكلاء ومهارات الوكلاء، ونعم يمكنك حقاً القيام بهندسة وكيلة رائعة مع OpenCode.
00:09:02ولذلك فإن Cursor وOpenCode على سبيل المثال هما تقنيتان أخريان أستخدمهما هذا العام وخاصة OpenCode هي واحدة أنا متحمس جداً لها.
00:09:10الآن هناك شيئان تحتاجهما معظم التطبيقات التي قد تقوم ببنائها وهما المصادقة وقاعدة البيانات.
00:09:17وبالنسبة لقاعدة البيانات، مفضلاتي هي PostgreSQL أو SQLite، كلاهما رائعان وكلاهما بالطبع ليسا جديدين، أنا مدرك تماماً لذلك، وأعلم أن هناك بدائل أكثر ضجة مثل Convex وغيرها وقد أنظر إليها أيضاً، لم أستخدمها حقاً بصراحة تامة، لكنني أحب قواعد البيانات القديمة هذه لأسباب مختلفة جداً.
00:09:37PostgreSQL بالطبع شائعة جداً جداً، وهي فائقة الأداء عند استخدام AWS على سبيل المثال، يمكنك استخدام خدمات مدارة مثل RDS أو Aurora لجعل استضافتها بسيطة إذا كنت تريد، لكن يمكنك أيضاً استضافتها ذاتياً باستخدام Docker، تحتاج فقط للتأكد من نسخ الأشياء احتياطياً وما إلى ذلك.
00:09:55وما هو رائع في PostgreSQL خاصة الآن في هذا العصر الحديث هو بالطبع أنها تدعم كل تلك الإضافات المختلفة مثل pg_vector إذا كنت تريد قاعدة بيانات متجهة لبناء نظام RAG، والإضافات كانت موجودة منذ الأبد، هذا ليس جديداً، لكن الآن في عصر الذكاء الاصطناعي لدينا أشياء جديدة مثل قواعد البيانات المتجهة ويمكنك ببساطة القيام بذلك مع PostgreSQL دون استخدام أدوات إضافية أو الدفع مقابل خدمات إضافية، وهذا أحد الأسباب التي تجعلني أحب PostgreSQL حقاً ولماذا أستخدمها للكثير من مشاريعي.
00:10:28لكن بالنسبة لبعض المشاريع حيث أريد إبقاء الأمور أبسط، حيث ربما لا أحتاج لتلك الإضافات، أحب SQLite حقاً، وفي حال لم تكن تعلم، فإن SQLite هي في الواقع مجرد ملف في مشروعك، قاعدة البيانات مضمنة في كودك، أعني كود قاعدة البيانات، لذا لا يوجد خادم قاعدة بيانات إضافي تحتاج لبدئه، بدلاً من ذلك هي مجرد حزمة إضافية تقوم بتثبيتها، أو إذا كنت تستخدم Bun فلا تحتاج حتى لفعل ذلك، لديها دعم مدمج لـ SQLite لذا يمكنك فقط استخدام Bun دون تثبيت أي شيء ويمكنك البدء في الكتابة إلى قاعدة البيانات التي مرة أخرى هي مجرد ملف في مشروعك.
00:11:05يمكنك نسخ قاعدة البيانات احتياطياً بمجرد نسخ ذلك الملف إلى مكان آخر، وهذا يجعلها بسيطة للغاية للبدء، وقد يبدو هذا كشيء ليس جيداً حقاً أو مناسباً للمشاريع الكبرى لكنك ستكون مخطئاً.
00:11:17SQLite يمكن أن تتوسع لعشرات ومئات الآلاف من المستخدمين وآلاف الطلبات المتزامنة، لذا فهي قابلة للتوسع بشكل كبير وقوية.
00:11:26بالطبع في مرحلة ما قد تحتاج لأكثر منها، لكن تلك النقطة بعيدة جداً ومعظم التطبيقات لا تصل إليها أبداً بصراحة، وبعد ذلك تكون هذه البساطة تستحق الكثير حقاً، ومن السهل التفكير فيها كقاعدة بيانات للعب لكنها تحتوي على الكثير من الميزات المدمجة، إنها قاعدة بيانات رائعة وأستخدمها للكثير من مشاريعي الإنتاجية مثل Build My Graphic على سبيل المثال، تستخدم SQLite.
00:11:51ولذلك هذه تقنية أخرى كنت أستخدمها للسنوات الماضية وسأستمر في استخدامها، وأنا بالطبع لا زلت متحمساً جداً لها، وأريد فقط القيام ببعض التسويق لها هنا لأن الكثير من الناس يفكرون فيها كقاعدة بيانات للتطوير فقط أو شيء من هذا القبيل وهي بالتأكيد ليست كذلك.
00:12:08الآن بالنسبة للمصادقة، من الواضح أن BetterAuth أفضل بالنسبة لي الآن.
00:12:13هناك العديد من الطرق لإضافة المصادقة إلى مشاريعك، وبالطبع في حال لاحظت، أنا أتحدث عن نظام JavaScript البيئي هنا، لكن BetterAuth مكتبة حديثة نسبياً، أعني أنها أكثر من عام بالفعل لكنها ليست قديمة جداً، وهي محدثة بشكل جيد للغاية وقوية للغاية.
00:12:30تسمح لك بإنشاء المصادقة الخاصة بك دون كتابة أي كود متعلق بها، أنت فقط تستخدم هذه الحزمة وكل الميزات وكل موفري المصادقة التي تدعمها، وتجعل المصادقة نسيماً.
00:12:41إنها الافتراضية لجميع مشاريعي، أستخدم BetterAuth لجميعها، وهي رائعة فقط، وسأستمر في استخدامها، لا زلت متحمساً جداً لها، ولذا نعم، أوصي بإلقاء نظرة على BetterAuth إذا لم تفعل ذلك بعد.
00:12:54دعوني أنشئ بسرعة ذلك الإنفوجرافيك الذي أريتكم إياه، وبينما يعمل، دعوني أكون واضحاً جداً، هناك بالطبع الكثير من الأشياء المثيرة للاهتمام التي تحدث، والكثير من الحزم التي تستحق الاستكشاف والتي سأستخدمها، على سبيل المثال إذا كنت أقوم ببناء تطبيقات محمولة سأستخدم React Native.
00:13:13هذا مجرد اختيار للمكتبات أو التقنيات التي أنا أكثر حماساً لها والتي خطرت ببالي الآن والتي فكرت فيها.
00:13:20هناك احتمالية مطلقة أنني نسيت شيئاً ما أو أن شيئاً ما سيظهر بالطبع على مدار العام ربما موجود بالفعل لكنني لم أستخدمه حتى الآن، وبالطبع أنا مهتم بسماع أفكاركم وما أنتم متحمسون له ربما خارج الذكاء الاصطناعي.
00:13:35وبوضوح الذكاء الاصطناعي يسيطر على كل شيء وسيكون له تأثير على كل شيء، لكن من الجدير بالذكر أننا كمطورين يمكننا ويجب علينا اتخاذ خيارات حول التقنيات التي نستخدمها والتي ندع الذكاء الاصطناعي يعمل عليها، ونعم هذا اختيار من الأشياء التي أنا أكثر حماساً لها..