‎افضل المواقع لتعزيز وتطوير نفسك في Front end

1. Frontend Mentor
https://www.frontendmentor.io/

2. Codewars
https://www.codewars.com/

3. Codewell
https://www.codewell.cc/

4. JavaScript30
https://javascript30.com/

5. Coderbyte
https://coderbyte.com/

6. CSS Battle
https://cssbattle.dev/

7. FreeCodeCamp
https://www.freecodecamp.org/learn/

8. Frontend Practice
https://www.frontendpractice.com/

9. CodePen Challenges
https://codepen.io/challenges/?ref=blog.codewell.cc

10. Dev Challenges
https://devchallenges.io/

يوجد العديد من المصادر المجانية لتعلم لغة بايثون. إليك بعض المصادر المجانية التي يمكنك الاستفادة منها:

1. Codecademy: يقدم هذا الموقع دورات تعليمية مجانية للغة بايثون، حيث يتضمن الموقع دروسًا تفاعلية وتمارين تطبيقية لتعلم اللغة بشكل فعال.

2. موقع LearnPython.org: يوفر هذا الموقع دورات تعليمية مجانية للغة بايثون، بالإضافة إلى تمارين تطبيقية وشروحات مفصلة للمفاهيم الأساسية.

3. موقع Python.org: يتضمن هذا الموقع مجموعة من الدروس التعليمية المجانية للغة بايثون، بالإضافة إلى وثائق ودليل المستخدم ومعلومات مفصلة عن اللغة.

4. موقع SoloLearn: يقدم هذا الموقع دورات تعليمية مجانية للغة بايثون، مع تمارين تطبيقية ومنتدى للمناقشة والتواصل مع المتعلمين الآخرين.

5. موقع Udemy: يوفر هذا الموقع دورات تعليمية مجانية ومدفوعة للغة بايثون، ويتضمن الموقع مجموعة من الدروس التفاعلية والتمارين التطبيقية.

6. موقع GitHub: يحتوي هذا الموقع على العديد من البرامج والمشاريع التعليمية للغة بايثون، ويمكن الاستفادة منها كمصدر لتعلم اللغة.

7. موقع PyCharm Edu: يوفر هذا الموقع برنامج PyCharm المجاني الذي يتضمن محررًا للغة بايثون، بالإضافة إلى العديد من الدروس التعليمية والتمارين التطبيقية.

8. موقع Real Python: يوفر هذا الموقع مقالات ودروسًا تعليمية مجانية للغة بايثون، مع شروحات مفصلة وأمثلة تطبيقية.

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

دورة عن تعلّم الآلة Machine Learning  من Google  🚀
مجانية ✅
تحتوي اكثر من +25 درس
تقدر تشوفها باي وقت
👇
https://developers.google.com/machine-learning/crash-course

كورس سي بلس بلس البرمجة الكائنية🔥🔥
https://youtube.com/playlist?list=PLnzqK5HvcpwRUapI9yl1qwkdpS__UtqLd

- أفضل مواقع خاصة بالتحديات البرمجية
================================================
https://www.topcoder.com/
================================================
https://www.codewars.com/
================================================
https://www.hackerrank.com/interview/preparation-kits
================================================
https://exercism.org/
================================================
https://www.spoj.com/
================================================

من المواقع الرهيبة جدًا للأيقونات 😍🔥🔥
- يحتوي أكثر من 4300 أيقونة
- مجاني
- وتقدر تستخدمها بصيغة png و SVG


الرابط: https://tabler-icons.io/

10 مشاريع Frontend رهيبة للتدريب وتطوير مهارتك.. باستخدام HTML و CSS فقط 👏🏻⚡️


1:: بناء موقع بخلفية فيديو
https://www.youtube.com/watch?v=8MgpE2DTTKA


2:: بناء صفحة هبوط احترافية
https://www.youtube.com/watch?v=X1dz0xRbSJc


3:: بناء صفحة دخول وتسجيل احترافية
https://www.youtube.com/watch?v=cxm5bCCa9OA&t=6s


4:: صفحة هبوط بصورة خلفية بكامل الشاشة
https://www.youtube.com/watch?v=hVdTQWASliE


5:: متجر إلكتروني
https://www.youtube.com/watch?v=yQimoqo0-7g


6:: بناء موقع وكالة إبداعية
https://www.youtube.com/watch?v=lvYnfMOUOJY


