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

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


♂️ مالک : @Ali_Rohany ♂️
Download Telegram
شاید که خیلیا پول خرید هاست رو ندارید یا هم اگه که دارید فقط میخواهید تست بگیرید از کدی که نوشتید.

⚡️خب سایت 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
تلویند امسال قراره برای ما چه کارایی بکنه ؟

🔥اول از همه درخواست کرده که برید توی توسعه کمکش کنید، این برای علاقه مندان متن باز (Open-Source)🔥

سرعت حداقل 10 برابری موتور و هسته TailwindCss
حجم engine یا همان موتور و هسته 35% کمتر میشه
بخشی از کار های سنگین رو به Rust سپردن و برای توسعه پذیری (و حفظ آبرو هنوز) روی تایپ اسکریپت میمونند.


#Web #TailwindCss

Channel °@Cafe_Of_Code
Group ° @Cafe_Code_Gap
🔥10
اعتبار سنجی فرم با جاوااسکریپت


اعتبارسنجی فرم جنبه مفیدی است و توسط بسیاری از وب سایت‌ها برای اعتبارسنجی سمت مشتری اطلاعات کاربر، مانند جزئیات کارت و آدرس و باقی اطلاعات استفاده می‌شود.
💥به عنوان مثال ،
اگر یک نام فیلد ورودی اجباری وجود داشته باشد، کاربر ممکن است عددی را تایپ کند، فیلد را خالی بگذارد یا فقط یک حرف را تایپ کند.

اعتبار سنجی فرم با جاوا اسکریپت

جاوا اسکریپت می‌تواند این اطلاعات را تایید کند. تمرین زیر شامل اعتبارسنجی ساده فُرم است. البته تمرین به عناصر HTML نیز نیاز خواهد داشت. در این تمرین جاوا اسکریپت هیچ استایل‌دهی گسترده‌ای (با CSS) انجام نشده است و فقط شامل عناصر اساسی در خود HTML می‌شود.

🔥در ادامه کد کامل یک فرم ساده با اعتبارسنجی اولیه آمده است🔥

<html>
  <head>
     <noscript>Form Validation</noscript>
        <noscript type = "text/javanoscript">
        function validate() {
        var text;
           if( document.myForm.name.value == "" ) {
             text = "Name cannot be empty";
              document.getElementById("demo").innerHTML = text;
              document.myForm.name.focus() ;
              return false;
           }
           if( document.myForm.email.value == "" ) {
             text = "E-mail cannot be empty";
              document.getElementById("demo").innerHTML = text;
              document.myForm.email.focus() ;
              return false;
           }
      var emailID = document.myForm.email.value;
      atposn = emailID.indexOf("@");
      dotposn = emailID.lastIndexOf(".");
      if (atposn < 1 || ( dotposn - atposn < 2 )) {
      text = "Please enter valid email ID";
      document.getElementById("demo").innerHTML = text;
      document.myForm.email.focus() ;
      return false;
    }
           if( document.myForm.phone.value == ""  isNaN( document.myForm.phone.value )
              document.myForm.phone.value.length != 10 ) {
              text = "Please enter a valid 10-digit phone number";
              document.getElementById("demo").innerHTML = text;
              document.myForm.phone.focus() ;
              return false;
           }
           if( document.myForm.subject.value == "0" ) {
              text = "Please provide your area of expertise";
              document.getElementById("demo").innerHTML = text;
              return false;
           }
           return( true );
        }
     </noscript>
  </head>
  <body>
     <form action = "" name = "myForm" onsubmit = "return(validate());">
     <h1 align="center">USER REGISTRATION</H1>
        <table align="center" cellspacing = "3" cellpadding = "3" border = "3">
           <tr>
              <td align = "right">Name</td>
              <td><input type = "text" name = "name" /></td>
           </tr>
           <tr>
              <td align = "right">E-mail</td>
              <td><input type = "text" name = "email" /></td>
           </tr>
           <tr>
              <td align = "right">Phone Number</td>
              <td><input type = "text" name = "phone" /></td>
           </tr>
           <tr>
              <td align = "right">Subject</td>
              <td>
                 <select name = "subject">
                    <option value = "0" selected>Select</option>
                    <option value = "1">HTML</option>
                    <option value = "2">JavaScript</option>
                    <option value = "3">CSS</option>
                    <option value = "4">JSP</option>
                 </select>
              </td>
           </tr>
        </table>
        <p id="demo" style="color:red; text-align:center"></p>
  <div style="text-align:center"><input type = "submit" value = "Submit" /></div>
     </form>
  </body>
