عند العمل كـ #frontenddeveloper يكون الـ Console من أهم وسائل الـ #debugging في حياتك اليومية.
في كثير من المواقف ترغب بتتبع قيمة معينة أثناء الانتقال بين الصفحات، لكن عندما تقوم بطلب صفحة جديدة يقوم المتصفح بمسح سجل الـ console
يمكنك الاحتفاظ بسجل الـ Console من خلال تفعيل خيار Preserve log ضمن المتصفح.
#javascript #vuejs #nuxtjs #reactjs #nextjs #frontend #syria #erbil #iraq
في كثير من المواقف ترغب بتتبع قيمة معينة أثناء الانتقال بين الصفحات، لكن عندما تقوم بطلب صفحة جديدة يقوم المتصفح بمسح سجل الـ console
يمكنك الاحتفاظ بسجل الـ Console من خلال تفعيل خيار Preserve log ضمن المتصفح.
#javascript #vuejs #nuxtjs #reactjs #nextjs #frontend #syria #erbil #iraq
❤2👍1
شهادة الـ #SSL رغم أهميتها العالية قد يقوم البعض بتجاهلها بحثً عن القليل من التوفير في المصاريف أو قد يكون مازال يتعلم فلا يكون هناك دخل كافي لشراء واحدة.
لكن هل تعلم أنك تستطيع الحصول على واحدة مجانية من عدة مصادر مثل:
🔵 #ZeroSSL
🔵 #CloudFlare
يمكنك استخدامها لتأمين مواقعك بشكل أو على الأقل لعرضها للعميل بدون الرسائل التحذيرية التي تظهرها المتصفحات.
إن كنت لا تعرف ماهي شهادة الـ #SSL:
هي شهادة رقمية تصادق على هوية موقع ويب وتتيح اتصالاً مشفرًا. بإمكانك التعرف عليها بشكل أكثر من خلال النقر هنا
#تحدي_ال30_يوم | [2/30]
➖➖➖➖➖➖➖➖➖➖➖➖
إن كنت تبحث عن مستقل لتنفيذ أعمالك، أو شخص في بداية عملك بشكل مستقل و تبحث عن مساعدة، تأكد من أنك سوف تجدها لدي.
فعل الجرس 🔔 ليصلك كل جديد من منشوراتي
#freelancer #webdevelopment #web #website #مستقل #UAE #IRAQ #ERBIL #SYRIA #Developer #career #Backend #FrontEnd #IT #security #informationsecurity #datasecurity #cloudsecurity #privacy
لكن هل تعلم أنك تستطيع الحصول على واحدة مجانية من عدة مصادر مثل:
🔵 #ZeroSSL
🔵 #CloudFlare
يمكنك استخدامها لتأمين مواقعك بشكل أو على الأقل لعرضها للعميل بدون الرسائل التحذيرية التي تظهرها المتصفحات.
إن كنت لا تعرف ماهي شهادة الـ #SSL:
هي شهادة رقمية تصادق على هوية موقع ويب وتتيح اتصالاً مشفرًا. بإمكانك التعرف عليها بشكل أكثر من خلال النقر هنا
#تحدي_ال30_يوم | [2/30]
➖➖➖➖➖➖➖➖➖➖➖➖
إن كنت تبحث عن مستقل لتنفيذ أعمالك، أو شخص في بداية عملك بشكل مستقل و تبحث عن مساعدة، تأكد من أنك سوف تجدها لدي.
فعل الجرس 🔔 ليصلك كل جديد من منشوراتي
#freelancer #webdevelopment #web #website #مستقل #UAE #IRAQ #ERBIL #SYRIA #Developer #career #Backend #FrontEnd #IT #security #informationsecurity #datasecurity #cloudsecurity #privacy
Linkedin
Somar Kesen on LinkedIn: #syria #ssl #ssl_certificate
كم عدد المرات التي رأيت بها:
رسالة " تحذير إن الموقع الذي تحاول الوصول إليه غير آمن" ⚠️
رمز " القفل الأخضر" قرب رابط الموقع في المتصفح 🔒
...
رسالة " تحذير إن الموقع الذي تحاول الوصول إليه غير آمن" ⚠️
رمز " القفل الأخضر" قرب رابط الموقع في المتصفح 🔒
...
❤1
#النصيحة_كانت_بجمل
عند العمل على مواقع من نوع #Blog أو #ecommerce أو أي موقع الـ #SEO فيه مهم:
❌ لا تستخدم الـ #vuejs
✅ استخدم الـ #NuxtJs
❌ لا تستخدم الـ #ReactJs
✅ استخدم الـ #NextJs
#webdevelopment #syria #iraq #UAE #erbil #webdesign #frontend
عند العمل على مواقع من نوع #Blog أو #ecommerce أو أي موقع الـ #SEO فيه مهم:
❌ لا تستخدم الـ #vuejs
✅ استخدم الـ #NuxtJs
❌ لا تستخدم الـ #ReactJs
✅ استخدم الـ #NextJs
#webdevelopment #syria #iraq #UAE #erbil #webdesign #frontend
❤7🔥1
عند العمل مع الـ Node تظهر العديد من المشاكل المتعلقة بأمور بيئة العمل و غيرها خصوصاً عندما تقوم بتغيير الإصدارات بين المشاريع.
أحد أشهر هذه الأمور هو ضرورة إضافة
--legacy-peer-deps
إلى كل أمر تنزيل تريده، الأمر الذي يصبح مزعجاً بعد فترة.
من أجل تنفيذ الأمر بشكل تلقائي مع كل أمر بإمكانك تنفيذ الأمر التالي في مشروعك و سوف يتم إضافة الـ flag إلى كل أوامرك بشكل تلقائي
#npm #react #vue #js #es6 #frontend #freelancer #Bug #tips #syria #uraq #Erbil #Uae
أحد أشهر هذه الأمور هو ضرورة إضافة
--legacy-peer-deps
إلى كل أمر تنزيل تريده، الأمر الذي يصبح مزعجاً بعد فترة.
من أجل تنفيذ الأمر بشكل تلقائي مع كل أمر بإمكانك تنفيذ الأمر التالي في مشروعك و سوف يتم إضافة الـ flag إلى كل أوامرك بشكل تلقائي
#npm #react #vue #js #es6 #frontend #freelancer #Bug #tips #syria #uraq #Erbil #Uae
❤5👍1
🚀 I've just released a Chrome extension that makes life a bit easier when dealing with password fields on web pages! 🤯
Introducing the "Show Password Inputs" Chrome extension! 🔐
What does it do? 🤔
This nifty tool allows you to toggle the input type of password fields on web pages from "password" to "text." Yep, you heard it right! It's super handy when you need to reveal your password while logging in or want to double-check the characters you've entered.
How to use it? 📚
1. Clone or download the repository from GitHub.
2. Load the extension in Chrome using the "Load unpacked" option in the Extensions menu.
3. Activate the extension by clicking on its icon in the Chrome toolbar.
4. Visit a webpage with password inputs and use the toggle switch to enable or disable the input type conversion.
Give it a try and let me know what you think! 🙌
Link to the GitHub repository :
https://github.com/somarkn99/showPasswords
---------------------------------------------
#ChromeExtension #WebDevelopment #OpenSource #GitHub #Productivity #javascripte #js #frontend
Introducing the "Show Password Inputs" Chrome extension! 🔐
What does it do? 🤔
This nifty tool allows you to toggle the input type of password fields on web pages from "password" to "text." Yep, you heard it right! It's super handy when you need to reveal your password while logging in or want to double-check the characters you've entered.
How to use it? 📚
1. Clone or download the repository from GitHub.
2. Load the extension in Chrome using the "Load unpacked" option in the Extensions menu.
3. Activate the extension by clicking on its icon in the Chrome toolbar.
4. Visit a webpage with password inputs and use the toggle switch to enable or disable the input type conversion.
Give it a try and let me know what you think! 🙌
Link to the GitHub repository :
https://github.com/somarkn99/showPasswords
---------------------------------------------
#ChromeExtension #WebDevelopment #OpenSource #GitHub #Productivity #javascripte #js #frontend
🔥6
Even though I'm not always working with #WordPress, but usually see myself against tasks with it.
So Today I faced a Task and couldn't find any #Plugin to help me with it.
So I decided to develop the Plugin with my hands, It was a great experience and my Plugin Worked successfully so I Uploaded it to WordPress.org to let others use it.
When I get back with approval email I will share the source code like open Source Project so we can all work on it.
Stay Tuned 🔥
#opensource #developer #wordpress #task #work #backend #frontend #syria #Iraq #erbil
So Today I faced a Task and couldn't find any #Plugin to help me with it.
So I decided to develop the Plugin with my hands, It was a great experience and my Plugin Worked successfully so I Uploaded it to WordPress.org to let others use it.
When I get back with approval email I will share the source code like open Source Project so we can all work on it.
Stay Tuned 🔥
#opensource #developer #wordpress #task #work #backend #frontend #syria #Iraq #erbil
👍2
Vite 7 وصل!
قبل 5 سنوات، أطلق Evan You أول commit في مستودع Vite، واليوم نحتفل بإصدار Vite 7، الذي يمثل نقلة نوعية جديدة في عالم أدوات تطوير الويب!
⚙️ ما الجديد ولماذا يهمك كمطور؟
Rolldown: مستقبل أسرع للبناء
Vite بدأ بالاعتماد على Rolldown – bundler جديد مبني بـ Rust – كبديل لـ Rollup. يمكنك الآن تجربته مباشرة عبر حزمة rolldown-vite. النتيجة؟ بناء أسرع، خصوصًا للمشاريع الكبيرة.
ESM Only ودعم Node.js الحديث
تم إسقاط دعم Node.js 18، والانتقال الكامل لـ ESM. هذه خطوة مهمة لتحديث البنية التحتية وتعزيز الأداء وتبسيط التوافق بين الأدوات.
Baseline Widely Available
الهدف الافتراضي للمتصفحات أصبح يعتمد على "Baseline" مما يعني دعم ميزات الويب الأكثر استقرارًا وانتشارًا. وداعًا للقلق بشأن دعم المتصفحات القديمة بشكل مفرط.
Vite DevTools قادمة!
بشراكة بين VoidZero و NuxtLabs، يعمل Anthony Fu على أدوات جديدة لتحليل وتصحيح تطبيقات Vite بسهولة واحترافية.
ViteConf لأول مرة حضورياً
أمستردام، 9-10 أكتوبر، مجتمع Vite يلتقي أخيرًا وجهًا لوجه!
💡 إذا كنت تستخدم Vite في مشاريعك أو تخطط لاعتماده، فهذه لحظة مثالية للتحديث، التجربة، والمساهمة. لا تنس مراجعة دليل التحديث قبل الترقية.
📣 المطورون الذين يبنون على Vite – سواء باستخدام React أو Vue أو Svelte أو غيرها – سيلاحظون فرقًا في الأداء، ومرونة في التخصيص، وتجربة تطوير أكثر ذكاءً.
هل جربت Rolldown أو بدأت بالانتقال لـ Vite 7؟ شاركني رأيك! 👇
#Vite #Frontend #WebDevelopment #ESM #DevTools #ViteConf #Rust #JavaScript #NodeJS #vite7 #Rolldown #NuxtLabs #VoidZero
قبل 5 سنوات، أطلق Evan You أول commit في مستودع Vite، واليوم نحتفل بإصدار Vite 7، الذي يمثل نقلة نوعية جديدة في عالم أدوات تطوير الويب!
⚙️ ما الجديد ولماذا يهمك كمطور؟
Rolldown: مستقبل أسرع للبناء
Vite بدأ بالاعتماد على Rolldown – bundler جديد مبني بـ Rust – كبديل لـ Rollup. يمكنك الآن تجربته مباشرة عبر حزمة rolldown-vite. النتيجة؟ بناء أسرع، خصوصًا للمشاريع الكبيرة.
ESM Only ودعم Node.js الحديث
تم إسقاط دعم Node.js 18، والانتقال الكامل لـ ESM. هذه خطوة مهمة لتحديث البنية التحتية وتعزيز الأداء وتبسيط التوافق بين الأدوات.
Baseline Widely Available
الهدف الافتراضي للمتصفحات أصبح يعتمد على "Baseline" مما يعني دعم ميزات الويب الأكثر استقرارًا وانتشارًا. وداعًا للقلق بشأن دعم المتصفحات القديمة بشكل مفرط.
Vite DevTools قادمة!
بشراكة بين VoidZero و NuxtLabs، يعمل Anthony Fu على أدوات جديدة لتحليل وتصحيح تطبيقات Vite بسهولة واحترافية.
ViteConf لأول مرة حضورياً
أمستردام، 9-10 أكتوبر، مجتمع Vite يلتقي أخيرًا وجهًا لوجه!
💡 إذا كنت تستخدم Vite في مشاريعك أو تخطط لاعتماده، فهذه لحظة مثالية للتحديث، التجربة، والمساهمة. لا تنس مراجعة دليل التحديث قبل الترقية.
📣 المطورون الذين يبنون على Vite – سواء باستخدام React أو Vue أو Svelte أو غيرها – سيلاحظون فرقًا في الأداء، ومرونة في التخصيص، وتجربة تطوير أكثر ذكاءً.
هل جربت Rolldown أو بدأت بالانتقال لـ Vite 7؟ شاركني رأيك! 👇
#Vite #Frontend #WebDevelopment #ESM #DevTools #ViteConf #Rust #JavaScript #NodeJS #vite7 #Rolldown #NuxtLabs #VoidZero