Today we’re excited to announce the release of TypeScript 5.6!

If you’re not familiar with TypeScript, it’s a language that builds on top of JavaScript by adding syntax for types. Types describe the shapes we expect of our variables, parameters, and functions, and the TypeScript type-checker can help catch issues like typos, missing properties, and bad function calls before we even run our code. Types also power TypeScript’s editor tooling like the auto-completion, code navigation, and refactorings that you might see in editors like Visual Studio and VS Code. In fact, if you write JavaScript in either of those editors, that experience is powered by TypeScript! You can learn more at the TypeScript website. https://www.typescriptlang.org/

## استعراض مشاريع GitHub بسهولة باستخدام GitHub Box

إذا كنت تبحث عن طريقة سريعة لمراجعة مشاريعك على GitHub دون الحاجة إلى تحميلها على جهازك، فإليك حيلة رائعة! كل ما عليك فعله هو تعديل رابط مستودع GitHub الخاص بك بإضافة كلمة "box" بعد "github"، ليصبح الرابط كالتالي: githubbox.

عند الضغط على "Enter"، سيفتح لك المشروع مباشرةً على موقع CodeSandbox، حيث يتم تثبيت الاعتماديات تلقائيًا ويبدأ تشغيل المشروع.

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

JavaScript Web Workers
شايفك بتهرش في دماغك وبتسأل نفسك سؤال مهم
إزاي JavaScript بتشتغل بسنجل thread و Web Workers بتعمل Multi-threading؟
هجاوبك بالتفصيل في الأخر

لو بتدور على طريقة تخلي كود JavaScript بتاعك أسرع وأكثر كفاءة، Web Workers ممكن يكونوا أفضل صديق ليك! النهارده هنتكلم عن مفهوم جميل زي ما يكون عندك superhero Assistant لتطبيقات الويب بتاعتك
Web Workers إيه بقى دول؟
فكر في Web Workers كحاجة بتشتغل في الخلفية، بيعملوا مهام زي الحسابات المعقدة أو معالجة البيانات من غير ما يبطئوا الـ main thread بتاعك. ده معناه إن تطبيق الويب بتاعك يفضل سلس وسريع حتى لما تكون بتتعامل مع مهام تقيلة.
ليه تتعب نفسك مع Web Workers؟
JavaScript
بيشتغل بthread واحد (single-threaded)، يعني بيعمل حاجة واحدة في الوقت الواحد.
لما تشغل مهمة طويلة على الـ main thread، تطبيق الويب بتاعك ممكن يهنج أو ياخد وقت في التحميل، ويخلي المستخدمين يستنوا ويحسوا بالإحباط تخيل تفضل تضغط ع زرار ومفيش حاجة بتحصل !!!
Web Workers
بتيجي تنقذك بإنها تتعامل مع المهام دي على thread مختلف، فالتطبيق بتاعك يفضل مستجيب، والمستخدمين يبقوا مبسوطين من السرعة.
خلينا نشمر إيدينا ونخش ف الكود شوية!
هنقسم الموضوع لخطوات بسيطة علشان تفهم إزاي بيشتغل!
الخطوة الأولي => إنشاء سكريبت الـ Worker
أول حاجة، محتاجين ملف JavaScript منفصل لل workers بتوعنا. نسميه مثلاً worker.js أو أي اسم تفضله!
بص ع الكود في صورة واحد
في الكود ده، بنجهز الـ worker علشان يستقبل الرسائل باستخدام self.onmessage، ويعمل المهام التقيلة (زي حساب رقم Fibonacci)، وبعدين يبعت النتيجة باستخدام postMessage.

ممكن تقولي إستني ي عم هو ف إيه و إيه هو self؟ أو إيه هي postMessage و onmessage؟
Web Workers
بيشتغلوا في global context مختلف، مش الـ window اللي احنا عارفينه
بنسمي الglobal context الخاص ده self!
Web Workers
بيتواصلوا مع الـ main thread باستخدام الأحداث (events).
باستخدام الأحداث، يقدروا يبعتوا ويستقبلوا رسائل أو بيانات. في الكود، onmessage عادة بيستقبل رسائل أو بيانات من الـ main thread،
وpostMessage بيبعت البيانات المعالجة من الـ Web Worker لل main thread

