کافه برنامه نویسان | 𝗣𝗿𝗼𝗴𝗿𝗮𝗺𝗲𝗿s 𝗖𝗮𝗳𝗲 – Telegram
کافه برنامه نویسان | 𝗣𝗿𝗼𝗴𝗿𝗮𝗺𝗲𝗿s 𝗖𝗮𝗳𝗲
2.75K subscribers
1.08K photos
264 videos
30 files
1.13K links
👈 اینجا جایی است که یاد می‌گیریم و ایده‌هایمان را به واقعیت تبدیل می‌کنیم و در نهایت با هم رشد می‌کنیم

💬 Group : @IRdeveloperchat
تبادل / تبلیغات : @ProgramersCafeSup 🫴


♂️ مالک : @Ali_Rohany ♂️
Download Telegram
⚡️ ارسال درخواست با جاوا اسکریپت :

یکی از دانش های مورد نیاز از جاوا اسکریپت ارسال درخواست (http) هست .

🔥 دو روش رایج برای ارسال درخواست با جاوا اسکریپت وجود دارد :

1. استفاده از XML HttpRequest (XHR)

2. استفاده از Fetch API مدرن‌تر و کاربرپسندتر است

ارسال درخواست GET با XHR:

یک نمونه کد ساده برای ارسال درخواست GET با استفاده از XHR :

const xhr = new XMLHttpRequest();
xhr.open('GET', 'https://www.example.com/data.json');
xhr.onload = function() {
  if (xhr.status === 200) {
    console.log(JSON.parse(xhr.responseText));
  } else {
    console.error('Error:', xhr.statusText);
  }
};
xhr.send();


ارسال درخواست POST با XHR :

برای ارسال درخواست POST با XHR، باید از هدر Content-Type برای داده ارسالی استفاده کنید.

const xhr = new XMLHttpRequest();
xhr.open('POST', 'https://www.example.com/submit-data');
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.onload = function() {
  if (xhr.status === 200) {
    console.log('Data submitted successfully!');
  } else {
    console.error('Error:', xhr.statusText);
  }
};
const data = {
  name: 'John Doe',
  email: 'johndoe@example.com',
  message: 'This is a test message.'
};
xhr.send(JSON.stringify(data));

#Js #programming

ممنون که مارو به دوستاتون معرفی میکنید❤️

Channel • @Cafe_Of_Code

Group • @Cafe_Code_Gap
3🔥3
⌨️ معنی دقیق هر Status Code ⌨️

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


#programming ##interview


Channel • @Cafe_Of_Code

Group • @Cafe_Code_Gap
🔥9
⚡️توی این پست می‌خوام که برای شما عزیزان بگم که چجوری میتونیم ایموجی یا شکلک بسازیم

ببین چندین روش هست که مثلاً اگر از vscode استفاده میکنید لازم نیست که بیاید خودتون شکلک بسازید یا از unicode استفاده کنید خودش بصورت پیش فرض دارد خب البته این قابلیت فقط در ویندوز 10 یا mac فعال است در ویندوز های دیگر فعال نیست خب حالا چگونه فعال کنیم این گزینه رو؟
وقتی که وارد vscodeمیشود و یه متنی رو تایپ میکنید بعد اگه که میخواهید شکلک بدید یا ایموجی گزینه
Win + .

را میزنید تا که ازش استفاده کنید.

و اما اگه که خواسته باشید خودتون بسازید با python از کد زیر استفاده میکنید
import emoji

print(emoji.emojize(":thumbs_up:"))
print(emoji.demojize("😊"))
print(emoji.emojize(":eagle:") + emoji.emojize(":v:"))

ببنید اول اومدیم کتابخانه emoji رو امیپورت کردیم که شما میتوانید با استفاده از کد
pip install emoji 

نصب کنید
خب بعد اومدیم ایموجی لایک رو چاپ کردیم با استفاده از کد
print(emoji.emojize(":thumbs_up:"))