7:: بناء موقع زجاجي
https://www.youtube.com/watch?v=O7WbVj5apxU


8:: بناء سكشن فريق العمل بطريقة إبداعية
https://www.youtube.com/watch?v=Q22Tli-D4mw


9:: صفحة هبوط لمنتج واحد
https://www.youtube.com/watch?v=61R5kn_kYwY


10:: صفحة الأسعار أو الباقات
https://www.youtube.com/watch?v=SWyuQMCTxCQ

إليك بعض الخطوات التي يمكنك اتباعها للبدء في مجال البرمجة من الصفر:
تعلم أساسيات البرمجة. هناك العديد من الموارد المتاحة عبر الإنترنت وفي المكتبات التي يمكن أن تساعدك على تعلم أساسيات البرمجة. يمكنك أيضًا العثور على العديد من الدورات التدريبية المجانية والمدفوعة عبر الإنترنت التي يمكن أن تساعدك على تعلم البرمجة.
اختر لغة برمجة. هناك العديد من لغات البرمجة المختلفة المتاحة، ولكل منها نقاط قوتها وضعفها الخاصة. من المهم اختيار لغة برمجة تناسب اهتماماتك وأهدافك المهنية.
ابدأ بمشاريع صغيرة. بعد أن تتعلم أساسيات البرمجة، يمكنك البدء في العمل على مشاريع صغيرة. سيساعدك ذلك على اكتساب الخبرة وتحسين مهاراتك البرمجية.
انضم إلى مجتمع البرمجة. هناك العديد من المجتمعات عبر الإنترنت وفي العالم الحقيقي التي يمكن أن تساعدك على التعلم والتواصل مع مبرمجيين آخرين. سيساعدك هذا على البقاء على اطلاع بأحدث التطورات في مجال البرمجة، والحصول على الدعم من الآخرين الذين يشاركونك نفس الاهتمامات.
لا تيأس. تعلم البرمجة ليس بالأمر السهل، ولكنه يستحق العناء. إذا كنت تواجه صعوبة في البداية، فلا تيأس. استمر في التعلم والممارسة، وستتمكن في النهاية من تحقيق أهدافك.
إليك بعض النصائح الإضافية التي قد تساعدك على تعلم البرمجة من الصفر:
حدد هدفًا. ما الذي تريد تحقيقه من خلال تعلم البرمجة؟ هل تريد إنشاء موقع ويب؟ أو تطوير تطبيق؟ أو كتابة برنامج كمبيوتر؟ عندما يكون لديك هدف محدد، سيكون من الأسهل التركيز على تعلم المهارات التي تحتاجها لتحقيقه.
قسم المهمة إلى أجزاء أصغر. يمكن أن يكون تعلم البرمجة صعبًا في البداية، لذلك من المهم تقسيم المهمة إلى أجزاء أصغر وأكثر قابلية للإدارة. على سبيل المثال، إذا كنت تريد إنشاء موقع ويب، يمكنك البدء بتعلم كيفية إنشاء صفحة HTML واحدة. ثم يمكنك إضافة المزيد من الصفحات وعناصر التحكم بعد ذلك.
خذ فترات راحة. لا تحاول تعلم البرمجة لفترات طويلة من الزمن دون أخذ استراحة. خذ فترات راحة قصيرة كل 30 دقيقة أو ساعة، واذهب في نزهة أو قم بشيء آخر يساعدك على الراحة.
لا تخجل من طلب المساعدة. هناك العديد من الأشخاص الذين يرغبون في المساعدة في تعليم الآخرين البرمجة. لا تخجل من طلب المساعدة من صديق أو زميل أو معلم أو عضو في مجتمع البرمجة.
تعلم البرمجة من الصفر ليس بالأمر السهل، ولكنه يستحق العناء. إذا كنت تلتزم بالتعلم والممارسة، فستتمكن في النهاية من تحقيق أهدافك.

كورس بايثون من الصفر الى الاحتراف بطريقة سهلة انا شخصيا بتعلم منه ولسة بالبداية تقدر تمشي معنا🔥🔥🔥
https://youtube.com/playlist?list=PLoP3S2S1qTfCUdNazAZY1LFALcUr0Vbs9

هناك العديد من المواقع التي يمكن أن تساعدك على تعلم البرمجة. إليك بعض من أفضل هذه المواقع:

