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

🔗 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>

پلاگین Bootstrap IntelliSense برای Visual Studio Code که تجربه برنامه نویسی با بوت استرپ رو برای شما بهتر و موثرتر میکنه. تکمیل خودکار کلاس های CSS، کاهش خطاها و صرفه جویی در زمان و سادگی کار با بوت استرپ از ویژگی های این ابزار هستش.

این اکستنشن از Tailwind CSS IntelliSense الهام گرفته شده و زمانی که در حال نوشتن بوت استرپ هستید کلاس های CSS رو به شما پیشنهاد میده.

🔗لینک دانلود

#bootstrap #IntelliSense
☕️ @CodeExplore | </Sina>

🔥خوش اومدین به یه آموزش دیگه از سری آموزشی OOP ، امروز قصد داریم راجب تو مفهوم دیگه از OOP صحبت کنیم

💥چندریختی ( Polymorphism ) در OOP
چندریختی یکی از پایه‌های اصلی برنامه نویسی شیءگراس که مفهومش میشه همون چندشکلی یا قابلیت داشتن چندین شکل که البته واضحه. این مفهوم به آبجکت هامون این اجازه رو میده تا رفتار های متفاوتی برای یه متود یا یه عمل یکسان از خودشون نشون بدن. یعنی میتونیم یه متود رو چندین بار تعریف کنیم و کارای مختلفی باهاش کنیم با اینکه اسمشون یکیه

◀️ویژگی های چندریختی:
🔴کد تمیزتر و قابل نگهداری تر
🔴انعطاف پذیری بالا
🔴توسعه پذیری بالا

مثال زیر نحوه استفاده از چند ریختی در زمان بارگذاری متود ( Method Overloading ) رو نشونتون میده:

class Shape {
  draw() {
    console.log("Drawing a shape");
  }

  draw(width, height) {
    console.log("Drawing a shape with width:", width, "and height:", height);
  }
}

class Circle extends Shape {
  draw() {
    console.log("Drawing a circle");
  }

  draw(radius) {
    console.log("Drawing a circle with radius:", radius);
  }
}

const circle = new Circle();

circle.draw(); // Output: Drawing a circle
circle.draw(10); // Output: Drawing a circle with radius: 10

const shape = new Shape();
shape.draw(); // Output: Drawing a shape

☄️توی مثال بالا ما اومدیم و چندریختی رو روی متود draw پیاده کردیم و درسته چندین متود drow داریم ولی هرکدوم یه کار جدا میکنن و طبق ورودی خودش مشخص میشه دقیقا کدوم یکیش صدا زده بشه

👑وابستگی ( Dependency ) در OOP
وابستگی در OOP اشاره به ارتباط دوتا کلاس به هم داره که یعنی یه کلاس برای اینکه کارشو انجام بده نیاز به یه کلاس دیگه داره، این وابستگی ها هم میتونه به صورت مستقیم یا غیر مستقیم باشه

◀️ویژگی های وابستگی در OOP
🔵کد تمیز تر
🔵قابلیت ازمایش پذیری بیشتر
🔵انعطاف پذیری بالا
🔵استفاده مجدد

یه مثال هم از وابستگی باهم ببینیم:

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

  makeSound() {
    this.soundMaker.makeSound(this);
  }
}

class SoundMaker {
  makeSound(animal) {
    console.log(`${animal.name} makes a ${animal.sound}`);
  }
}

const dog = new Animal("Dog", new SoundMaker());
const cat = new Animal("Cat", new SoundMaker());

dog.makeSound(); // Output: Dog makes a bark
cat.makeSound(); // Output: Cat makes a meow

#oop #oop_7
☕️ @CodeExplore

چرخش صفحه با استفاده از پایتون ⌨️

⚡️توی این پست، یک برنامه ای میخوایم بنویسیم که هر یک ثانیه صفحه رو بچرخونه، البته که این کار با کتابخونه انجام میشه پس حتما این خط رو توی cmd تون اجرا کنید:

pip install rotate-screen

حالا ایمپورتش میکنیم و کدمون رو مینویسیم:

import time
import rotatescreen as rs

display = rs.get_primary_displayed()
listOfAngels = [90,180,270,0]

while True:
     for x in listOfAngels:
          display.rotate_to(x)
          time.sleep(1)

⚠️فقط حواستون باشه که قبل از اجرای این حتما کاراتون رو ذخیره بکنید چون ممکنه بعد از اجراش خیلی سخت بشه جلوش رو بگیرید(مخصوصا اگر توی وی اس کد در حال اجراش هستید)

#python #rotatescreen
☕️ @CodeExplore

‌‏🧠 مدیرعامل OpenAI: هوش مصنوعی GPT-5 مانند یک مغز مجازی خواهد بود

‏▪️سم آلتمن (Sam Altman)، مدیرعامل شرکت OpenAI و یکی از سرمایه‌گذاران خطرپذیر سیلیکون ولی، در تازه‌ترین مصاحبه خود به پیچیدگی‌های GPT-4 پرداخته و برنامه‌های آینده این شرکت برای توسعه GPT-5 اشاره کرده است.

