🔵 ایجاد پالت های رنگی با استفاده از تابع ()color-mix در CSS

تابع ()color-mix به ما این اجازه رو میده تا دو رنگی که می خوایم مخلوط کنیم رو مشخص کنیم و بعدش نتیجه رو خروجی بده. ما می تونیم مقدار هر رنگ در مخلوط رو کنترل کنیم، همچنین فضای تداخل رنگ رو مشخص کنیم که تعیین میکنه چطوری رنگ ها با همدیگه ترکیب میشن.

ما مقدار هر رنگ رو به صورت درصد مشخص می کنیم. اگر درصدهای هر دو رنگ رو حذف کنیم، تابع ()color-mix به طور پیش فرض برای هر کدوم از اونها از 50% حساب میکنه. همونطور که تو کد زیر نشان دادیم ، مخلوط کردن رنگ قرمز و آبی با مقدار برابر، به ما یک سایه بنفش خروجی میده.

.result {
  background-color: color-mix(in srgb, blue, red);
}

#css #function #color‌
☕️ @CodeExplore

چیزهایی که باید یه برنامه نویس بلد باشه 👨‍💻

💬 البته مشخصا همشون اجبار نیست،کدوما رو بلدین؟ بنظرتون کار با دیتابیس برای همه برنامه نویس ها اجباره؟ یا ساختمان داده چطور؟

#programming
☕️ @CodeExplore

کیا تا حالا ازین استفاده کردن؟

#fun
☕️ @CodeExplore

سلام. امیدوارم حالتون خوب باشه.
این ابزار کارش تزریق رنگ هست. اینطوری کار می‌کنه که هرچقدر که شما بخواید به صورت رندوم براتون کد رنگ تولید و تزریق می‌کنه (خودش خط هایی که توی فایل CSS مربوط به رنگ هست رو تشخیص میده.) و کار عوض کردن رنگ رو خیلی خیلی راحت کرده ولی می‌خوام علاوه بر تولید رندوم رنگ از یک سری سایت های مخصوص انتخاب پالت رنگ کد رنگ ها رو اسکرپ کنه. من با این کار آشنا نیستم و دانشگاه دارم از این جهت خوشحال میشم شما هم توی این کار همکاری کنید و بهش قابلیت اسکرپ رو اضافه کنید.
مطمئنم از این ابزار خوشتون میاد.😁
پس موفق باشید و امیدوارم ابزار بهتری برای برنامه نویس های فرانت‌اند خلق بشه.❤️

🌐 https://github.com/PAIREN1383/Color_Injector

#css #github
☕️ @CodeExplore | </Mr.M>

🌪 ریپازیتوری کاربردی از معروف ترین لیست های awesome گیت هاب که بصورت منظم آپدیت میشه

👉 https://github.com/jnv/lists

#awesome #github
☕️ @CodeExplore

📱مایکروسافت Copilot رو به هوش مصنوعی قدرتمند GPT-4o مجهز می‌کنه!

مایکروسافت یه آپدیت فوق‌العاده هیجان‌انگیز برای Copilot در نظر گرفته که اون رو به یه ابزار فوق‌العاده قدرتمند تبدیل می‌کنه.

با این آپدیت، Copilot می‌تونه به صورت لحظه‌ای محتوای صفحه شما رو ببینه و باهاتون صحبت کنه! ️ این یعنی Copilot می‌تونه در لحظه به شما کمک کنه، کدهاتون رو ویرایش کنه، به سوالاتتون پاسخ بده و حتی باهاتون چت کنه!

#Copilot #GPT4o
☕️ @CodeExplore

💥خوش اومدین به یکی دیگه از آموزش های OOP

امروز قراره به مبحث Encapsulation یا همون پوشش یا پوشاندن توی شیءگرایی بپردازیم

❓حالا Encapsulation چیه؟
-در اصل Encapsulation یعنی محدود کردن دسترسی به برخی از اجزای یک شیء، این کارو میتونیم با قرار دادن یسری داده ها و متد ها داخل کلاس انجام بدیم

☄️چرا باید از Encapsulation استفاده کنیم؟
-موقع استفاده از Encapsulation ، این اجازه به ما داده میشه که جزئیات رو از کاربران مخفی کنیم و فقط رابط کاربری رو نشون بدیم. اینطوری هم کدمون ساده تر و قابل فهم تره هم امنیت بیشتری داره و قابل نگهداری تره.