</html>

🐬 رفقا اگر هنگام برنامه نویسی به خطایی برخورد کردیم ، برای دیباگ کردن کدهای خود نیاز است نحوه درست سرچ کردن خطاها را در گوگل یاد بگیریم .
💯 این مهارت به مرور زمان و با تمرین بیشتر در کار ما ایجاد می‌شود💯

#programming #Js #Html #Css

Channel • @Cafe_Of_Code

Group • @Cafe_Code_Gap
6👨‍💻3
⚡️ تو نسخه جدید «دسکتاپ تلگرام» میشه بدون سین زدن پیام‌ها رو دید: کلید ALT رو بگیرید روی چت مورد نظر کلیک کنید! تو یه پاپ‌آپ نشونش میده و سین نمی‌خوره !


🔥 دیدن پیام‌ها بدون سین خوردن باگ نیست، یکی از آپشن‌های تلگرامه که از قبل وجود داشته برای نسخه اندروید هم بوده🔥

کافیه توی صفحه‌ی چت، روی عکس پروفایل طرف مقابل انگشتتون رو نگه دارید، تا هرکجا که بخواهید می‌تونید چت رو بخونید بدون اینکه سین بخوره

قابلیت نمایش «پست‌های پابلیک» یک هشتگ به آخرین نسخه تلگرام اضافه شده. امتحان کنید ؛

#Telegram #News

Channel • @Cafe_Of_Code

Group • @Cafe_Code_Gap
🔥9🕊2
قیمت ناتکوین یه طوری رشد میکنه که انگار با جادی مشکل شخصی داره!!😂😂

رفقا این رباته قضیش چیه ؟👇
خداکنه مث همون نات بشه .

https://news.1rj.ru/str/hamster_kOmbat_bot/start?startapp=kentId1965194172

#Fun

Channel • @Cafe_Of_Code

Group • @Cafe_Code_Gap
🤣13💔2
احتمالا با ربات همستر که در حال حاضر با ۲۱ میلیون ممبر بزرگترین پروژه کلیک تو ارن مثل نات کوین و تپ سواپ هستش اشنا هستین خبر رسیده که  چنل و باتش تیک ابی گرفته که این کار برای چنلایه کریپتویی کار راحتی نیست و طبق گفته هاشون قراره که بر بستر TON ( ارز رسمی تلگرام ) بیاد بالا پس تا میتونید استخراجش کنید تا مثل نات کوین از دستش ندید ❤️

استخراج

تپ سواپ هم بعد از همستر در رتبه دوم قرار داره و طبق گفته هاشون 1 جولای (۱۱ تیر) قراره که پروژه بسته بشه و قیمت گذاری بشه
پس از دستشون ندید و تا میتونید کلیک کنید

استخراج