دقت داشته باشید که باید اسم ایموجی مورد نظر رو بدونید تا اینکه چاپ کنید.
و در ضمن اگه که اسم ایموجی مورد نظر رو نمی‌دونستی میتونی از سایت زیر
https://unicode.org/
استفاده کنید

#python #emoji #unicode

#Ah_sear

Channel ° @Cafe_Of_Code
Group ° @Cafe_Code_Gap
6👨‍💻3
🔥شاید توی پروژه ای براتون پیش اومده باشه که بخواید رنگ های رندوم بسازید برای کارای مختلف

⚡️ خیلی ساده میتونید با یه فانکشن بیاید و این مورد رو پیاده سازی کنید

function getRandomColor() {
const r = Math.floor(Math.random() * 256);
const g = Math.floor(Math.random() * 256);
const b = Math.floor(Math.random() * 256);
return rgb(${r}, ${g}, ${b});
}

#Js #programming


Channel • @Cafe_Of_Code

Group • @Cafe_Code_Gap
6👨‍💻3👍1
💥 شبکه ارتباطی موبایل چگونه کار می‌کند؟

💯 اینجوری درک بهتری در مورد شبکه‌های ارتباطی دارید ؛

Channel ° @Cafe_Of_Code
Group ° @Cafe_Code_Gap
👨‍💻6
⚡️میخوام براتون توی این پست بگم که چجوری متن مون رو به کدگذاری هگزادسیمال تبدیل کنیم.

این کد رو رو ببنید
text = "Hello, World!"
hex_text = text.encode().hex()
print("متن به فرمت هگزادسیمال: ", hex_text)

⁉️اول از همه هگزادسیمال چیست⁉️

💥 هگزادسیمال یک سیستم عددی است که از اعداد 0 تا 9 و حروف A تا F برای نمایش اعداد استفاده می‌کند. به عنوان مثال، عدد 10 در هگزادسیمال نمایش داده می‌شود به صورت "A" و عدد 15 به صورت "F" نمایش داده می‌شود.

اول از همه مغییر متن مون رو تعریف کردیم
text = "Hello, World!"

بعد با استفاده از تابع hex اومدیم به هگزادسیمال تبدیل کردیم
hex_text = text.encode().hex()
print("متن به فرمت هگزادسیمال: ", hex_text)

ببنید خیلی ساده توی سه خط کد این رمز گذاری روی یاد گرفتیم🔥

🔆 راستی میخواستم که روش تبدیل به متن واقعی کد هگزادسیمال رو هم بگم ولی گفتم که ببینم کسی می‌تونه بگه اگه می‌تونست تو کامنت ها جواب رو بگه💯

#python

#Ah_sear

Channel ° @Cafe_Of_Code
Group ° @Cafe_Code_Gap
4🔥2👨‍💻1
This media is not supported in your browser
VIEW IN TELEGRAM
⁉️ زبان برنامه نویسی مورد علاقتون چیه ؟

جاوااسکریپتت ❤️
پایتون 🔥
جاوا👨‍💻
C++😍
C🕊
php⚡️

💯سایر زبان ها ( کامنت کنید )💯

#programming
#python #Js #C #C++ #Php #Java

Channel • @Cafe_Of_Code

Group • @Cafe_Code_Gap
🔥1811😍32👨‍💻2🕊1💔1
💎 آدمایی که میخوان موفق بشن⚡️

۱۰۰ درصدشون میخوان موفق بشن .
۵۲ درصدشون برنامه ریزی میکنن .
۱۶ درصدشون بهش عمل میکنن .
۴ درصدشون تسلیم نمیشن.

همینو تعمیم بده برای برنامه نویسی، همه دوست دارن برنامه نویس بشن، ولی کسایی که پیگیر هستن و تمرین میکنن برنامه نویس میشن و به درآمد مد نظرشون میرسن.


#programming

Channel • @Cafe_Of_Code

Group • @Cafe_Code_Gap
6🔥4
⚡️ وقتی بعد گذروندن دوره «آموزش برنامه نویسی در ۳۰ روز» وارد بازار کار میشی 😂:))

