👑‏AJAX چیه؟
‏AJAX یه تکنولوژی واسه وب‌سایت‌هاست که بهشون اجازه میده بدون اینکه کل صفحه دوباره بارگذاری بشه، اطلاعات رو از سرور بگیرن یا به سرور بفرستن. اینجوری صفحات وب سریع‌تر و کاربرپسندتر میشن.

💎‏ اجزای اصلی AJAX
‏- HTML/CSS: برای ساختار و ظاهر صفحه استفاده میشه.
‏- JavaScript: برای فرستادن و دریافت کردن اطلاعات با سرور.
‏- XMLHttpRequest: این همون چیزیه که تو جاوااسکریپت استفاده میشه تا اطلاعات رو از سرور بگیریم یا بهش بفرستیم.
- زبان سمت سرور: مثل PHP یا Node.js که درخواست‌ها رو توی سرور پردازش می‌کنه.
- فرمت داده: معمولا از JSON یا XML استفاده میشه تا اطلاعات بین سرور و مرورگر جابجا بشن.

⚡️ چطور کار می‌کنه؟
1. شروع درخواست: مثلا وقتی کاربر یه دکمه رو میزنه، یه درخواست AJAX فرستاده میشه.
2. ساختن درخواست: توی جاوااسکریپت، یه شیء به نام XMLHttpRequest ساخته میشه.
3. فرستادن درخواست به سرور: درخواست به سرور فرستاده میشه.
4. پردازش در سرور: سرور درخواست رو پردازش می‌کنه و جواب رو آماده می‌کنه.
5. دریافت جواب: جواب سرور برمی‌گرده.
6. آپدیت صفحه: جاوااسکریپت داده‌های جدید رو می‌گیره و فقط اون قسمت از صفحه که لازمه رو آپدیت می‌کنه، بدون اینکه کل صفحه دوباره بارگذاری بشه.

✔️ مثال ساده:
فرض کن یه دکمه توی صفحه داری که وقتی روش کلیک می‌کنی، یه تیکه متن از سرور می‌گیری و توی صفحه نشون میدی:

<button onclick="loadData()">دریافت اطلاعات</button>
<div id="result"></div>

<script>
function loadData() {
    const xhttp = new XMLHttpRequest();
    xhttp.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
            document.getElementById("result").innerHTML = this.responseText;
        }
    };
    xhttp.open("GET", "data.txt", true);
    xhttp.send();
}
</script>

🔥 مزایا و معایب AJAX
◀️ مزایا:
- سرعت: صفحه سریع‌تر آپدیت میشه.
- تجربه بهتر: کاربر حس بهتری داره چون صفحه دوباره بارگذاری نمیشه.

◀️ معایب:
- مشکلات SEO: بعضی وقتا گوگل ممکنه نتونه محتوای سایت رو خوب پیدا کنه.
- پیچیدگی: مدیریت کردن درخواست‌ها و جواب‌ها کمی پیچیده‌تره.

#js #ajax
☕️ @CodeExplore

پکیج cachebox
یه پکیج پایتون برای کش کردن داخل مموری با سرعت فوق العاده که با زبان Rust نوشته شده.

+ از ۷ تا الگوریتم کش پشتیبانی میکنه...
+ از پایتون ۳.۸ تا ۳.۱۲ رو پشتیبانی میکنه
+ کاملا thread-safe
+ مموری خیلی کمی میگیره
+ ۱۰ تا ۳۰ برابر سریع تر از لایبرری های مشابه
+ خیلی رم کمتری هم مصرف میکنه

گیتهاب:
🌐https://github.com/awolverp/cachebox

نظراتتون ❤️:
🌐@awolverp

#cachebox #package
☕️ @CodeExolore

از حسرت‌های من اینه که کاش زودتر درک میکردم که «برنامه‌نویسی» خودش به تنهایی پولی ازش در نمیاد. در نهایت کارمندی...

درآمد اصلی از «محصول» ای هست که میشه با «برنامه نویسی» ساخت. که اینجا دیگه وارد دنیای تجارت و بازاریابی و هزارتا چیز دیگه میشیم؛ که کاش وقت بیشتری براشون میذاشتم.