* Codecademy: Codecademy هي منصة تعليمية مجانية تقدم دورات في البرمجة من البداية إلى النهاية.
* Free Code Camp: Free Code Camp هي منظمة غير ربحية تقدم دورات في البرمجة مجانًا.
* Udemy: Udemy هي منصة تعليمية تقدم دورات في البرمجة بأسعار معقولة.
* Coursera: Coursera هي منصة تعليمية تقدم دورات في البرمجة من قبل جامعات مرموقة.
* edX: edX هي منصة تعليمية تقدم دورات في البرمجة من قبل جامعات مرموقة.

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

فيما يلي بعض النصائح التي قد تساعدك على تعلم البرمجة:

* حدد أهدافك: ما الذي تريد أن تحققه من تعلم البرمجة؟ هل تريد أن تصبح مطورًا؟ أم تريد أن تتعلم كيفية إنشاء تطبيقات الويب؟ أم تريد أن تتعلم كيفية إنشاء ألعاب الفيديو؟ بمجرد أن تعرف ما تريد أن تحققه، يمكنك البدء في البحث عن الدورات والبرامج التي ستساعدك على الوصول إلى أهدافك.
* ابدأ من الصفر: لا تحاول تعلم كل شيء دفعة واحدة. ابدأ من الصفر وتعلم أساسيات البرمجة. ثم يمكنك البدء في التعلم عن لغات البرمجة والتقنيات المختلفة.
* اعمل على مشاريع: من أفضل الطرق لتعلم البرمجة هي العمل على مشاريع. يمكنك العثور على العديد من المشاريع على الإنترنت، أو يمكنك إنشاء مشروعك الخاص. العمل على المشاريع سيساعدك على تطبيق ما تعلمته وتطوير مهاراتك البرمجية.
* انضم إلى مجتمع البرمجة: هناك العديد من المجتمعات عبر الإنترنت التي يمكن أن تساعدك على تعلم البرمجة. هذه المجتمعات تضم أشخاصًا من جميع المستويات من الخبرة، ويمكنهم الإجابة على أسئلتك وتقديم الدعم لك. الانضمام إلى مجتمع البرمجة سيساعدك على التعلم من الآخرين ومشاركة المعرفة الخاصة بك.

تعلم البرمجة هو مهارة مفيدة يمكن أن تفتح لك العديد من الفرص. إذا كنت ترغب في تعلم البرمجة، فأوصيك باستخدام هذه النصائح.

#لو_بتتعلم_لارفل
==========
الناس اللى بتدور على مشاريع تطبق عليها اللى اتعلمته فى لارفل
هثبت البوست ده وهحدث فيه باستمرار
==========
اولا: المحتوى العربى:

1-Building Messenger App with Laravel
https://www.youtube.com/playlist?list=PL13Ag2mfco66CHVpLKbmgOdO4z4Gl8ad8

2- نظام ادارة الجامعات باستخدام اطار العمل لارافيل
https://www.youtube.com/playlist?list=PLDK-5eRzCXQIz7NBYTPJJrz0Z0YvYmnwR

3-laravel & instagram || مشروع باستخدام اطار العمل لارافيل
https://www.youtube.com/playlist?list=PLDK-5eRzCXQJJW3XopTVOVFoh9SnOnDY6

4-Laravel E-Commerce
https://www.youtube.com/playlist?list=PLDK-5eRzCXQIt7V9pXS94GAg4ockBIEt2

5-[ Social Blog App ] Laravel
https://www.youtube.com/playlist?list=PLWuPqf_0zLFHFhykV0pYcH4tBHtWu-Abg

6-Ecommerce Practical Course Laravel 5.5 + Vue Js
https://www.youtube.com/playlist?list=PLcfD4HARQRF_X2zth2H_Lw9WTzVxF9c9A

7-دورة تطبيقية إنشاء blog باستعمال laravel + vuejs
https://www.youtube.com/playlist?list=PLgmIh6Qb2g375IMhT1_JheWoX86qn4ByD

8-نظام ادارة الموارد البشرية والربط مع اجهزة البصمة لارافيل 10| Human resource management system and on php laravel 10
https://www.youtube.com/playlist?list=PL6XRLlEsQ_7W_x7wZyMsGNAexiGmLeBHC

