الـ repo اللي معانا دي حرفياً كنز ليه؟!

لأن دي Style Guide من خلالها هتقدر تكتب كود #javascript نضيف ومنظم وبمعايير مهمه جداً

الـ repo بتشرح حرفياً كل حاجه في جافا سكريبت و بالأمثلة وبتعرض لكل نقطة مثال سئ لطريقه كتابة الكود ومثال تاني ( Best practice )

فلو عايز تبدأ السنه دي وانت برنس انصحك بشدة تقرأها.

https://github.com/airbnb/javascript

الناس الي خلصت ال html, css, js
وربنا كرمك وعاوز تتدرب نفسك علي مشاريع
جبتلكم مستودع فيه 50 مشروع تنفذوه في ٥٠ يوم كل مشروع في يوم ❤️

الرابط الخاص بال ٥٠ بروجكت:
https://50projects50days.com/
وده الجيت هاب الخاصه بالسورس كود:
https://github.com/bradtraversy/50projects50days

لو معاك Logo ومحتاج تشيل الخلفيه البيضاء منه استعمل property في Css بتوفر عليك عناء عمله ببرنامج الجرافيك .

انت كمبرمج مش هيتم استبدالك بال AI، بس ممكن اوي يتم استبدالك بمبرمج بيعرف يوظف ال AI في مساعدته بشكل فعال أثناء الشغل..

دي لينكات ممكن تفيدكم وموجود فيها اسئلة انترفيوهات

JavaScript Interview Questions: https://lnkd.in/d5veA-zW
C# interview questions and answers:- https://lnkd.in/dj8Ht7Bz
ASP.NET MVC Interview Questions with answers:- https://lnkd.in/db6UCyx6
Angular Interview Questions and Answers :- https://lnkd.in/dqkgxEdt
C# tutorial for beginners(4 hrs):- https://lnkd.in/d3K9NBzZ
Learn Azure Step by Step:- https://lnkd.in/duzJpaQk
Azure AZ-900 fundamentals certification :- https://lnkd.in/dufhSE9R
AZ- 204 certification Azure:- https://lnkd.in/dKXTegnb
Learn Angular tutorial step by step https://lnkd.in/dUEnHYFn
Learn MVC 5 step by step in 16 hours:- https://lnkd.in/dxd3akAK
Learn Design Pattern Step by Step https://goo.gl/eJdn0m
Learn MSBI Step by Step in 32 hours:- https://goo.gl/TTpFZN
Learn SQL Server Step by Step http://tinyurl.com/ja4zmwu
Python Tutorial for Beginners:- https://lnkd.in/d4R5vzXr
Learn Data Science in 1 hour :- https://lnkd.in/deQz4bnS
Learn Power BI Step by Step:- https://lnkd.in/dRNsgrtF
PHP Interview Questions : https://lnkd.in/dMiZjSUk

رابط موقعنا:
https://digicoder.tech

تابعونا هنا Digicoder علي فيسبوك

https://www.facebook.com/profile.php?id=100089355614427&mibextid=ZbWKwL

لو حد عنده فكرة تطبيق كويس يكلمني و انشاء الله ننفذه و يكون ليه 50 فالمية من ارباح التطبيق

خدمة C-View المجانية لمراجعة الCV وتصحيحه ومحاكاة لمقابلة العمل من منصة مسارات Masaraat

https://bit.ly/3w2kuh9

#تحدي :
Content:
اعمل الشكل دا بالضبط
Tools:
Language : HTML5 , CSS3(Version 3)
Lib : FontAwsome(icon Lib)
الممنوعات:
اي مكتبة غير fontawsome او اي فريم ورك سواء بقي Bootstrap او اي مكتبة زي JQuery وممنوع تستخدم Javascript
ملاحظة :
دا تمرين ليك انت وانت المستفيد انا مش خسران اي حاجه

اي رايكم اعمل شرح علي اليوتيوب لانشاء بوتات تليجرام الشرح هيكون ع يوتيوب ؟😁

بس هيكون ب Nodejs

دي رابط القناه:
https://youtube.com/@WebDev1

أفضل 5 مكتبات UI لمطورين REACT JS
هذه المكتبات توفر لك تصاميم UI جاهزة تختصر عليك الوقت بإنشاء المشاريع ويمكنك التعديل عليها زي ما تحب .
⬇⬇

