کافه برنامه نویسان | 𝗣𝗿𝗼𝗴𝗿𝗮𝗺𝗲𝗿s 𝗖𝗮𝗳𝗲
الذهاب إلى القناة على Telegram
👈 اینجا جایی است که یاد میگیریم و ایدههایمان را به واقعیت تبدیل میکنیم و در نهایت با هم رشد میکنیم✨ 💬 Group : @IRdeveloperchat تبادل / تبلیغات : @ProgramersCafeSup 🫴 ♂️ مالک : @Ali_Rohany ♂️
إظهار المزيد2 788
المشتركون
+224 ساعات
+307 أيام
+9830 أيام
أرشيف المشاركات
🔥جاوا اسکریپت خالص بهتر است یا جی کوئری؟
💥 در طی سالهای اخیر صنعت نرمافزار مسیر ترجیح جاوا اسکریپت خالص را بر استفاده از کتابخانههای خارجی پیموده است.
«جی کوئری» (jQuery) یک کتابخانه سبک و با استفاده آسان جاوا اسکریپت است که به ایجاد کارکردهای پیچیده با تنها چند خط کدنویسی کمک میکند .
💯 در ادامه معایب و مزیت های جی کوئری بیشتر آشنا میشیم (پست ساعت 8)❤️
#programming #Js #jQuery
احتمالا با ربات همستر که در حال حاضر با ۲۱ میلیون ممبر بزرگترین پروژه کلیک تو ارن مثل نات کوین و تپ سواپ هستش اشنا هستین خبر رسیده که چنل و باتش تیک ابی گرفته که این کار برای چنلایه کریپتویی کار راحتی نیست و طبق گفته هاشون قراره که بر بستر TON ( ارز رسمی تلگرام ) بیاد بالا پس تا میتونید استخراجش کنید تا مثل نات کوین از دستش ندید ❤️
استخراج
تپ سواپ هم بعد از همستر در رتبه دوم قرار داره و طبق گفته هاشون 1 جولای (۱۱ تیر) قراره که پروژه بسته بشه و قیمت گذاری بشه
پس از دستشون ندید و تا میتونید کلیک کنید
استخراج
رفقا این بآته 10 تا نان با ورود بهش جایزه میده تازه دیدمش مشام از دستش ندید❤️
https://t.me/Tabdealprizebot?start=imae
قیمت ناتکوین یه طوری رشد میکنه که انگار با جادی مشکل شخصی داره!!
⚡️ تو نسخه جدید «دسکتاپ تلگرام» میشه بدون سین زدن پیامها رو دید: کلید ALT رو بگیرید روی چت مورد نظر کلیک کنید! تو یه پاپآپ نشونش میده و سین نمیخوره !
🔥 دیدن پیامها بدون سین خوردن باگ نیست، یکی از آپشنهای تلگرامه که از قبل وجود داشته برای نسخه اندروید هم بوده🔥
کافیه توی صفحهی چت، روی عکس پروفایل طرف مقابل انگشتتون رو نگه دارید، تا هرکجا که بخواهید میتونید چت رو بخونید بدون اینکه سین بخوره
✨ قابلیت نمایش «پستهای پابلیک» یک هشتگ به آخرین نسخه تلگرام اضافه شده. امتحان کنید ؛
#Telegram #News
⚡️ تو نسخه جدید «دسکتاپ تلگرام» میشه بدون سین زدن پیامها رو دید: کلید ALT رو بگیرید روی چت مورد نظر کلیک کنید! تو یه پاپآپ نشونش میده و سین نمیخوره !
NabiKAZ
🔥 دیدن پیامها بدون سین خوردن باگ نیست، یکی از آپشنهای تلگرامه که از قبل وجود داشته برای نسخه اندروید هم بوده🔥
کافیه توی صفحهی چت، روی عکس پروفایل طرف مقابل انگشتتون رو نگه دارید، تا هرکجا که بخواهید میتونید چت رو بخونید بدون اینکه سین بخوره
✨ قابلیت نمایش «پستهای پابلیک» یک هشتگ به آخرین نسخه تلگرام اضافه شده. امتحان کنید ؛
#Telegram #News
✨ اعتبار سنجی فرم با جاوااسکریپت ✨
اعتبارسنجی فرم جنبه مفیدی است و توسط بسیاری از وب سایتها برای اعتبارسنجی سمت مشتری اطلاعات کاربر، مانند جزئیات کارت و آدرس و باقی اطلاعات استفاده میشود.
💥به عنوان مثال ،
اگر یک نام فیلد ورودی اجباری وجود داشته باشد، کاربر ممکن است عددی را تایپ کند، فیلد را خالی بگذارد یا فقط یک حرف را تایپ کند.
اعتبار سنجی فرم با جاوا اسکریپت
جاوا اسکریپت میتواند این اطلاعات را تایید کند. تمرین زیر شامل اعتبارسنجی ساده فُرم است. البته تمرین به عناصر HTML نیز نیاز خواهد داشت. در این تمرین جاوا اسکریپت هیچ استایلدهی گستردهای (با CSS) انجام نشده است و فقط شامل عناصر اساسی در خود HTML میشود.
🔥در ادامه کد کامل یک فرم ساده با اعتبارسنجی اولیه آمده است🔥
<html>
<head>
<title>Form Validation</title>
<script type = "text/javascript">
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 );
}
</script>
</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✅ آدرس وبسایت رسمی CHAT-GPT-4o
⚡️ برای ورود به وبسایت کلید کنید ⚡️
#gpt #chatgpt #4o #Ai
#Ah_sear
Channel °@Cafe_Of_Code
Group ° @Cafe_Code_Gap
تلویند امسال قراره برای ما چه کارایی بکنه ؟
💥 ظاهرا قراره از خفن به خفن پرومکس تبدیل بشه 😎
🔥اول از همه درخواست کرده که برید توی توسعه کمکش کنید، این برای علاقه مندان متن باز (Open-Source)🔥
♾ سرعت حداقل 10 برابری موتور و هسته TailwindCss
♾ حجم engine یا همان موتور و هسته 35% کمتر میشه
♾ بخشی از کار های سنگین رو به Rust سپردن و برای توسعه پذیری (و حفظ آبرو هنوز) روی تایپ اسکریپت میمونند.
#Web #TailwindCss
Channel °@Cafe_Of_Code
Group ° @Cafe_Code_Gap
Repost from هشتگ تبلیغ تخصصی
📣 اگر داخل ایران با تخصصی که دارید، مشغول به کار هستید
🎯 پیشنهاد ما به شما ادامه همین فعالیت ولی با کارفرمای خارجی هست!
💰 افراد زیادی با این سبک کار درآمد چند هزار دلاری دارند؛
❓چرا شما نه❓
🔔 برای شروع این مسیر یک جلسه رایگان
روز چهارشنبه ساعت ۱۹ برگزار خواهد شد 🔔
🎙توسط:
🔴 علیرضا قیمتی
🔴 دکتری مدیریت کسب و کار
🔴 ۸ سال سابقه آموزش و فعالیت بینالمللی
💢 لینک ثبت نام:
🌐 links.etekanesh.com/hshtgprgrm 👈
🔵 کانال تلگرام افراد موفق:
💬 t.me/TekaneshAcademy
🟢 ارتباط با پشتیبانی در صورت بروز مشکل در ورود به جلسه:
👨💻 @Academy_Tekanesh
➖➖➖➖➖
🔆 انجام تمرین ساخت برنامه موسیقی با جاوا اسکریپت🔥
⚡️توضیحات پروژه⚡️
✨ در این تمرین ،
«شنوندههای رویداد» (eventListeners) را معرفی میکنیم که براساس صفحه کلید عمل میکنند.
💥 به عنوان مثال ،
اگر کلید "S" فشار داده شود، یک رویداد رخ خواهد داد. هر کدام از کلیدها کد و اکشن متفاوتی خواهند داشت. به غیر از شنوندگان رویداد، نحوه افزودن و پخش فایلهای صوتی را نیز یاد خواهیم گرفت. توجه داشته باشید که استایلدهی CSS بسیار ابتدایی به پروژه اضافه شده است، زیرا تمرکز اینجا روی جاوا اسکریپت قرار دارد و شما باید صداها و تصویر پسزمینه خود را وارد کنید تا برنامه به طور کامل کار کند .
✨کدهای این تمرین در ادامه آمده است.✨
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>KeyBoard Music</title>
</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>
<script>
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)
</script>
<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✅ خب قبلاً روش تبدیل متن رو به کد هگزادسیمال گفته بودم اما روش تبدیل کد را به متن واقعی نگفته بودم چون میخواستم ببینم کسی بلده یا نه ولی متاسفانه کسی بلد نبود😞
توی این پس میخوام که بگم😀
💥اول از همه این کد رو ببینید
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🌐امکان جستجوی هشتگها در بین تمام کانالهای عمومی به تلگرام اضافه شد.
#News #Telegram
Repost from هشتگ تبلیغ تخصصی
📣 اگر داخل ایران با تخصصی که دارید، مشغول به کار هستید
🎯 پیشنهاد ما به شما ادامه همین فعالیت ولی با کارفرمای خارجی هست!
💰 افراد زیادی با این سبک کار درآمد چند هزار دلاری دارند؛
❓چرا شما نه❓
🔔 برای شروع این مسیر یک جلسه رایگان
روز چهارشنبه ساعت ۱۹ برگزار خواهد شد 🔔
🎙توسط:
🔴 علیرضا قیمتی
🔴 دکتری مدیریت کسب و کار
🔴 ۸ سال سابقه آموزش و فعالیت بینالمللی
💢 لینک ثبت نام:
🌐 links.etekanesh.com/hshtgprgrm 👈
🔵 کانال تلگرام افراد موفق:
💬 t.me/TekaneshAcademy
🟢 ارتباط با پشتیبانی در صورت بروز مشکل در ورود به جلسه:
👨💻 @Academy_Tekanesh
➖➖➖➖➖
Repost from N/a
🚀 پروکسی گنگ فضایی سرعت موشکی سرعت دانلود فیلم 20 👇👇
https://t.me/proxy?server=ddyvhfff.co.uk&port=443&secret=7jK5IN_7UWQwKOL2uHjU6sFteS5pcmFuY2VsbC5pcg
متاح الآن! بحث تيليغرام 2025 — أهم رؤى العام 