#News
کافه برنامه نویسان | 𝗣𝗿𝗼𝗴𝗿𝗮𝗺𝗲𝗿s 𝗖𝗮𝗳𝗲 pinned «احتمالا با ربات همستر که در حال حاضر با ۲۱ میلیون ممبر بزرگترین پروژه کلیک تو ارن مثل نات کوین و تپ سواپ هستش اشنا هستین خبر رسیده که  چنل و باتش تیک ابی گرفته که این کار برای چنلایه کریپتویی کار راحتی نیست و طبق گفته هاشون قراره که بر بستر TON ( ارز رسمی…»
🔥جاوا اسکریپت خالص بهتر است یا جی کوئری؟

💥 در طی سال‌های اخیر صنعت نرم‌افزار مسیر ترجیح جاوا اسکریپت خالص را بر استفاده از کتابخانه‌های خارجی پیموده است.

«جی کوئری» (jQuery) یک کتابخانه سبک و با استفاده آسان جاوا اسکریپت است که به ایجاد کارکردهای پیچیده با تنها چند خط کدنویسی کمک می‌کند .

💯 در ادامه با معایب و مزیت های جی کوئری بیشتر آشنا میشیم (پست ساعت 8)❤️

#programming #Js #jQuery

Channel • @Cafe_Of_Code

Group • @Cafe_Code_Gap
9
چقدر موافقید؟؟

من که صد در صد موافقم

#Ah_sear

Channel ° @Cafe_Of_Code
Group ° @Cafe_Code_Gap
🔥14🤣3
کافه برنامه نویسان | 𝗣𝗿𝗼𝗴𝗿𝗮𝗺𝗲𝗿s 𝗖𝗮𝗳𝗲
🔥جاوا اسکریپت خالص بهتر است یا جی کوئری؟ 💥 در طی سال‌های اخیر صنعت نرم‌افزار مسیر ترجیح جاوا اسکریپت خالص را بر استفاده از کتابخانه‌های خارجی پیموده است. «جی کوئری» (jQuery) یک کتابخانه سبک و با استفاده آسان جاوا اسکریپت است که به ایجاد کارکردهای پیچیده…
مزیت‌های جی کوئر

⚡️بهترین بخش جی کوئری این است که در برابر مرورگرها دارای انعطاف‌‌پذیری است. معنی این حرف آن است که جی کوئری با همه مرورگرهای موجود سازگار است، از این رو توسعه‌دهندگان هیچ نگرانی در مورد مرورگری که کاربر ممکن است مورد استفاده قرار دهد نخواهند داشت. با این حال، این روزها اغلب مرورگرها از همین کارکرد در جاوا اسکریپت خالص نیز پشتیبانی می‌کنند.
⚡️نوشتن خطوط کد کم و تجرید بالا موجب می‌شود که استفاده از جی کوئری برای افرادی که با شیوه استفاده از جاوا اسکریپت آشنا نیستند، آسان باشد.

💥 بدین ترتیب بسیاری از افراد در آغاز توسعه وب با جاوا اسکریپت آشنا نیستند و شاید هرگز هم آشنا نشوند. دلیل استفاده از جی کوئری برای این افراد آن است که کاربرپسندی بیشتری دارد و به طور خاص برای افراد مبتدی مناسب است.

معایب جی کوئری

⚡️جاوا اسکریپت خالص بسیار سریع‌تر از جی کوئری است. جاوا اسکریپت خالص نسبت به جی کوئری بسته به عملیاتی که اجرا می‌شود، بین 10 تا 25 برابر سریع‌تر است.

⚡️سطح بالای تجرید در جی کوئری به این معنی است که لازم نیست موارد زیادی را بیاموزید. این بدان معنی است که شما در مرحله یک فرد مبتدی که از جی کوئری برای رفع نیازهای خود استفاده می‌کند، گیر می‌کنید و همیشه یک مبتدی می‌مانید.
⚡️کتابخانه جی کوئری باید در همه صفحه‌های وب HTML گنجانده شود.

رفقا اگه طرفدار جی کوییری هستین
که به تفاوت ماهوی دو روش استفاده از جی کوئری و جاوا اسکریپت خالص تو پست های بعدی بهتر آشنا شید
تو کامنتا بگید که راجبشون پست بزاریمم❤️

#programming #Js #jQuery

Channel ° @Cafe_Of_Code
Group ° @Cafe_Code_Gap
4🔥2
افزونه Project Manager

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

⚡️اگر بخواهید از روش های پیش فرض استفاده کنید، یا باید از Open Folder استفاده کنید که در بلند مدت زمان بسیار زیادی از شما می گیرد و یا باید برای پروژه جدیدتان یک Window دیگر در VsCode باز کنید که این موضوع هم به علت تعداد و حجم بالای افزونه هایی که روی VsCode باز کردید ممکن است مصرف سخت افزاری زیادی داشته باشد و باعث هنگ کردن سیستمتان شود.

💥برای همین موضوع افزونه Project Manager ارائه شده است و به شما این امکان را می دهد که بتوانید پروژه های مورد نیازتان را در قسمتی از VsCode ذخیره کرده تا هر موقع که قصد سوئیچ کردن روی پروژه دیگری را داشتید، در کم ترین مدت زمان و بدون اتلاف وقت بتوانید آن را باز کرده و کد بزنید.

#programming #VsCode

Channel ° @Cafe_Of_Code
Group ° @Cafe_Code_Gap
9
⚡️ تفاوت بین html و css رو از این عکس بفهمید

#html #css

#Ah_sear

Channel ° @Cafe_Of_Code
Group ° @Cafe_Code_Gap
🔥8😍42
محاسبه مالیات بر درآمد با پیروی قوانین داده شده🔥😍

توو این تمرین ، قصد داریم تا برنامه‌ای بنویسیم که مالیات بر درآمد را طبق قوانین داده شده حساب کنیم .

درآمد مشمول مالیاتنرخ - به درصد

اولین ۱۰٫۰۰۰ دلار-- صفر

۱۰٫۰۰۰ دلار بعدی --۱۰

باقی‌مانده-- ۲۰

خروجی مورد انتظار

به‌طور مثال، فرض کنید درآمد مشمول مالیات باربر با ۴۵۰۰۰ است و مالیات قابل پرداخت به‌صورت آورده شده در زیر محاسبه می‌شود.
10000*0% + 10000*10%  + 25000*20% = $6000

پاسخ تمرین
income = 45000
tax_payable = 0
print("Given income", income)

if income <= 10000:
    tax_payable = 0
elif income <= 20000:
    # no tax on first 10,000
    x = income - 10000
    # 10% tax
    tax_payable = x * 10 / 100
else:
    # first 10,000
    tax_payable = 0

    # next 10,000 10% tax
    tax_payable = 10000 * 10 / 100

    # remaining 20%tax
    tax_payable += (income - 20000) * 20 / 100

print("Total tax to pay is", tax_payable)

⚡️توضیح کدهای برنامه

خط شماره ۱: میزان درآمد را در متغیری به‌نام income با مقدار ۴۵۰۰۰ ذخیره کرده‌ایم.
خط شماره ۲: میزان مالیات قابل پرداخت اولیه را با نام tax_payable  و با صفر، مقداردهی کرده‌ایم.
خط شماره ۵ و ۶ : با یک شرط if  بررسی می‌کنیم که اگر درآمد کمتر یا مساوی ۱۰٫۰۰۰ باشد، مالیات قابل پرداخت برابر با صفر باشد.
خط شماره ۷ تا ۱۱: با elif  بررسی می‌کنیم که اگر درآمد کمتر یا مساوی ۲۰٫۰۰۰ باشد، روی ۱۰٫۰۰۰ دلار اول مالیاتی محاسبه نشود. پس ۱۰٫۰۰۰ را از درآمد کسر می‌کنیم و مالیات قابل پرداخت با درصد مشخص شده را محاسبه می‌کنیم.
خط شماره ۱۲ تا ۲۰: در صورتی که میزان درآمد بیشتر از موارد بررسی شده در ۲ حالت قبلی باشد. برای هر ۳ حالت، میزان مالیات بر در آمد محاسبه می‌شود.

#programming #python

Channel • @Cafe_Of_Code

Group • @Cafe_Code_Gap
🔥10