الخطوة التانية إنشاء والتحدث مع الـ Worker
دلوقتي، هنشوف إزاي ننشئ Worker ونبعت رسائل/بيانات ليه من السكريبت الرئيسي بتاعنا ، مستني إيه بص ع الصورة رقم 2
هنا، بننشئ worker جديد، نبعت رسالة ليه باستخدام worker.postMessage
ونستلم النتائج باستخدام worker.onmessage
كمان بنتعامل مع أي أخطاء محتملة باستخدام worker.onerror
طب م دا برضه كلام حلو بس مش كفاية أنا عاوز أشوف سيناريوهات تفيدني واقعية
لو عندك array كبيرة جدا عاوز تعملها sort
خلينا نخلي Web Worker يتعامل مع الموضوع ده بص ع الكود في صورة 3

مثال تاني واقعي أكثر
عندك api بتعملها fecth وبتغيب ؟ هييجي واحد يقولي أنا شغال Asynchronous هقوله ماشي ي حبيبي ده مبيغيرش حقيقة إن fetch بيشتغل على الـ main thread حتى لو استخدمت async/await،
كمثال ع دا بص ع الصورة رقم 4

ال Best Practices عشان تستخدم ال Web Workers
Web Workers
معندهمش وصول مباشر للـ DOM، فخلي مهامهم مركزة.
دايماً ضيف error handling علشان تتجنب المشاكل.
معظمنا بيستخدم JavaScript في المتصفحات وعارفين إنها بتشتغل بسنجل ثريد، بس إزاي Web Workers بتعمل Multi-threading؟
JavaScript
مش بتحدد موديل معين للثريدينج، لكنها بتشتغل بسنجل ثريد في معظم المتصفحات. ده يعني إن الكود بيتنفذ في ثريد واحد، وكل العمليات بتتعمل واحدة واحدة.
معظم المتصفحات القديمة كانت بتشتغل بسنجل ثريد، بس دلوقتي المتصفحات زي Chrome، Firefox، بدأت تستخدم أكتر من ثريد عشان تحسن الأداء.
Web Workers مش جزء من JavaScript نفسها، لكنها ميزة في المتصفحات بنقدر نوصلها من خلال JavaScript.
الWorkers دي بتشتغل في ثريدات منفصلة، وده بيساعد على إننا نعمل عمليات تقيلة من غير ما نبطئ الـ main thread.
المتصفح هو اللي بيتولى إدارة الthreads. لما نعمل Worker، المتصفح بيكريت ثريد جديد ويشغل الكود بتاعه فيه.
الكود اللي بيشتغل في الـ Worker بيبقى منفصل عن الـ main thread، يعني مش بيتأثر بأي عمليات تانية شغالة في نفس الوقت يعني مش بنحتاج نقلق على موضوع الـ Memory model أو الـ concurrent access للمتغيرات.
الإتصال بين الـ main thread والـ Workers بيتم من خلال الرسائل (messages). ده بيسمح للـ Workers إنها تبعت وتستقبل بيانات من غير ما تأثر على الأداء العام.

هذا الموقع يفيدك لو بتدرب على إنشاء الAPI يوفر لك قائمة بالمستخدمين
بيانات وهمية .. تقدر تستخدمها وتتعلم على التعامل مع الapi من خلالها✈

RANDOM USER GENERATOR 

https://randomuser.me/

randomuser.me

Random User Generator | Home

Random user generator is a FREE API for generating placeholder user information. Get profile photos, names, and more. It's like Lorem Ipsum, for people.