9-php laravel 10 pos sales | دورة انشاء نظام المبيعات والمشتريات والمخازن وخطوط الانتاج والحسابات كاملاً مع المتجر| مشروع لارافيل 9 كاملاً | لارافيل 10
https://www.youtube.com/playlist?list=PL6XRLlEsQ_7UgRsr8v70fSbMQKW7O5o9H

10-مشروع لارافل متجر الكتروني متعدد التجار واللغات متكامل - تطبيقات لارافل عمليه
https://www.youtube.com/playlist?list=PLCm7ZeRfGSP7DCb-NamG2tt7uQUfxP2va

11-Laravel POS project بالعربي
https://www.youtube.com/playlist?list=PLAOkLQh94O2hc_vcBaqO6hfcuUnSXu-B0

12-دورة انشاء برنامج المستشفيات
https://www.youtube.com/playlist?list=PLftLUHfDSiZ6D4tQNAdBrhzrxlZC9jFfS

13-دورة انشاء برنامج المدارس Php - Laravel
https://www.youtube.com/playlist?list=PLftLUHfDSiZ7-RAsH8NskS7AYofykW_WN

14-دورة انشاء برنامج فواتير php- laravel
https://www.youtube.com/playlist?list=PLftLUHfDSiZ7pKXkpGCoZATm5rF6msj5A
==========
ثانيا : المحتوى الانجليزى

1-Let's Build a Multi-Purpose Laravel + Vue 3 application [Laravel 9 and Vue 3 tutorial series]

https://www.youtube.com/playlist?list=PLGg3vnFos8GN3MAvxbI-QXKSkBKi2yIFO

2-Let's Build a Multi-Purpose Laravel + Livewire Application [Laravel Livewire Tutorial Series]
https://www.youtube.com/playlist?list=PLGg3vnFos8GMxYSWRBce3LH_SREan7my8

3-laravel 8 ecommerce project tutorial with payment gateway step by step in hindi | shopping site
https://www.youtube.com/playlist?list=PLs20WIPqzFC7Bj39TrJ82EFvF0reuB5hz

4-laravel 8 project in hindi | create cms project in laravel | admin panel manage site in laravel 8
https://www.youtube.com/playlist?list=PLs20WIPqzFC63m6Wf62HXZVycMv-2Uc7a

5-Hotel Management Laravel
https://www.youtube.com/playlist?list=PLyNTduYoTjqCAKyEMNbWrlZbWoq1PgsT-

6-HR System Management Laravel
https://www.youtube.com/playlist?list=PLyNTduYoTjqBfnRRWhcxkVKeAGS7rUIr8

7-Laravel Pos
https://www.youtube.com/playlist?list=PLIeKz8l1eVaP4A4rN129dUqKhBAeBvN3z

8-Laravel 6 Student Management System
https://www.youtube.com/playlist?list=PLIeKz8l1eVaNIKjgtlsB0zhUgU_xRLDBs

9-Laravel 10 Personal Portfolio Website
https://www.youtube.com/playlist?list=PLoBGtBK7uqyVodNxVy0wznVSItEPlTFdH

10-Portfolio with Laravel and Vuejs
https://www.youtube.com/playlist?list=PL6tf8fRbavl15ziiMAPqwPbyrO2zJPtjV

11-Laravel 9 E-commerce Project Beginners to Advance Tutorial
https://www.youtube.com/playlist?list=PLm8sgxwSZofdIdWQxDhg3HUplNJIZRjqb

12-Create POS System Using Laravel
https://www.youtube.com/playlist?list=PL2hV0q47BY-G9f5xG9Vq-wGjSyy1BekOv

13-laravel advanced e-commerce project built from scratch step by step bangla complete course
https://www.youtube.com/playlist?list=PLbC4KRSNcMnrnKZUPoXJtYo5-OcVam0ab

14-Make E-Commerce Website in Laravel 5.6 / 5.7 / 5.8 / 6.0
https://www.youtube.com/playlist?list=PLLUtELdNs2ZZT3d9RQfgZLn6vbo5vbXCN

15-Laravel Ecommerce Bangla Tutorial
https://www.youtube.com/playlist?list=PL_ftyCsXJUO6INx0w_f4BUkalUD7XXwMX

16-Laravel E-Commerce tutorial
https://www.youtube.com/playlist?list=PLMkLuOEOoOhkQXryGQg37RGhC2RMDOvPL