‏▪️آلتمن در صحبت‌های خود چشم‌انداز در حال تکامل هوش مصنوعی و تأثیر عمیق آن بر تعاملات انسانی و زمینه‌های برنامه‌نویسی را مطرح کرد. به گفته وی، طی 12 ماه گذشته قابلیت‌های هوش مصنوعی در حوزه برنامه‌نویسی به اوج خود خواهد رسید. وی همچنین معتقد است که GPT-5 ممکن است مانند یک مغز مجازی عمل کرده و به کاربر در رابطه با انجام وظایف مختلف کمک کند.
‏
#Ai #ChatGPT
☕️ @CodeExplore

با من آماده شین بریم کد SQL بنویسیم 😄

#fun
☕️ @CodeExplore

✨تعریف و مقداردهی اولیه آرایه‌ها:
توی javascript میتونم یه آرایه رو به طوری مدیریت کنیم که تعداد اعضا و اندازش رو مشخص کنیم و با یسری مقادیر پیش فرض هم پرش کنیم

const array = Array(5).fill('');
const matrix = Array(5).fill(0).map(()=>Array(5).fill(0));

#javascript
☕️ @CodeExplore

ری‌اکت ۱۹ که به تازگی رونمایی شده است‌:

1️⃣یکی از جدیدترین قابلیت‌ها در react compiler این است که react به صورت خودکار تصمیم میگیرد که چگونه و چه زمانی state را تغییر دهد و رابط کاربری را بروز کند.
با این کار، ما دیگر نیازی به انجام این کار به صورت دستی نداریم. همچنین به این معنی است که نیازی به استفاده از ()useMemo()، useCallbackو ()memo نیست.


2️⃣تا به حال، اجزای React عمدتاً در سمت کلاینت اجرا می شدند. اما React در حال معرفی مفهوم پیشگامانه اجرای اجزا در سمت سرور است.
در react 19 مولفه‌های سرور مستقیما در react ادغام میشوند . برای استفاده از این منظور شما فقط باید "use server" را به عنوان خط اول جز اضافه کنید. که کامپوننت خود را به یک کامپوننت سمت سرور تبدیل میکند.


3️⃣یکی دیگر از قابلیت‌های جالب Action است که به جای استفاده از onsubmit در form ها میتونیم از این ویژگی استفاده کنیم . مقدار ویژگی action روشی برای ارسال داده‌ها در سمت مشتری یا سرور خواهد بود.هدف این است که کار با فرم ها و مدیریت داده‌ها آسان تر شود.


4️⃣اگر بخواهید از metadata برای تعیین title , description هر صفحه استفاده کنید میتوانید از قابلیت جدید ریکت که در بهینه‌ سازی سئو بسیار موثر استفاده کنید .
از آنجا که React ۱۹ از Server Side Rendering (SSR) پشتیبانی می‌کند، شما می‌توانید این اطلاعات را به طور دینامیک در سمت سرور تولید کرده و به صفحات خود اضافه کنید.


5️⃣در ریکت باید عملکرد برنامه‌ها رو به ویژه با تصاویر و سایر فایل‌های دارایی به دقت مدیریت کنیم اغلب view ابتدا در مرورگر رندر میشود سپس تصاویر و فایل‌ها و ... که این میتواند منجر به کند شدن یا نمایش یک محتوای بدون استایل شود .
در React 19، تصاویر و سایر فایل‌ها در پس‌زمینه بارگذاری می‌شوند که باعث بهبود زمان بارگذاری صفحه و کاهش دوره انتظار میشود.


6️⃣یک hook جدید به اسم use()
این هوک نحوه استفاده از promises , async code را ساده‌ تر میکند از این هوک برای اجرای fetch‌ها به جای استفاده از useEffect یا useState استفاده میکنیم.


7️⃣یک hook جدید به اسم useFormState()
این هوک به شما این امکان را میدهد که state هارا بر اساس نتیجه ارسال فرم خود به روز کنید.

const [state, formAction] = useFormState(fn, initialState, permalink?);

🔥🔥🔥🔥🔥🔥🔥🔥
منبع :
🖥 https://www.linkedin.com/in/paria-jokar

#react19
☕️ @CodeExplore

سایت برای مشارکت در پروژه های اوپن سورس 💻

🟢تا حالا دلتون خواسته توی پروژه های بزرگ اوپن سورس دست ببرید؟ و یا باگی پیدا بکنید و بخواید حلش بکنید؟ خب این سایت دقیقا کاربردش همینه!

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

🔗 codetriage

#opensource
☕️ @CodeExplore

📌خوش اومدین به آخرین قسمت از سری آموزشی OOP و امروز هم قراره راجب 2 مفهوم دیگه از برنامه نویس شیءگرا بپردازیم