‼️استفاده از Getter و Setter در OOP ( برنامه نویسی شیءگرا ) : داخل OOP ما معمولا از getter و setter استفاده میکنیم تا دسترسی به ویژگی های یه شیء رو مدیریت و کنترل کنیم، این متد ها به ما این اجازه رو میدن که یسری عملیات خاص و کنترل شده رو هنگام دریافت یا تنظیم مقدار یه متغیر انجام بدیم

🔴حالا یه مثال میزنیم از getter و setter داخل OOP

class Car {
  constructor(model) {
    this._model = model;
  }

  get model() {
    return this._model;
  }

  set model(value) {
    if (value.length < 3) {
      console.log('Model is too short.');
      return;
    }
    this._model = value;
  }
}

let myCar = new Car("Toyota");
console.log(myCar.model);  // Outputs: "Toyota"

myCar.model = "VW";
console.log(myCar.model);  // Outputs: "VW"

myCar.model = "X";  // Outputs: "Model is too short."

#oop #oop_5
☕️ @CodeExplore

📱 مایکروسافت با Copilot+ PC، لپ‌تاپ‌های ویندوزی مبتنی بر هوش مصنوعی را معرفی می‌کند

▪️مایکروسافت در رویداد اخیر خود، از ابتکار جدیدی به نام Copilot+ PC رونمایی کرد که شامل لپ‌تاپ‌های سرفیس جدید و همچنین سیستم‌های همکار با تراشه‌های Snapdragon X Elite کوالکام می‌شود. این ابتکار بر روی هوش مصنوعی متمرکز است و هدف آن ارائه تجربه‌ای سریع‌تر و کارآمدتر برای کاربران ویندوز است.

▪️قابلیت جدید Recall که همراه با Copilot+ PC معرفی شد، به ویندوز ١١ اجازه می‌ده تا هر چیزی که می‌بیننه یا هر کاری که کاربر با کامیپوتر انجام می‌ده رو در حافظه نگه داره و بعدا بتونه بین تمام این اطلاعات جستجو کنه. مایکروسافت گفته تمامی این اطلاعات روی دستگاه و به صورت آفلاین پردازش میشن.

#Ai #Copilot #Microsoft
☕️ @CodeExplore

🔺 لیست پرطرفدار ترین هوش مصنوعی‌های رایگان

📱(شرکت OpenAi) ChatGPT
⬅️ اندروید | ios | سایت

📱 (گوگل) Gemini
⬅️اندروید | سایت

📱 (مایکروسافت) Copilot
⬅️اندروید | ios | سایت

❓ (آنتروپیک) Claude
⬅️ سایت

📱 (متا) MetaAi
⬅️ سایت

#ChatGPT #Gemini #Copilot #Claude #MetaAI
☕️ @CodeExplore

کار درستی کرد👌

#fun
☕️ @CodeExplore

✨تو لینک زیر می تونین با دیدن فیلم و تمرین کردن مفاهیم ساختمان داده ها و الگوریتم ها رو درک کنید ( راستی گواهی شرکت در دوره رو بهتون رایگان میده)

🌐 https://log2base2.com/courses/problem-solving-beginners/?lb_content=log2base2.com/dashboard/certificate&lb_cta=courses-nav_bar

💻 منبعی برای یادگیری برنامه‌نویسی که با تمرین های مختلف میتونید زبان های محبوب مختلف رو یاد بگیرید.

🔗 https://codestepbystep.com

#learn #practice #programming
☕️ @CodeExplore

😍 پست ناب جدید گیتهاب :
🌐 https://github.com/iRLords/ESP-Telegram-Bot

🍕 همونطور که توی خود README.md پست توضیح دادم ، شما میتونید وسایل الکترونیکی خودتون رو با این کد کنترل کنید!
🍀 فقط کافیه که میکروپایتون رو روی میکروکنترلر خودتون پروگرم کنید و این کد رو بریزید روش و ادیتش بزنید و میکروکنترلر رو به برق متصل کنید! بعد از اون میتونید وسایل الکترونیکیی که بهش متصل کردید رو تحت ربات تلگرامی و بصورت دکمه شیشه ای کنترل کنید ;)
🌿 همچنین میتونید با کلیک روی دکمه شیشه ای پین مورد نظر ، از وضعیت خاموش بودن یا روشن بودن پین باخبر بشید

☄️ مشکلی داشتید میتونید تو پیوی مطرح کنید.
🌹 موفق باشید.

🌐 Developer : @Py_Sudo

☕️ @CodeExplore

🥲 به درخواست بچه ها ویدیو آموزشی ران کردن این پروژه رو براتون ریکورد کردم