================

‏وداعا للـطرق الملتوية لنسخ Object في Javascript

‏دائما ما نواجه مشكلة عندما نريد نسخ object لمتغير جديد
‏وهو ان الـ object لا يتم نسخه وانما يتم وضع مؤشر له

‏بمعنى:
‏عند تغيير المتغير الجديد
‏سيطرأ التعديل على الـ object القديم أيضا

‏الحل سابقا؟ 
‏ظهرت حلول مثل Spread Operator 
‏ولكن الحل صحيح بشكل جزئي
‏لأنه يقوم بـ shallow copy
‏بمعنى انه في حال كان الـ object nested فلن يتم نسخ القيم الـ nested

‏الحل الوحيد سابقاً كان عن طريق استخادم: 
‏Json.parse(Json.stringify(object))
‏وهي طريقة ملتوية - صعبة القراءة 
‏ولكنها الطريقة الوحيدة ليتم Deep Clone

‏الحل الجديد: structuredClone
‏متغير global جديد في Javascript 
‏الهدف منه ببسابطة هو deep clone لأي Object

‏الحل متوافق مع معظم التصفحات الحديثة

اضافات رهيبة لمطورين Flutter تقدر تثبتها على Vs Code .. وتسهل لك الكثير🤩👌

1. Flutter Widget Snippets
https://marketplace.visualstudio.com/items?itemName=alexisvt.flutter-snippets

2. Flutter Tree
https://marketplace.visualstudio.com/items?itemName=marcelovelasquez.flutter-tree

3. Json to Dart Model
https://marketplace.visualstudio.com/items?itemName=hirantha.json-to-dart

4. Pieces for Vs Code
https://marketplace.visualstudio.com/items?itemName=MeshIntelligentTechnologiesInc.pieces-vscode


5. Pubspec Assist
https://marketplace.visualstudio.com/items?itemName=jeroen-meijer.pubspec-assist

الحل النهائي لمشكلة ابدأ منين واتعلم ايه حتى ادخل سوق العمل انا س اقوم بمساعدتك بوضع خطة شاملة للتفاصيل
واتساب👇👇
https://wa.me/message/D73TXZLN2377L1

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

لو انت ديفلوبر عموما سواء Android أو Web سواء frontend أو backend فانتا قدامك كنز كبير هيخلى مستواك يتقدم جدا

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

والمشاريع دى فى الغالب هتلاقيها على GitHub واصحابها بيعرضوها على LinkedIn
فانت ممكن تبحث على LinkedIn بتخصصك وهتلاقى مشاريع كتيرة أو تدخل تبحث علطول على GitHub

والطبيعى إنك هتلاقى حاجات كتيرة فى المشاريع دى انت مش عارفها او مش فاهمها فابحث عن كل حاجه وحاول تفهمها و تذاكرها منفصلة والموضوع ده هيفرق معاك جدا جدا جدا
والأهم من ال Technologies المستخدمة فى المشاريع هيا ال best practice اللى الناس دى بتطبقها فى المشاريع اللى هيا بتعملها

لو انت Front end مينفعش متكونش عارف الكلام دا
لانه مهم جدا لشغلك وغالبا هتتسئل عنه في اي انترفيو

تعالي اقولك حاجات لازم تعملها قبل مترفع الموقع بتاعك
الحاجات دي هتساعدك ترفع الperformance وaccessibility وseo
وعشان حاجات تانيه كمان هناقشها معاك دلوقت

1- قبل اي حاجه مينفعش يكون كود ال html بتاعك فيه اخطاء لازم يكون كله Valid ادخل علي الموقع دا وحط الكود وحل المشاكل https://validator.w3.org/

2- ال prefixes بتاعه ال css علشان دعم المتصفحات لازم تكون مكتوبه
حط الكود بتاعك هنا بعد متخلص والموقع يظبطولك https://autoprefixer.github.io/

3-هنا هتكلم عن حاجات تخص الصور جودتها وحجمها وalt attribute وتكنيك Lazy Load وresizing images وتاثيرها علي الperformance

*حسن جوده صورك فيه مواقع كتير تجيب منها صور بجوده كويسه وببلاش زي
‏Unsplash, Pixabay ,Pexels ,Burst ,Kaboompics ,Splitshire ,Freepik