#programming
☕️ @CodeExplore | </Amirreza Gh>

خودشه 😒

#fun
☕️ @CodeExplore | <Tamana Farzami/>

⚡️بیاین بریم امروز دوتا ابزاری که میشه باهاش با api های سمت بک اند ارتباط گرفت رو بررسی کنیم

‏💎‏ Fetch API چیه؟
‏fetch یه ابزار تو خود جاوااسکریپته که باهاش می‌تونی بری از سرور درخواست بدی و داده‌ها رو بگیری. این ابزار تو مرورگرهای جدید به‌طور پیش‌فرض هست، یعنی لازم نیست چیزی نصب کنی. خیلی ساده‌ست ولی یه جاهایی ممکنه اذیت کنه؛ مثلاً اگه سرور جواب بدی بهت، خودت باید بفهمی مشکل چیه، چون fetch فقط خطاهای خیلی بزرگ رو می‌گیره.

‏🔥 Axios چیه؟
حالا axios یه کتابخونه بیرونیه که باید نصبش کنی، ولی کلی امکانات باحال داره. مثلاً اگه سرور یه جواب بد بهت بده، خودش می‌فهمه و بهت میگه. این باعث می‌شه کار راحت‌تر بشه، مخصوصاً اگه پروژه پیچیده‌تر باشه. یه خوبی دیگه‌اش اینه که حتی اگه مرورگر قدیمی داشته باشی، بازم کار می‌کنه. از همه مهم‌تر، کلی قابلیت اضافه داره، مثل اینکه می‌تونی درخواست‌ها رو کنسل کنی، یا براشون تایم‌اوت بذاری، یا قبل از اینکه درخواست بره به سرور، توکن احراز هویت رو خودکار بهش اضافه کنی.

💥 خلاصه‌ی تفاوت‌ها:
- مدیریت خطاها: axios خودش خطاهای سرور رو مدیریت می‌کنه، ولی fetch نه.
- سازگاری با مرورگرها: axios حتی تو مرورگرهای قدیمی هم کار می‌کنه.
- امکانات بیشتر: axios کلی ابزار اضافه داره که کار رو راحت‌تر می‌کنه.

مثال‌ها:
- مثال ساده با `fetch`:

fetch('https://api.example.com/data')
  .then(response => {
    if (!response.ok) {
      throw new Error('HTTP error ' + response.status);
    }
    return response.json();
  })
  .then(data => console.log(data))
  .catch(error => console.error('Fetch error:', error));

- مثال ساده با `axios`:

axios.get('https://api.example.com/data')
  .then(response => console.log(response.data))
  .catch(error => console.error('Axios error:', error));

⭐️ جمع‌بندی:
اگه دنبال یه راه سریع و ساده برای کارای معمولی هستی، fetch بد نیست. ولی اگه قراره پروژه‌ات بزرگ‌تر باشه و نیاز به امکانات بیشتری داری، axios کارتو خیلی راحت‌تر می‌کنه.

#fetch #axios #javascript
☕️ @CodeExplore

👑یه منبع خوب با کلی ویدیو و مقاله خفن برای یادگیری Vue.js آوردم براتون که ادعا میکنه خیلی یوزر فرندلی هستش، هستش؟؟

🌲https://learnvue.co/

#vue #site
☕️ @CodeExplore

به عنوان یک نفر که ۵ ۶ سالی هست برنامه نویسی میکنه و اخیرا از ایران رفته بهتون میگم:
فریمورک مهم نیست زبان بلد باش
سابقه کاری ایران طلا هم باشه اینجا هیچ حسابش میکنن
رزومه برنامه نویس گیت هابش هست
داکیومنت بلد باش نه اینکه صد تا اموزش دیده باشی
و در اخر توی تیم، اجتماعی باش
هیچوقت نسبت به کدی که نوشتی گارد نگیر همیشه راهی واسه بهتر کردنش هست
حتی اگه یه موقعیت شغلی خوب داری کنارش دنبال کار آیندت هم بگرد شاید یه پوزیشن بهتر پیدا شد
روی سافت اسکیل هات به شدت کارکن
و اینکه جای کد زدن معماری یاد بگیر

این ها حسرت های من هستن که از دست دادمشون