إن التقنية التي تتضمنها لإعراض طلبات HTTP/HTTPS والاستجابات بين العميل (مثل متصفح الويب أو تطبيق الهاتف المحمول) وخادم ، باستخدام أداة مثل مجموعة Burp Suite. تُستخدم هذه التقنية بشكل شائع في اختبار سلامة تطبيق الويب لتحليل واختبار سلوك تطبيقات الويب وأمانه. إليك تعريف وشرح أكثر تفصيلاً:

### تعريف:
http/https اعتراض ومعالجة:
تتضمن هذه التقنية التقاط وتعديل طلبات HTTP/HTTPS من قبل العميل إلى خادم والمسؤوليات المقابلة التي يشعر بها الخادم إلى العميل. تُستخدم أدوات مثل Suite Burp لتكون بمثابة وكيل ، واعتراض حركة المرور هذه لأغراض التحليل والتعديل. يتيح ذلك لمختبري الأمن فهم كيفية نقل البيانات ومعالجتها ، وتحديد الضعف ، واختبار متانة آليات أمان تطبيق الويب.

### شرح مفصل:

### العملية الخطوة:

1. الإعداد والتكوين:
   - قم بتثبيت جناح التجشؤ: قم بتنزيل وتثبيت مجموعة التجشؤ على جهاز الكمبيوتر الخاص بك.
   - تكوين إعدادات الوكيل: قم بتكوين متصفح الويب أو الجهاز المحمول إلى حركة المرور عبر وكيل Burp Suite. يتضمن هذا بشكل عام تعيين إعدادات الوكيل على عنوان IP والمنفذ حيث يستمع مجموعة التجشؤ (على سبيل المثال ، 127.0.1: 8080`).
   - قم بتثبيت شهادة CA Burp: لاعتراض حركة مرور HTTPS ، شهادة CA الخاصة بكالوريوس التثبيت على جهازك. يتيح هذا تجشير تجشير فك تشفير حركة مرور HTTPS من خلال أداء هجوم رجل في الوسط (MITM) بطريقة خاضعة للرقابة والأخلاقية.

2. اعتراض حركة المرور:
   - ابدأ اعتراض: تمكين ميزة التقاطع في مجموعة التجشؤ. يتيح لك ذلك التقاط وعرض جميع طلبات ومسؤوليات HTTP/HTTPS بين العميل والخادم.
   - مشغل حركة مرور: إجراء إجراءات في تطبيق الويب (على سبيل المثال ، تسجيل الدخول ، إرسال نموذج) لإنشاء طلبات HTTP/HTTPS.

3. تحليل الطلبات والاستجابات:
   - عرض الطلبات: يفحص تفاصيل طلبات HTTP المعتادة ، وتشمل الرؤوس والمعلمات وملفات تعريف الارتباط والجسم.
   - عرض الردود: يفحص تفاصيل مسؤوليات HTTP المعتادة ، والرؤوس المتضمنة ، ورموز الحالة ، ومحتوى الجسم.

4. معالجة حركة المرور:
   - تعديل الطلبات: تحرير طلب HTTP المعترض قبل أن يتم رائحته إلى الخادم. على سبيل المثال ، قم بتغيير قيم المعلمة ، أو تعديل الرؤوس ، أو تغيير جسم ال

7 تقنيات تحتاج استخدامها كمطور واجهات أمامية (front end) ?

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

1⃣ تعلم HTML و CSS و جافا سكريبت
فهي اللغات الأساسية في تطوير الويب، وعليك فهمها جيدًا قبل تعلم أي تقنية أخرى

2⃣ التصميم المتجاوب Responsive Design
هناك العديد من الأساليب التي تمكننك من جعل مواقع الويب متجاوبة وتظهر بشكل مناسب على مختلف أحجام الشاشات وأنواع الأجهزة مثل استعلامات الوسائط media queries والنقاط الحدية Breakpoints وطرق تخطيط الصفحات المختلفة كالتخطيط الشبكي والمرن.

3⃣ مكتبات وأطر عمل تطوير الواجهات الأمامية
تتوفر العديد من مكتبات وأطر الواجهة الأمامية التي توفر لك مكونات وشيفرات برمجية جاهزة تسهل عليك إنشاء صفحات ويب معقدة وتساعدك على اتباع أفضل الممارسات في كتابة شيفراتها مثل بوتستراب Bootstrap للغة CSS ورياكت React للغة جافا سكريبت.

4⃣ واجهات برمجة التطبيقات APIs
يحتاج مطورالواجهة الأمامية لتعلم طريقة التعامل مع واجهات برمجة التطبيقات وبيانات JSON للحصول على المعلومات من الخادم ودمجها مع واجهات المواقع والتطبيقات.

5⃣ برامج التحكم بالإصدارات Git و GitHub
فهي برامج تفيد أي مطور للتعامل مع التغييرات المستمرة على الأكواد البرمجية، وتنظم عمله وتعزز تعاونه مع المطورين الآخرين.

6⃣ أدوات البناء Build tools
تساعد أدوات البناء مطور الواجهة الأمامية على إدارة التبعيات وتنظيم العمليات وتحسين الكود البرمجي وتسريع تطويره وصيانته ومن الأمثلة عليها نذكر Vite و Webpack.

7⃣ تحسين أداء المواقع
من المفيد أيضًا استخدام أي تقنيات من شأنها تحسين وتسريع صفحات الموقع وتحسين الصور وتحميلها بشكل كسول lazy loading واستخدام التخزين المؤقت وتقليل حجم الشيفرة البرمجية المستخدمة فيها.

أشهر وأهم 7 لغات برمجة مطلوبة في سوق العمل ❤️??

✳️ لغة Python: تستخدم في تطوير الويب والذكاء الاصطناعي وعلوم البيانات

✳️ لغة JavaScript: تستخدم في تطوير الويب وتفاعل المستخدم، وفي تطوير تطبيقات الهاتف المحمول.

✳️ لغة Java: لغة قوية وشائعة، تستخدم في تطوير تطبيقات سطح المكتب وتطبيقات الهاتف المحمول وتطبيقات الويب.

✳️ لغة C++: قوية ومتعددة الاستخدامات، تستخدم في تطوير برامج النظام والألعاب والتطبيقات المتقدمة.

✳️ لغة C#: تستخدم في تطوير تطبيقات ويندوز وتطبيقات الألعاب باستخدام منصة Unity

✳️ لغة Ruby: لغة ديناميكية وسهلة التعلم، تستخدم في تطوير تطبيقات الويب وتطبيقات الشركات الناشئة.

✳️ لغة Swift: تستخدم في تطوير تطبيقات iOS وmacOS، وهي لغة رسمية لتطوير تطبيقات Apple

?️مواقع ذكاء الاصطناعي قد تفيدك

?️موقع للإجابة عن الرسائل تلقائيا
Manychat.com
?️إدارة حسابات سوشيال ميديا
Hootsuite.com
?️موقع لإنشاء الصور من النصوص
starry.ai
?️موقع لمساعدتك في كل شيء
Alexa.amazon.com
?️موقع لتعديل على الصور
lensa.ai
?️موقع لتعديل على فيديوهات
Choppity.com
?️موقع لإزالة العاناصر من الصورة
Cleanup.pictures
?️موقع لرسم الخرائط
Gitmind.com
?️موقع يكتشف إسم لمشروع الخاص بك
looka.com
?️موقع لكتابة بالذكاء الاصطناعي
https://www.adobe.com/express/
?️لتعديل الأصوات
https://podcast.adobe.com/enhance
?️مواقع لتصميم صورة شخصية
Pfpmaker.com
Designify.com
?️لكتابة المقالات
Guinark.com
?️مواقع لكتابة محتوى إعلانات ممولة
copygenius.com
Anyword.com
?️موقع يحتوي على العديد من أدوات المجانية
123apps.com
?️موقع لتصميم الصور بالذكاء الاصطناعي
flair.ai
?️موقع لإنشاء أغاني في ثواني عن طريق الذكاء الاصطناعي
boomy.com
?️موقع للحياة اليومية بترتيب المهام الخاصة بك
Taskede.com
?️موقع لكتابة المقالات و البحوث و غيرها
Aiseo.ai
?️موقع لتركيب الأصوات البشرية على فيديو
Fliki.ai
?️موقع لإنتاج أعمال فنية و رسوم توضيحية و أنمي
Imagecreator.ai

Adobe

Free Design, Photo, and Video Tool - Design Made Easy | Adobe Express

Adobe Express is an all-in-one design, photo, and video tool to make content creation easy. Quickly and easily make stunning social content, videos, logos, and more to stand out on social and beyond.

✍️ تعرف علي 67 من أهم أوامر RUN# في ويندوز ووظيفة كل منها

1. winipcfg
   لمعرفة الأي بي  IPالخاص بالجهاز
2. msconfig
   إدارة والتحكم في برامج بدء التشغيل وأدوات أخري للويندوز
3. regedit
   عرض سجل النظام الريجيستري والإعدادت الخاصة به
4. certmgr.msc
   لعرض الشهادات والتصاريح الخاصة بالويندوز
5. charmap
   لعرض رموز الكتابة ويمكنك نسخ أي رمز ووضعه في محرر النصوص
6. chkdsk
   أمر هام لفحص الهارد ديسك والأقراص الثابتة والكشف عن وجود أية قطاعات تالفة بداخله
7. cmd
   لعرض الدوس  MS DOS علي الويندوز
8. Dcomcnfg
   الخدمات المكونات والإعدادت الخاصة بالويندوز
9. compmgmt.msc
   إدارة جهاز الكمبيوتر وجميع القطع الداخلية والتوصيلات وغيرها
10. Control
    عرض لوحة التحكم Control Panal
11. timedate.cpl
    عرض وضبط إعدادت الوقت والتاريخ والمنطقة الزمنية
12. devmgmt.msc
    إدارة جميع الأجهزة والقطع الرئيسية بالكمبيوتر مثل كارت الصوت والشاشة والأنترنت والماوس والكيبوورد والتوصيلات وغيرها
13. dxdiag
    لعرض جميع المعلومات والمشاكل الخاصة بدايركت إكس المسؤل عن جودة العرض
14. cleanmgr
    تنظيف الأقراص C D F E  وغيرها من الملفات المؤقته والغير هامة
15. dfrg.msc
    إلغاء تجزئة الهارد ديسك والأقراص الثابته لجعلها أكثر سرعة وكفاءة
16. diskmgmt.msc
    إدارة الهارد ديسك والأقراص الثابتة مشابه لبرنامج بارتيشن ماجيك
17. diskpart
    إعادة تقسيم الهارد ديسك ويظهر في ببئة دوس
18. control desktop
    عرض والتحكم في إعدادت سطح المكتب والشاشة والخلفيات وغيرها
19. verifier
    لمعرفة والكشف عن جميع التعريفات المثبته بحاسوبك
20. eventvwr.msc
    لعرض ومشاهدة جميع الأحداث التي تمت علي نظام التشغيل منذ بداية تثبيته
21. migwiz
    لنقل الملفات من جهاز كمبيوتر لأخر
22. sigverif
    لعرض شهادات الخاصة بالويندوز والملفات التي تمت معالجتها
23. fonts
    لعرض الخطوط والإعدادات الخاصة بها
24. freecell
    لعبة الكوتشينه الشهيرة الأربع خانات علي ويندوز
25. joy.cpl
    إعدادات زراعات الألعاب والتحكم بها
26. gpedit.msc
    تصاريح المستخدمين والمجموعات
27. iexpress
    لإنشاء ملف ذاتي التشغيل بصيغة exe
28. inetcpl.cpl
    لعرض إعدادات الأنترنت وتصفح الويب
29. control keyboard
    لعرض إعدادت لوحة المفاتيح والفأرة
30. secpol.msc
    التحكم في إعدادات الحماية والخصوصية علي ويندوز
31. lusrmgr.msc
    إدارة حسابات المستخدمين للجهاز
32. mrt
    أداة هامة علي الويندوز لإكتشاف وإزالة البرامج الضارة والخبيثة
33. moviemk
    برنامج موفي ميكر لتحرير وصناعة الفيديوهات لكنه متوفر في بعض أنظمة ويندوز
34. mspaint
    فتح برنامج الرسام الخاص بالويندوز
35. ncpa.cpl
    إعدادات الشبكة والأي بي
36. osk
    عرض وإستخدام لوحة المفاتيح بالفأرة إذا تعطلت لوحة المفاتيح وتحتاج حل مؤقت لحين تغييرها
37. perfmon
    عرض معلومات عن أداء المعالج والذاكرة وجهاز الكمبيوتر بشكل عام
38. telephon.cpl
    إعدادات المودم والتليفون الأرضي
39. dialer
    ضبط إعدادات المودم للإتصال بالانترنت من خط التليفون الأرضي
40. powercfg.cpl
    إعدادات حفظ وتوفير الطاقة علي ويندوز
41. eudcedit
    أداة مميزة لتصميم رموز وأشكال خاصة
42. intl.cpl
    إعدادات اللغة والأرقام والتواريخ علي النظام
43. rasphone
    عرض شبكة الأتصال بالانترنت
44. mstsc
    لعرض الريموت كنترول للتحكم في الجهاز عن بعد
45. rsop.msc
    للتحكم في المستخدمين وتصاريح الإستخدام علي الويندوز
46. wscui.cpl
    لعرض مركز الحماية الخاص بالويندوز والجدار الناري وغيره
47. services.msc
    عرض جميع خدمات الويندوز والتحكم بها من فتح أو إغلاق
48. fsmgmt.msc
    لعرض الملفات والمجلدات التي يتم مشاركتها بين الأجهزة المختلفة علي الشبكة المحلية LAN
49. mmsys.cpl
    عرض والتحكم في إعدادات الصوت
50. mmsys.cpl
    عرض جميع معلومات النظام وجهاز الكمبيوتر
51. sysdm.cpl
    عرض والتحكم في إعدادات نظام التشغيل
52. Taskmgr
    لعرض مدير المهام والعمليات المفتوحة علي الويندوز
53. utilman
    إضافات وملحقات الويندوز
54. wabmig
    إستيراد جهات الأتصال من الويب
55. firewall.cpl
    عرض إعدادات والتحكم في الجدار الناري فاير وول
56. magnify
    لعرض العدسة المكبرة لضعافي النظر
57. wmimgmt.msc
    عرض والتحكم في إعدادات النظام
58. winver
    لعرض نسخة وإصدار نظام التشغيل المثبت علي حاسوبك
59. cookies
    عرض والوصول الي الكوكيز والتحكم فيها وحذفها
60. temp
    الوصول الي الملفات المؤقتة
61. debug
    معلومات عن نوع ومواصفات كارت الشاشة
62. sysedit
    لفتح محرر تكوين النظام
63. msiexec
    معلومات عن حقوق النظام والشركة المنتجة
64. sfc
    أمر هام لإسترجاع ملفات DLL  في حال حدوث أي مشكلة بها
65. recent
    عرض سجل الأحداث والملفات التي عرضها بالسابق
66. mobsync
    لتنزيل صفحات الويب بالكامل وتصفحها في أي وقت أخر
67. drwatson
    برنامج دكتور واطسون لعمل فحص شامل لجهاز الكمبيوتر.

إليك طريقة تفعيل مميزات الذكاء الاصطناعي في جوجل كروم لجعل التصفح أسهل وأكثر كفاءة من أي وقت مضى!

https://www.computer-wd.com/2024/02/enable-chrome-ai-features.html

#جوجل_كروم

Computer-Wd

تفعيل واستخدام مميزات الذكاء الاصطناعي الجديدة في جوجل كروم

إليك طريقة تفعيل مميزات الذكاء الاصطناعي في جوجل كروم لجعل التصفح أسهل وأكثر كفاءة من أي وقت مضى!