چهار حالت لینک در CSS 🔵

1⃣حالت اول:

a:link

این حالت ، حالت اولیه و بازدید نشده اس. هنوز کاربر قصه ما روی لینک کلیک نکرده :)

🔢حالت دوم:

a:hover

اینجا کاربر موسش رو آورده روی لینک و داره فکر میکنه کلیک کنه یا نه

🔢حالت سوم:

a:active

اینجا دقیقا لحظه ایه که کاربر روی لینک کلیک کرده و دکمه کلیک موسش رو نگه داشته.

🔢حالت چهارم :

a:focus

وقتیه که کاربر لجش گرفته و با tab یا ... لینک رو انتخاب کرده.

🔢حالت پنجم:

a:visited

دیگه کاربر کلیک کرده و لینکو دیده ، حالا هم براش همون رنگ بنفشِ پیشفرض رو نشون میده!


#css #a #link
☕️ @CodeExplore

یه اکستنشن کاربردی و خفن براتون آوردم که میتونین با استفاده از اون، سئوی هر سایتی رو بررسی کنین و تلاش کنین سایت های خودتون رو با سئوی بهتری جلو ببرین

از لینک زیر به راحتی میتونین دانلود و نصبش کنین:
📥 دانلود

#seo #extention #site
☕️ @CodeExplore

⚡️روبی (Ruby) یه زبان برنامه‌نویسیه که تو سال 1995 توسط یوکیهیرو ماتسوموتو ساخته شد. هدفش این بود که برنامه‌نویسی رو راحت و لذت‌بخش کنه. به همین خاطر، روبی خیلی ساده و خوش‌خوانه.

💥ویژگی‌های روبی:
- شی‌ءگرا: تو روبی همه‌چیز یه شی‌ء محسوب میشه، حتی اعداد و رشته‌ها.
- سینتکس راحت: کدهای روبی ساده و مثل جمله عادی به نظر میان.
- انعطاف‌پذیر: با روبی می‌تونی به راحتی کدهات رو تغییر بدی و بهشون چیزهای جدید اضافه کنی.
- کتابخونه‌های زیاد: روبی پر از کتابخونه‌های آماده است که بهت کمک می‌کنه سریع‌تر کد بزنی.
- میکسین‌ها: به جای ارث‌بری پیچیده، می‌تونی ویژگی‌ها رو به راحتی به کلاس‌ها اضافه کنی.

💎 کاربردهای روبی:
- توسعه وب: روبی برای ساخت سایت‌ها خیلی معروفه، مخصوصاً با فریمورک روبی آن ریلز (Ruby on Rails).
- اسکریپت‌نویسی: برای کارهای خودکار و سریع‌نوشتن اسکریپت‌ها عالیه.
- پردازش داده‌ها: میشه ازش برای جمع‌آوری و تحلیل داده‌ها استفاده کرد.

#ruby
☕️ @CodeExplore

‏اگر فکر می‌کنید شغلتون هیچ ربطی به زبان انگلیسی و برنامه نویسی نداره و از الان به فکرشون نیستید، ۵ سال دیگه دو دستی توی سرتون خواهید زد.

#programming #english #job
☕️ @CodeExplore

خلاصه که اگر باباتون برنامه نویسه مواظب باشید درست بشمارید 😂

پ.ن: orphanage=یتیم خانه

#fun
☕️ @CodeExplore

💎یه لیست از محبوب ترین IDE ها همراه با درصد استفادهشون براتون اوردم. این امار هارو هم از منابعی مثل Stack Overflow Developer Survey یا JetBrains Developer Ecosystem گرفتم. توی این لیست، IDEها بر اساس درصد استفاده کاربران در سراسر جهان مرتب شدن.

‏1. Visual Studio Code (VS Code) - حدود 50% تا 60%
‌‏2. Visual Studio - حدود 15% تا 20%
‏3. IntelliJ IDEA - حدود 10% تا 15%
‏4. PyCharm - حدود 5% تا 10%
‏5. Eclipse - حدود 3% تا 5%
‏6. Android Studio - حدود 2% تا 4%
‏7. Xcode - حدود 2% تا 4%
‏8. NetBeans - حدود 1% تا 2%
‏9. PhpStorm - حدود 1% تا 2%
‏10. Sublime Text - حدود 1% تا 2%

🔥این درصد ها تقریبی هستن و ممکن است بسته به منبع و سال جمع‌آوری داده‌ها متفاوت باشن. Visual Studio Code (VS Code) به دلیل سادگی و افزونه‌های متعدد، محبوبیت زیادی در بین توسعه‌دهندگان دارد و معمولاً بالاترین درصد استفاده را به خود اختصاص می‌دهد.