‏دي مجموعة من المكتبات هتوفرلك UI جاهزة لمطورين React js ... تساعدك بإنشاء تصاميم جميلة وبسرعة أكبر, وتختصر لك الكثير من الوقت ...

‏1 - Material UI
يعد Material UI أحد أكثر أنظمة التصميم شيوعًا ، ويستند إلى إرشادات تصميم Material من Google. يوفر مجموعة واسعة من المكونات ، من الأزرار وعناصر التحكم في النماذج إلى التنقل والتخطيط ...
Link : https://mui.com/


2 - Next UI
نظام تصميم مميز يحتوي على العديد من العناصر كما يدعم خاصية dark mode بسهولة
Link : https://nextui.org/

‏3 - Horizon UI
نظام تصميم عصري بسيط وجميل يتوفر من هذه المكتبة مجموعة من العناصر المجانية ,كما يتوفر المزيد من العناصر بشكل مدفوع.
Link : https://horizon-ui.com/

‏4 - Ant Design
Ant Design هو نظام تصميم تم تطويره بواسطة فريق Alibaba ، وهو أحد أكثر أنظمة التصميم استخدامًا في العالم
Link : https://ant.design/

5 - Chakra UI
نظام تصميم بسيط يوفر لك المكونات الأساسية لبناء مشروع سريع
Link : https://chakra-ui.com/

ما هي مكتبة الرياكت React js وما أهم مزايا استخدامها

ما هي مكتبة الرياكت – React js:
(React js) هي عبارة مكتبة مفتوحة المصدر مبنية باستخدام لغة البرمجة جافا سكريبت، وقد تم بناء هذه المكتبة بواسطة شركة فيسبوك، وتعتبر من المكتبات المتخصصة بواجهات
وهي مبنية على أساس مفهوم الـ (Component) والذي نستطيع إعادة استخدامه بسهولة فائقة دون الحاجة لبنائه مرة أخرى في كل مرة، وباستخدام هذه المكتبة يتمكن المستخدم من بناء واجهات صعبة ومعقدة دون الحاجة لكتابة الكثير من أكواد الجافا سكريبت، ويُمكن للمطورين من خلال استخدام هذه المكتبة من بناء تطبيقات متكاملة كالتي يتم بناؤها بالجافا أو لغة البرمجة كوتلن أو لغة (Swift). المستخدم وبناء واجهات المواقع أيضاً؛ حيث تقدم طريقة سهلة وسلسلة وقوية لبناء الواجهات.
 أشهر ميزات مكتبة React js:
 
تمتلك مكتبة (React JS) واجهات معتمدة على المكونات (Component):
 
حيث أن لكل مكون (Component) مجموعة من القواعد البرمجية الخاصة بحيث من الممكن بسهولة إعادة استخدامه في أي واجهة أخرى، وبما أن المكونات تبنى عن طريق لغة جافا سكريبت؛ فهذا يجعل من السهل تمرير ما يلزم من البيانات للمكونات وهذا بديل جيد لاستخدام القوالب الجاهزة.
 
التفاعل ضمن الواجهات:
حيث من السهل بناء واجهة تفاعلية مميزة باستخدام مكتبة (React JS).
:JSX
تُعتبر ميزة اختيارية موجودة لمطوري مكتبة (React Js) حيث تدمج هذه المكتبة بين لغة الهيكلة والتصميم (HTML) بلغة الدينامكية والبرمجة (JavaScript) أي أن المستخدم سيكون قادراً على كتابة كود باستخدام (HTML) عن طريق الوسوم المعتادة داخل صفحة الجافا سكريبت والكود الناتج هنا ليس كود (JavaScript) أو (HTML) إنما نطلق عليه (JSX).

تعدد الاستخدامات:
 
 حيث من الممكن استخدام هذه المكتبة في تطوير الواجهات الخاصة بالمواقع كما هو الحال في الكثير من المواقع الإلكترونية كالفيسبوك وإنستجرام (Instagram) وتويتر، ومن الممكن أيضاً استخدامها في مجال تطوير تطبيقات الهاتف عن طريق الـ (React Native)، والذي يعتبر إطار عمل تابع للرياكت، ومن خلال هذه المكتبة أيضاً يتم تطوير تطبيقات لأنظمة التشغيل مثل: الأندرويد والـ (IOS) على أعلى مستوى ،إضافةً لذلك فإن الرياكت تستطيع التعامل مع برمجيات السيرفر (Server) من خلال استخدام الـ (Node).