*بالنسبه لحجم الصور لو حجمها كبير لازم تصغرها بدون ما تاثر علي جودتها
وفيه مواقع كتير بتعمل compress للصور

*بالنسبه ل Lazy Load
لما بنفتح موقع المفروض ان كل الصور بتحمل مره واحده ودا بياثر علي الاداء طبعا التكنيك دا بيخلي الصور الي شايفها اليوزر بس الي تبدا تتحمل وكل ما ينزل في الموقع يبدا يحمل الصور واحده واحده
تستخدمه ازاي تعالي علي img tag وحط ال attribute دا
‏loading="lazy"

*برضوا خد بالك من احجام الصور في المقاسات المختلفه من الشاشات ودا تقدر تعمله عن طريق media query انك تغير حجم الصور كل الشاشه متصغر و تحط صور مناسبه للتابلت والموبايل او تثبت حجم الصوره لان resizing images من الحاجات الي بتقلل الperformance تقدر تعمل دا عن طريق HTML picture tag

* بالنسبه لل alt attribute دا مينفعش يكون فاضي مينفعش دي جريمه في حق Seo وaccessibilityوبيكون فيه كلمات بتوصف الصوره سرش عنه عشان تعرف عنه اكتر

4-لازم قبل مترفع الموقع تعمل minify لكود ال css و js عشان حجمه ملف الكود حرفيا هينزل للنص ودا هياخد الperformance في حته تانيه تقدر تعمل كدا عن طريق المواقع دي
‏css: https://www.toptal.com/developers/cssminifier
‏js : https://www.toptal.com/developers/javascript-minifier

5-استخدم ال light house هتلاقيها ف dev tools تقدر تفتحها بf12
هتقدر من خلالها تقيس الperformance ووaccessibility وseo
وهتديك تعليمات عشان تحسنهم هتفهم من خلالها المشاكل الي عندك وتحلها

6- تاج meta description ودا بيتحط في الhead وعلي قد ميبان حاجه بسيطه الي انه هيفرق في الSeo لدرجه متتخيلهاش شرس عنه

7-اهتم تتعلم Bundlers هتفيدك في المشاريع الكبيره وهتسهل عليك حاجات كتير من الي فوق دي
زي Webpack او gulp او غيره

انا شاركت معاك الحاجات الي استخدمتها وجابت معايا نتيجه فعليه وحولت المواقع بتاعتي منperformance سئ جدا 60% الي 95% اقل حاجه
فيه طبعا حاجات تانيه اكتر تقدر تقرا عنها هتلاقي مقالات كتير علي جوجل
بتتكلم علي الموضوع دا سرش هتلاقي

15 فكرة إبداعية للعناوين باستخدام HTML و CSS فقط ( مع الكود ) 🤩🤩


1:: 🔗 https://codepen.io/maicodes/pen/XXjWwx

2:: 🔗 https://codepen.io/yemon/pen/pWoROm

3:: 🔗 https://codepen.io/dperuo/pen/XWdeoW

4:: 🔗 https://codepen.io/mvaneijgen/pen/LpjQYZ

5:: 🔗 https://codepen.io/aniketx27/pen/RmbNwo

6:: 🔗 https://codepen.io/sgamble/pen/xaRyMo

7:: 🔗 https://codepen.io/Chokcoco/pen/jOwEqvR

8:: 🔗 https://codepen.io/vainsan/pen/NWRaPXG

9:: 🔗 https://codepen.io/CityRay/pen/dvqLWe

10:: 🔗 https://codepen.io/RobinTreur/pen/QKjgPX

11:: 🔗 https://codepen.io/dylanjharris/pen/pjLJQa

12:: 🔗 https://codepen.io/tuckermassad/pen/ZgOGgy

13:: 🔗 https://codepen.io/pierrinho/pen/NEYmLO

14:: 🔗 https://codepen.io/sato2000/pen/KKpPXNg

15:: 🔗 https://codepen.io/Esso99/pen/XGgBGE

جوجل أطلقت النسخة الجديدة من Google Bard


والأهم أنه تدعم اللغة العربية ويمكنك من خلالها :
- إنشاء تنسيقات نصية
- ترجمة اللغات
- كتابة المحتوى الإبداعي
- الإجابة على كل أسئلتك


✅ الاستخدام مجاناً
ـ https://bard.google.com