#programming #Fun

Channel • @Cafe_Of_Code

Group • @Cafe_Code_Gap
🤣18
بخش زیادی از قابلیت‌های پولی ChatGPT برای نسخه رایگان هم در دسترس قرار گرفت.

#News #Ai
🔥75💔1
شاید که خیلیا پول خرید هاست رو ندارید یا هم اگه که دارید فقط میخواهید تست بگیرید از کدی که نوشتید.

⚡️خب سایت pythonanywhere.com این قابلیت در اختیار تان میگذاره

یاد تان باشد که فقط هر کاربر میتواند 512MB استفاده کند

یه چیز دیگه آیی که من از این سایت فهمیدم اینه که شما میتوانید با یک ایمیل چند تا اکانت بسازید فقط پسورد و نام کاربر رو تغییر دهید البته فک کنم چون من دو تا اکانت با یه ایمیل ساختم


فقط برای python است

#python #site #programming

#Ah_sear

Channel ° @Cafe_Of_Code
Group ° @Cafe_Code_Gap
🔥11
اپل و OpenAI برای آوردن قابلیت‌های ChatGPT به iOS 18 به توافق رسیدن .

#News #Ai

Channel ° @Cafe_Of_Code
Group ° @Cafe_Code_Gap
🔥53
💥 سرعت کد نویست رو حداقل 2 برابر کن😳

فقط کافیه افزونه Tabnine رو روی VS Code نصب کنید. ویژگی‌های اصلی افزونه Tabnine:

⚡️ تکمیل خودکار کد : افزونه Tabnine به صورت خودکار و هوشمند پیشنهاداتی برای تکمیل خودکار کدهای شما ارائه می‌دهد.

⚡️ پشتیبانی از زبان‌های برنامه‌نویسی مختلف : این افزونه پشتیبانی از متداولترین زبان‌های برنامه‌نویسی مانند Python، JavaScript، Java، ++Cو ... را داراست.

⚡️ پیشنهادات مخصوص پروژه : Tabnine از اطلاعات مرتبط با پروژه شما استفاده می‌کند تا پیشنهاداتی متناسب با ساختار و نیازهای پروژه شما ارائه دهد.

⚙️ با استفاده از افزونه Tabnine، می‌توانید فرایند نوشتن کد را سریع‌تر و کارآمدتر کنید و همچنین از کیفیت کدهای خود بهترین حد ممکن را بدست آورید.

اگر برنامه نویسی براتون جدی هستش از این افزونه حتما استفاده کنید. خداستتتت ...


🔗 لینک افزونه


#VsCode #programming

Channel • @Cafe_Of_Code

Group • @Cafe_Code_Gap
5🔥4👨‍💻2
امروز 1 ژوئن ، روز جهانی پدر و مادره ؛

#News
11
خب قبلاً روش تبدیل متن رو به کد هگزادسیمال گفته بودم اما روش تبدیل کد را به متن واقعی نگفته بودم چون می‌خواستم ببینم کسی بلده یا نه ولی متاسفانه کسی بلد نبود😞💔
برای دیدن پست کلیک کنید
توی این پس می‌خوام که بگم😊

💥اول از همه این کد رو ببینید
text = "Hello, World!"
hex_text = text.encode().hex()
print("متن به فرمت هگزادسیمال: ", hex_text)

#بازگشایی کد هگزادسیمال
decoded_text = bytes.fromhex(hex_text).decode()
print("بازگشایی هگزادسیمال: ", decoded_text)

خب ببیند دو لاین اول را که قبلاً گذاشته بودم که میاد متن را به هگزادسیمال تبدیل میکند و لاین های پایین
decoded_text = bytes.fromhex(hex_text).decode()

توی این لاین اومدیم کدی را که ساخته بودیم رو بازگشایی کردیم.
به جای hex_text شما میتوانید یک رمز دیگری را بگذارید hex_text همان متن رمزنگاری شده می‌باشد
print("بازگشایی هگزادسیمال: ", decoded_text)