• maggie •

🔥🔥🔥🔥🔥🔥🔥🔥
دوستان من سعی میکنم هر شب ، یا یک شب در میون ، تجربه افراد موفق در حوزه برنامه نویس رو بزارم که ما حواسمون به این موضوعات باشه و سعی کنیم در کنار هم راه حلی براش پیدا کنیم تا ما در آینده به این مشکلات بر نخوریم. خیلی دوست دارم نظرات شما و پیشنهادات شما رو تو این موضوعات بدونم که چه راه حلی براش دارید ، تا ما هم استفاده کنیم.
من فردا شب نظر خودمو راجب این پست میگم و دوست دارم نظرات شما رو هم بدونم :
🌐https://t.iss.one/CodeExplore/2554

#programming
☕️ @CodeExplore

ولی صداش لذت بخشه🍇

#fun
☕️ @CodeExplore

💎یه سایت براتون اوردم که هم ایکون، هم بک گراند، هم شکل و Divider و اینطور چیزا رو به صورت svg راحت در اختیارتون میده و این امکان رو بهتون میده که راحت کاستومایزشون کنین، خوبه نه؟

🌐https://www.svgbackgrounds.com/

#site #svg
☕️ @CodeExplore

‏یکی از چیزهایی که توی برنامه نویسی بهش کمتر پرداخته شده تمرکز بالا توی این کار هست. مثلا حتی موقع برنامه نویسی تو نمیتونی همزمان رویاپردازی کنی یا اینکه به چیز دیگه‌ای فکر کنی، انقدر توی کار عمیق میشی که گاهی نمیفهمی گشنه‌ات شده.

•Pesar•

نظر شما چیه دوستان ؟ به نظر من درست میگه ، من بشخصه خودم وقتی غرق برنامه نویسی میشم ، ذهن و فکرم میره تو برنامه نویسی و حتی خیلی از صداها رو شاید نشنوم و نمی تونم به جز برنامه نویسی به چیز دیگه ای فکر کنم

#programming
☕️ @CodeExplore

نظر شما چیه؟😔

#fun
☕️ @CodeExplore

🔥‏Blob چیه و به چه دردی می‌خوره؟

‏Blob یه چیزی تو جاوااسکریپته که بهت اجازه می‌ده داده‌های باینری رو توی مرورگر مدیریت کنی. حالا این داده‌ها چی می‌تونن باشن؟ هر چیزی! مثلاً یه عکس، یه فایل صوتی، یه متن یا حتی یه ویدئو. خلاصه، Blob وقتی به درد می‌خوره که می‌خوای با این جور فایل‌ها سر و کله بزنی.

⚡️‏ چطوری Blob می‌سازیم؟

مثلاً می‌خوای یه فایل متنی کوچیک بسازی:

let blob = new Blob(["سلام دنیا!"], { type: 'text/plain' });

اینجا یه Blob ساختیم که توش یه رشته (متن) هست و نوعش رو هم گفتیم متنه. این نوع خیلی مهمه چون به مرورگر می‌فهمونه که با چه جور داده‌ای طرفه.

✔️‏ Blob چه خاصیت‌هایی داره؟

‏- `size`: اندازه Blob رو به بایت (مثلاً چند کیلوبایته) نشون می‌ده.
‏- `type`: نوع Blob رو نشون می‌ده که مثلاً این یه متن ساده‌ست، یه عکس یا هر چیز دیگه.

console.log(blob.size); // اندازه داده‌ها
console.log(blob.type); // نوع داده

چطور از Blob یه تیکه بگیریم؟

اگه بخوای از یه Blob فقط یه تیکه کوچیک بگیری، می‌تونی از متد slice استفاده کنی:

let part = blob.slice(0, 5, 'text/plain');
console.log(part.size); // 5 بایت اول از Blob اصلی رو گرفتیم

💎 ساختن Blob از داده‌های مختلف

می‌تونی از هر جور داده‌ای مثل آرایه، رشته و غیره Blob بسازی:

let arrayOfData = new Uint8Array([72, 101, 108, 108, 111]);
let blobFromData = new Blob([arrayOfData], { type: 'text/plain' });

لینک دانلود بسازیم!