الـ Authentication و الـ Authorization

الـ Authentication و الـ authorization كلمتان المستخدمتان في عالم security قد تبدو متشابهة ولكنها مختلفة تمامًا عن بعضها البعض.

ما هي الـ Authentication ( المصادقة )

الـ Authentication هي عملية تحديد هوية شخص ما من خلال التأكد من أن الشخص هو نفسه من يطالب request و يتم استخدامه من قبل كل من server و client

و يستخدم server الـ Authentication عندما يريد شخص ما الوصول إلى المعلومات ، ويحتاج الـ server إلى معرفة من يقوم بالوصول إلى المعلومات بواسطة server في الغالب باستخدام اسم المستخدم وكلمة المرور .

الـ techniques الشهيرة لـ Authentication

1. الـ authentication على أساس Password

إنها أبسط طريقة authentication يتطلب password و username المحدد إذا تطابقت كلمة المرور مع اسم المستخدم وكلتا التفاصيل تتطابق مع database النظام ، فسيتم authentication على المستخدم بنجاح.

2. authentication بدون Password

في هذه التقنية لا يحتاج المستخدم إلى أي كلمة مرور ؛ بدلاً من ذلك ، يحصل على OTP (One-time password) أو رابط على رقم phone يمكن أن يقال علية OTP-based

3. الـ 2FA / الـ MFA

الـ 2FA / الـ MFA أو المصادقة الثنائية و المصادقة متعددة العوامل هي المستوى الأعلى من authentication و يتطلب الأمر رقم PIN إضافيًا أو أسئلة أمان حتى يتمكن من authenticate المستخدم.

4. الدخول الموحد SSO

يُعد تسجيل الدخول الأحادي أو SSO طريقة لتمكين الوصول إلى تطبيقات متعددة باستخدام مجموعة واحدة من بيانات الاعتماد يسمح للمستخدم بتسجيل الدخول مرة واحدة ، وسيتم تسجيل الدخول تلقائيًا إلى جميع تطبيقات الويب الأخرى المترتبطة بهذا النظام

الـ Authorization ( التفويض )

هي عملية منح شخص ما داخل الـ system للقيام بمجموعة من العملياتداخل هذا system يعني أنها طريقة للتحقق مما إذا كان المستخدم لديه إذن لاستخدام موارد هذا النظام لا فهو يحدد ما هي البيانات والمعلومات التي يمكن لمستخدم واحد الوصول إليها.

يعمل الـ Authorization عادةً مع authentication حتى يتمكن النظام من معرفة من يقوم بالوصول إلى المعلومات.

تقنيات Authorization

التحكم في access على أساس الدور

تمنح RBAC أو تقنية Role-Based Access Control إلى الدور users وفقًا role أو ملفهم الشخصي في organization يمكن تنفيذه system to system أو user-to-system

الـ JWT

الـ JSON web token أو JWT هو standard مفتوح يستخدم لنقل البيانات بشكل آمن بين الأطراف في شكل JSON object و يتم التحقق من المستخدمين وترخيصهم باستخدام key تكون private/public

الـ SAML

ترمز الـ SAML إلى لغة رمز تأكيد الأمان وهو معيار standard يوفر بيانات اعتماد الـ Authorization لـ service providers و يتم تبادل بيانات الاعتماد هذه من خلال XML documents.

الـ OpenID authorization

يساعد clients على التحقق من هوية المستخدمين النهائيين على أساس authentication .

الـ OAuth

الـ OAuth هو بروتوكول ، يمكّن API من authenticate والوصول إلى الموارد المطلوبة.

من الاخر محدش عارف غير اي اللي وره الكواليس عشان انت ادري بنفسك فسعي فحلمك يا بطل❤️✨

Introducing Turbopack: A Rust-based successor to webpack

https://blog.logrocket.com/introducing-turbopack-rust-based-successor-webpack/

موقع بسيط يستحق اللايك 🌚👍

https://page-nextjs-iunw.vercel.app

باستخدام ال nextjs

السورس كود علي جيت هاب:
https://github.com/Nourtaha13/page-nextjs

ts-is — useful package for data checking

Easy checks for TS and JS data.

مكتبه بسيطه بتسهل عليك ال check في البيانات.

https://www.npmjs.com/package/@p4ck493/ts-is