#ide
☕️ @CodeExplore

⌨️ توی این سایت میتونید کد پایتونیتون رو کامل پیست کنید و خروجی رو یکجا ببینید.(به عبارتی دیگه، این یکی سایت مثل ترمینال عمل نمیکنه، مثل اجرای فایل پایتونی عمل میکنه!)

🔗 online-python

#python #online
☕️ @CodeExplore

🔥اگه دنبال یه سایت خفن برای پیدا کردن هرنوع فونتی هستین که بتونین سایز های مختلفش رو دانلود کنین یا حتی به صورت لینک انلاین ازش استفاده کنین این سایت پایین خیلی بهتون کمک میکنه:

🌐https://fonts.google.com/

#site #font
☕️ @CodeExplore

#fun
☕️ @CodeExplore

📌برای جاوااسکریپت همیشه کلی سایت و داکیومنت وجود داره ولی سایت زیر ادعا میکنه که جاوا اسکریپت رو به سبک مدرن یاد میده، و البته به 3 قسمت مختلف هم تقسیم کرده مباحث رو که خیلی راحت و سریع میتونین یادش بگیرین:

🌐https://javascript.info/

#site #document #javascript
☕️ @CodeExplore

🟢 سایت CSS Loaders مجموعه‌ای از انیمیشن‌های CSS رو برای استفاده در پروژه‌های وب ارائه میده. این سایت انواع مختلف لودینگ‌ها و انیمیشن‌های ساده و جذاب را به‌صورت رایگان در اختیار برنامه نویسا قرار میده تا بتونید بدون نیاز به نوشتن کد از صفر، لودینگ‌های مورد نیاز خودتون رو توی پروژه هاتون استفاده کنید.

#css #loader
☕️ @CodeExplore

متغیر debug در پایتون ⌨️

🔹میدونستین یک متغیر پیشفرض توی پایتون وجود داره که وقتی رانش میکنید True رو برمیگردونه؟

if __debug__ :
   print("Hello World")
else:
   print("GoodBye World")

🔺و اگر کدتون رو این شکلی اجرا کنید، متغیر false میشه:

python -O script.py

#python #trick #debug
☕️@CodeExplore | <OneDiagram/>

۱۵ تا سایت/اپلیکیشن برای یادگیری برنامه نویسی 💻

#site
☕️ @CodeExplore

👑خب دوستان گلم امروز قراره راجب دوتا تایپ توی JavaScript صحبت کنیم که زیاد جایی بهتون نمیگن

🦦اولین تایپی که میخام راجبش صحبت کنم، اسمش BigInt هستش و مربوط به اعدادی میشه که خیلی خیلی بزرگن، در اصل شما وقتی میخاین داخل یه متغیر به صورت معمولی یه عددی بریزین، بزرگ ترین عددش میشه 2 به توان 53 منهی 1 ( 9007199254740992 )، و کوچیک ترین عددش هم میشد همین عدد ولی منفی ( 9007199254740992- )
حالا این مقدار رو به صورت معمولی بریزین تو متغیر دیگه بیشتر از این نمیشه و برای مقادیر بزرگ تر ( خداییش داریم؟ ) میتونیم از تایپ BigInt استفاده کنیم

اول از همه شما این لاگ هارو ببینین:

console.log(9007199254740991 + 1); // 9007199254740992
console.log(9007199254740991 + 2); // 9007199254740992

حالا اگه ما بخایم از تایپ BigInt استفاده کنیم میایم و یه n به اخر عددمون اضافه میکنیم تا تبدیل به تایپ BigInt بشه:

let num = 1234567890123456789012345678901234567890n;
console.log(typeof num) //BigInt

و الان دیگه هرچی خاستی عدد بزن داداش
اینم بگم شما حتی میتونین یه عدد کوچیک رو هم BigInt کنین، مثلا:

let num = 10n;
console.log(typeof num) //BigInt

🔥و اما تایپ دومی که میخام معرفی کنم بهتون infinity هستش ، در اصل infinity و NAN به صورت تایپ های عددی خاص به حساب میان
حالا infinity چیه؟ اینه:

alert( 1 / 0) // Infinity

خب امیدوارم از این تایپ هایی که فکر نکنم تا اخر عمرتون به کارتون بیان لذت برده باشین😟

#js #numbers #types
☕️ @CodeExplore

🌲عزیزای Vue.js کار گل من، بیاین که براتون سایت زیر رو اوردم که باهاش به راحتی Marquee Slider بسازین و حالشو ببرین، دیزاینش خیلی خوشگله و اصن حال میکنین سایتشو نگا کنین:

🌕https://vue-marquee.com/

#site #vue
☕️ @CodeExplore