یه مثال باحال دیگه اینه که از Blob یه لینک دانلود بسازی:

let blob = new Blob(["سلام دنیا!"], { type: 'text/plain' });
let url = URL.createObjectURL(blob);

let a = document.createElement('a');
a.href = url;
a.download = 'hello.txt';
document.body.appendChild(a);
a.click();

URL.revokeObjectURL(url); // یادت نره URL رو بعد از استفاده آزاد کنی

⭐️‏ خوندن داده‌های Blob

اگه بخوای بدونی داخل Blob چیه، می‌تونی از FileReader استفاده کنی:

let reader = new FileReader();

reader.onload = function(event) {
  console.log(event.target.result); // محتوای Blob رو به عنوان متن نشون می‌ده
};

reader.readAsText(blob);

💎 ترکیب Blob با آپلود فایل

فرض کن می‌خوای یه فایل رو آپلود کنی. می‌تونی Blob رو داخل FormData بذاری و ارسالش کنی:

let formData = new FormData();
formData.append('file', blob, 'hello.txt');

fetch('/upload', {
  method: 'POST',
  body: formData
});

خلاصه‌اش چیه؟

💥‏Blob تو جاوااسکریپت خیلی بدرد بخوره اگه بخوای با فایل‌های مختلف کار کنی. می‌تونی راحت ازش برای ساختن، خوندن و آپلود کردن فایل‌ها استفاده کنی.

#js #blob #api
☕️ @CodeExplore

استفاده از else در کار با حلقه ها ⌨️

☄️این نکته که می‌خوام بگم شاید خیلی از افراد بهش توجه نکرده باشن: در پایتون، شما می‌تونید از "else" در کنار یک حلقه "for" یا "while" استفاده کنید، ولی این "else" فقط در صورتی اجرا می‌شه که حلقه بدون "break" به پایان برسه. این ویژگی ممکنه کمتر شناخته‌شده باشه.

for i in range(5):
    if i == 3:
        break
    print(i)
else:
    print("Loop finished without break")

🆒در این کد، چون حلقه با break متوقف می‌شه، بلوک else اجرا نخواهد شد. اما اگه break نبود، else اجرا می‌شد و "Loop finished without break" چاپ می‌شد. خیلی‌ها از این نکته آگاه نیستن و معمولاً else رو با if یا try مرتبط می‌دونن، نه با حلقه‌ها!

#python #trick
☕️ @CodeExplore

‏تصور نصف مردم ایران از تسلط بر کامپیوتر و برنامه نویسی ، یاد گرفته اِکسله :/

- کیاشا

#programming
☕️ @CodeExplore

بقیه وقتی که هوا سرده VS من وقتی که هوا سرده


#fun
☕️ @CodeExplore

🔥این چند تا سایت رو ببین، خیلی خوبن برای وقتی که می‌خوای سخت‌افزار یا تکنولوژی‌ها رو با هم مقایسه کنی:

1⃣‏ Tom's Hardware
این سایت خیلی مشهوره برای بررسی و مقایسه سخت‌افزار. هر چی که بخوای، از کارت گرافیک گرفته تا پردازنده، کامل توضیح داده.

2⃣‏ AnandTech
اینجا هم تخصصی‌تره و کلی بررسی دقیق و تخصصی داره. بیشتر روی چیزای مثل پردازنده‌ها و کارت گرافیک‌ها تمرکز داره.

3⃣‏ GSMArena
اگه دنبال مقایسه گوشی‌ها هستی، این سایت محشره. مشخصات دقیق گوشی‌ها رو می‌زنه و با هم مقایسه می‌کنه.

4⃣‏ Notebookcheck
این یکی بیشتر روی لپ‌تاپ‌ها و تبلت‌ها کار می‌کنه. نقدهای خیلی عمیقی داره و همه چیز رو از نظر فنی بررسی می‌کنه.

5⃣‏ TechSpot
تو این سایت می‌تونی مقایسه‌های خوبی از سخت‌افزارها پیدا کنی و کلی هم راهنمایی برای خرید داره.

این سایت‌ها رو داشته باش، وقتی خواستی چیزی بخری یا مقایسه کنی خیلی به کارت میان.

#site
☕️ @CodeExplore