توی این لاین اومدیم کد را به متن نمایش دادیم

⚡️تمامم⚡️

#python

#Ah_sear

Channel ° @Cafe_Of_Code
Group ° @Cafe_Code_Gap
6🔥2👨‍💻2
🔆 انجام تمرین ساخت برنامه موسیقی با جاوا اسکریپت🔥

⚡️توضیحات پروژه⚡️

در این تمرین ،
«شنونده‌های رویداد» (eventListeners) را معرفی می‌کنیم که براساس صفحه کلید عمل می‌کنند.
💥 به عنوان مثال ،
اگر کلید "S" فشار داده شود، یک رویداد رخ خواهد داد. هر کدام از کلیدها کد و اکشن متفاوتی خواهند داشت. به غیر از شنوندگان رویداد، نحوه افزودن و پخش فایل‌های صوتی را نیز یاد خواهیم گرفت. توجه داشته باشید که استایل‌دهی CSS بسیار ابتدایی به پروژه اضافه شده است، زیرا تمرکز اینجا روی جاوا اسکریپت قرار دارد و شما باید صداها و تصویر پس‌زمینه خود را وارد کنید تا برنامه به طور کامل کار کند .

کدهای این تمرین در ادامه آمده است.

<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<noscript>KeyBoard Music</noscript>
</head>
<body>
<div class="keys">
   <div data-key="65" class="key">
     <kbd>A</kbd>
   </div>
   <div data-key="83" class="key">
     <kbd>S</kbd>
   </div>
   <div data-key="68" class="key">
     <kbd>D</kbd>
   </div>
   <div data-key="70" class="key">
     <kbd>F</kbd>
   </div>
   <div data-key="71" class="key">
     <kbd>G</kbd>
   </div>
   <div data-key="72" class="key">
     <kbd>H</kbd>
   </div>
   <div data-key="74" class="key">
     <kbd>J</kbd>
   </div>
   <div data-key="75" class="key">
     <kbd>K</kbd>
   </div>
   <div data-key="76" class="key">
     <kbd>L</kbd>
   </div>
</div>
<audio data-key="65" src="sounds/clap.wav"></audio>
<audio data-key="83" src="sounds/chord.wav"></audio>
<audio data-key="68" src="sounds/ride.wav"></audio>
<audio data-key="70" src="sounds/openhat.wav"></audio>
<audio data-key="71" src="sounds/tink.wav"></audio>
<audio data-key="72" src="sounds/kick.wav"></audio>
<audio data-key="74" src="sounds/swipe.wav"></audio>
<audio data-key="75" src="sounds/tom.wav"></audio>
<audio data-key="76" src="sounds/boom.wav"></audio>
</body>
<noscript>
function removeTransition(event) {
if (event.propertyName !== 'transform') return
event.target.classList.remove('playing')
}
function playSound(event) {
const audio = document.querySelector(`audio[data-key="${event.keyCode}"]`)
const key = document.querySelector(`div[data-key="${event.keyCode}"]`)
if (!audio) return
key.classList.add('playing')
audio.currentTime = 0
audio.play()
}
const keys = Array.from(document.querySelectorAll('.key'))
keys.forEach((key) => key.addEventListener('transitionend', removeTransition))
window.addEventListener('keydown', playSound)
</noscript>
<style>
html {
font-size: 12px;
background: url('drums.jpg') top center;
background-size: 80%;
}
.keys {
display: flex;
flex: 1;
align-items: top;
justify-content: center;
}
.key {
border: 0.4rem solid blue;
border-radius: 0.5rem;
margin: 1rem;
font-size: 2rem;
padding: 1rem 0.5rem;
transition: all 0.01s ease;
width: 5rem;
text-align: center;
color: black;
text-shadow: 0 0 0.5rem yellow;
}
</style>
</html>


#Js #programming

Channel • @Cafe_Of_Code

Group • @Cafe_Code_Gap
9
🔥قهرمانی مبارک❤️🏆❤️
18🤣62💔1