🔥ترکیب ( Composition ) در OOP
-ترکیب یه مفهوم پایه تو OOP به حساب میاد که این امکانو به ما میده که آبجکت هامون رو از یه آبجکت دیگه بسازیم. و خصوصیات و ویژگی های هردورو باهم ترکیب کنیم
ترکیب در اصل یه نوعی از ارتباط بین آبجکت هاس که توی اون یه آبجکت که آبجکت صاحب هست، تمام خصوصیات و ویژگی های یک یا چند آبجکت دیگه رو توی خودش جا میده، یعنی آبجکت صاحب از بقیه آبجکت های جزء به عنوان اجزاء خودش استفاده میکنه

◀️ترکیب ( Composition ) در OOP سه تا مرحله مهم داره
🔵تعریف کلاس های پایه
🔵ایجاد کردن رابطه ترکیب
🔵استفاده از خصوصیات شیء های جزء

✅مزایاش چیه؟
🔵قابلیت استفاده مجدد
🔵ماژولار بودن
🔵قابلیت نگهداری بالاتر

یه مثال ازش ببینیم:

class VendingMachine {
  constructor(products, coins) {
    this.products = products;
    this.coins = coins;
  }

  selectProduct(productCode) {
    const product = this.products.find(p => p.code === productCode);
    if (!product) {
      throw new Error("Invalid product code");
    }
    return product;
  }

  insertCoin(coinValue) {
    this.coins.push(coinValue);
  }

  returnCoins() {
    const totalCoins = this.coins.reduce((sum, coin) => sum + coin, 0);
    this.coins = [];
    return totalCoins;
  }

  dispenseProduct(productCode) {
    const product = this.selectProduct(productCode);
    const price = product.price;

    const totalCoins = this.coins.reduce((sum, coin) => sum + coin, 0);
    if (totalCoins < price) {
      throw new Error("Insufficient funds");
    }

    const change = totalCoins - price;
    this.coins = [];

    console.log(`Here is your ${product.name}.`);
    if (change > 0) {
      console.log(`Your change is ${change} coins.`);
    }
  }
}

class Product {
  constructor(code, name, price) {
    this.code = code;
    this.name = name;
    this.price = price;
  }
}

class Coin {
  constructor(value) {
    this.value = value;
  }
}

// Create products and coins
const products = [
  new Product("A1", "Snickers", 100),
  new Product("B2", "Coke", 80),
  new Product("C3", "Chips", 60),
];

const coins = [
  new Coin(50),
  new Coin(20),
  new Coin(10),
];

// Create vending machine
const vendingMachine = new VendingMachine(products, coins);

// Simulate usage
vendingMachine.insertCoin(50);
vendingMachine.insertCoin(50);
vendingMachine.selectProduct("B2");
vendingMachine.dispenseProduct("B2");

console.log("Remaining coins:", vendingMachine.returnCoins());

💎واسط ( Interface ) ها در OOP
-یک واسط در OOP مجموعه‌ای از متدهارو تعریف میکنه که یه کلاس یا شیء باید اون مجموعه رو پیاده سازی کنه. واسط ها این قابلیت رو به ما میدن که بدون نیاز به وراثت، بین آبجکت هامون رفتار های مشابه ایجاد کنیم، دقت کنین توی زبان های مختلف ممکنه مفهومش متفاوت باشه، مثلا ما توی Javascript اگه بخایم از واسط ها استفاده کنیم باید بریم Typescript و اینترفیس تعریف کنیم که توی مثال باهم میبینیم

◀️مزایای استفاده از واسط ها:
🟢انعطاف پذیری بالا
🟢قابلیت استفاده مجدد
🟢طراحی شیءگرا

مثال استفاده از واسط ها:

interface Shape {
  draw();
  getArea();
}

class Circle implements Shape {
  constructor(radius) {
    this.radius = radius;
  }

  draw() {
    console.log("Drawing a circle with radius", this.radius);
  }

  getArea() {
    return Math.PI * this.radius * this.radius;
  }
}

class Square implements Shape {
  constructor(sideLength) {
    this.sideLength = sideLength;
  }

  draw() {
    console.log("Drawing a square with side length", this.sideLength);
  }

  getArea() {
    return this.sideLength * this.sideLength;
  }
}

// Create shapes
const circle = new Circle(5);
const square = new Square(10);

// Draw and calculate area
circle.draw();
console.log("Circle area:", circle.getArea());

square.draw();
console.log("Square area:", square.getArea());

🩷خب دوستان دیگه مباحث اصلی OOP تموم شد و ما سعی کردیم کامل و با مثال براتون توضیح بدیم امیدوارم از این سری آموزشی لذت برده باشین و ممنونیم از اینکه حمایتمون میکنین

#oop #oop_8
☕️ @CodeExplore

جایگزین های مختلف برای نرم افزار ها ☑️

💬تا حالا دقت نکرده بودم که بینگ از گوگل امن تره،البته چکش هم نکردم، نظر شما چیه؟

#security
☕️ @CodeExplore

ایده های بزرگ کم نیستند، چیزی که کم است فقدان اراده لازم برای اجرای آنهاست!

"ست گادین"

#motivational
☕️ @CodeExplore