🤝 آخر ویدیو رو با گوشی ضبط کردم و از توی تلگرام با لپ تاپ LED هارو با ربات تلگرامی خاموش و روشن کردم

Developer : @Py_Sudo

☕️ @CodeExplore

⚡️اومدیم با یه آموزش دیگه از سری آموزشی OOP

📣امروز قراره راجب مبحث ارث بری ( Inheritance ) در OOP صحبت کنیم.

📌ارث بری ( Inheritance ) چیست؟؟
-ارث بری یعنی اینکه ما ویژگی ها و رفتار های یک کلاس رو به کلاس دیگه انتقال بدیم، یعنی یه کلاس داشته باشیم که ویژگی هاشو از یه کلاس دیگه به ارث برده و استفاده میکنه

⭐️کلاس های پایه و زیرکلاس ها:
-وقتی ما داریم از ارث بری استفاده میکنیم، اون کلاسی که ویژگی ها و متدهاشو به کلاس دیگه منتقل میکنه، بهش میگن کلاس پایه یا کلاس اصلی ( شما فرض کن پدر ) و اون کلاسی هم که ویژگی ها و متدهارو به ارث میبره میشه زیرکلاس یا کلاس مشتق (اینم میشه بچش)

👑ویژگی های ارث بری یا همون Inheritance چیه؟
✅کد تکراری کمتر: وقتی از ارث بری استفاده میکنیم، میتونیم کد های مشابه رو توی کلاس های مختلف به اشتراک بزاریم و هی تکرارشون نکنیم
✅سازماندهی بهتر : ارث بری این اجازه رو بمون میده که کلاس هارو به صورت سلسله مراتبی مدیریت و سازماندهی کنیم و ارتباط بین اونارو بهتر مدیریت کنیم
✅توسعه پذیری : وقتی زیرکلاس های جدید اضافه میکنیم میتونیم به سادگی رفتار ها و متد و ویژگی های جدید بهشون اضافه کنیم

حالا باهم یه مثال ببینیم:

class Animal {
  constructor(name) {
    this.name = name;
  }

  speak() {
    console.log(`${this.name} makes a sound.`);
  }
}

class Dog extends Animal {
  constructor(name, breed) {
    super(name);
    this.breed = breed;
  }

  bark() {
    console.log(`${this.name} barks!`);
  }
}

const myDog = new Dog("Buddy", "Golden Retriever");
myDog.speak();  // Outputs: "Buddy makes a sound."
myDog.bark();   // Outputs: "Buddy barks!"

#oop #oop_6
☕️ @CodeExplore

مجموعه ای از سوالات متداول مصاحبه که به شما کمک می کند برای مصاحبه بعدی خود آماده شوید.

🌪 github.com/Chalarangelo/30-seconds-of-interviews

#programming #interview
☕️ @CodeExplore

🔥همه میدونیم که توی Javascript ما عملگر های === و == داریم ( و همینطور =! یا ==!) اما دقیقا فرقشون چیه؟؟
وقتی ما از عملگر == یا =! استفاده میکنیم، اگر تایپ های مقادیر دو طرف متفاوت باشه میاد یه تبدیل تایپ انجام میده تا مقایسه رو انجام بده ولی === یا ==! این کارو نمیکنن و چک میکنن که تایپ هردو طرف هم مثل هم باشه

[10] === 10    // is false
[10]  == 10    // is true
'10' == 10     // is true
'10' === 10    // is false
[]   == 0     // is true
[] ===  0     // is false
'' == false   // is true but true == "a" is false
'' ===   false // is false

#javascript
☕️ @CodeExplore

همینهه

#fun
☕️ @CodeExplore

تو این ریپو زیر اضافه کردن متون تخصصی فارسی به منابع اصلی یادگیری گذاشته شده📚
لینک گیت هاب زیر مربوط به ریپویی هست که کارش ترجمه و فارسی سازی داکیومنت های Vue.js برای استفاده شما دوستان هست 🔥

🌐 https://github.com/vuejs-translations/docs-fa

اگه براتون مفید بود و حال کردید یادتون نره ستاره ⭐️ رو بزنید تا حمایت کوچیکی از این تیم ایرانی کرده باشید❤️

#document #vuejs
☕️ @CodeExplore

مسابقه ی Nahamcon CTF  امشب ساعت 10:30 به تایم ایران شروع میشه.
اگر ثبتنام نکردید تیم هاتون رو جمع کنید برای مسابقه:
🌐 https://ctf.nahamcon.com

#CTF #Nahamcon
☕️ @CodeExplore | </securation>