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

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


♂️ مالک : @Ali_Rohany ♂️
Download Telegram
اعتبار سنجی فرم با جاوااسکریپت


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

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

جاوا اسکریپت می‌تواند این اطلاعات را تایید کند. تمرین زیر شامل اعتبارسنجی ساده فُرم است. البته تمرین به عناصر 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
عزیزان به درخواست شما خواستم
که یک دوره بصورت متنی را در کانال بزارم🔥

دوره به اینصورت هست :-

1⃣ آموزش کتابخانه Pygame

2⃣ پیش‌نیاز اینه که python بلد باشید

3⃣ دوره بصورت متنی هست

4⃣ هر هفته سه آموزش گذاشته میشود از صفر کتابخانه Pygame

انرژی یادتون نره ❤️

#پست_درخواستی #پایگیم
#python #pygame

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


#css #filter

#Ah_sear

Channel ° @Cafe_Of_Code
Group ° @Cafe_Code_Gap
6🔥3
پارت اول Pygame


⚡️معرفی کتابخانه Pygame

کتابخانه Pygame یک کتابخانه منبع باز برای توسعه بازی‌ها و برنامه‌های چندرسانه‌ای در زبان برنامه‌نویسی Python است. این کتابخانه امکانات گسترده‌ای برای کنترل صفحه نمایش، صدا، ورودی کاربر و فیزیک بازی را فراهم می‌کند.

بعضی از ویژگی‌های مهم Pygame عبارتند از:
- ایجاد پنجره و نمایش گرافیکی
- اجرای صداها و موسیقی
- مدیریت ورودی کاربر
- انجام عملیات فیزیکی مانند تصادف و حرکت شیء


خب بیایم یک پنجره ساده که هیچ چیزی را درونش نداشته باشد بسازیم
👇👇👇
import pygame
import sys

# مقداردهی اولیه Pygame
pygame.init()

# تنظیم اندازه پنجره
win_size = (800, 600)
win = pygame.display.set_mode(win_size)
pygame.display.set_caption("پنجره گرافیکی")

# حلقه اصلی برنامه
running = True
while running:
for event in pygame.event.get():
if event.type == pygame.QUIT:
running = False


win.fill((255, 255, 255)) # رنگ پس زمینه سفید

# نمایش تغییرات روی صفحه
pygame.display.flip()

# پایان برنامه
pygame.quit()
sys.exit()

اول کتابخانه های Pygame و sys امپورت کردیم
win_size = (800, 600)
win = pygame.display.set_mode(win_size)
pygame.display.set_caption("پنجره گرافیکی")

در این قسمت دقت داشته باشید که اول اومدیم عرض و ارتفاع دادیم مقدار اول روی محور x و مقدار دوم روی محور y می‌باشد.
بعد نام پنجره خود را به نام پنجره گرافیکی نام گذاری کردیم
win.fill((255, 255, 255))

اینجا رنگ پنجره خود را مشخص کردیم
running = True
while running:
for event in pygame.event.get():
if event.type == pygame.QUIT:
running = False

اینجا از همه مهم تر است که پنجره خود را می‌سازیم یعنی اجرا میکنیم.
pygame.quit()
sys.exit()

اینجا هم که طبق همیشه که اگر با کتابخانه دیگر کار کرده باشیم میایم برنامه را می‌بندیم

#جلسه_اول_پایگیم
#part_1_pygame #python

#Ah_sear

Channel ° @Cafe_Of_Code
Group ° @Cafe_Code_Gap
5👨‍💻3🔥1
تایپ اسکریپت چیست؟
این سوال به عنوان یکی از دغدغه‌های اصلی برنامه‌نویسان تازه‌کار شناخته می‌شود.
زبان زبان برنامه‌نویسی تایپ اسکریپت یکی از زبان‌های مورد استفاده در حوزه توسعه نرم‌افزار و اسکریپت‌نویسی است که توسط مایکروسافت توسعه داده می‌شود.
اگر آموزش تایپ اسکریپت را دیده باشید می‌دانید که این زبان برای تسهیل و سرعت بخشیدن به فعالیت‌های مختلفی مانند اتوماسیون، پردازش داده‌ها و ساخت اسکریپت‌های کوچک طراحی شده است.
با سادگی و قابلیت فهم بالای آن، تایپ اسکریپت به برنامه‌نویسان امکان می‌دهد با کمترین تلاش و کدنویسی، وظایف مورد نیاز خود را اجرا کنند.

💥 تایپ اسکریپت (TypeScript) یک زبان برنامه‌نویسی توسعه داده شده توسط مایکروسافت است که به عنوان یک سوپرست تایپ شده برای جاوا اسکریپت عمل می‌کند.

استفاده‌های رایج تایپ اسکریپت می‌توان به موارد زیر اشاره کرد:

توسعه وب

اتوماسیون فرآیندها

پردازش دسته‌ای داده‌ها

تولید گزارشات

به عنوان یک زبان سریع و قدرتمند، تایپ اسکریپت به برنامه‌نویسان امکان می‌دهد به سرعت به نتایج مورد نظر خود برسند و وظایف روزمره خود را بهبود بخشند.


ویژگی های تایپ اسکریپت :

🎖تایپ استاتیک

🎖پشتیبانی از مفاهیم شیءگرایی

🎖ماژول‌ها و سیستم ماژول

🎖امکان استفاده از ویژگی‌های جدید جاوا اسکریپت

🎖اکوسیستم قوی

🎖جامعه فعال

🎖سازگاری با پروژه‌های جاوا اسکریپت موجود

نقشه راه یادگیری تایپ اسکریپت

🏅 مفاهیم برنامه‌نویسی

🏅 مفاهیم وب

🏅 محیط توسعه (IDE)

🏅 منابع آموزشی

مستندات رسمی تایپ اسکریپت
مستندات رسمی تایپ اسکریپت (TypeScript Official Documentation) یک منبع عالی برای یادگیری مبانی و مفاهیم تایپ اسکریپت است.
دوره‌های آموزش تایپ اسکریپت آنلاین
برخی وبسایت‌ها و پلتفرم‌های آموزشی مانند Udemy، Coursera و Pluralsight دوره‌های آموزشی معتبری را برای یادگیری تایپ اسکریپت ارائه می‌دهند.
کتاب‌ها
کتاب‌هایی مانند « Learning TypeScript » نوشته Remo H. Jansen و « TypeScript Deep Dive » نوشته Basarat Ali Syed منابع خوبی برای یادگیری عمیق تایپ اسکریپت هستند.

#پست_درخواستی
#TypeScript #programming #book

Channel ° @Cafe_Of_Code
Group ° @Cafe_Code_Gap
5🔥2
انسان ها در چه سطح هوش مصنوعی قرار دارند؟
Anonymous Quiz
34%
فراهوش
29%
عمومی
22%
محدود
15%
ابتدایی
👨‍💻8
💎 کتابخونه صرافی YN_Exchange ⭐️

🔮 قابلیت ها :

دریافت قیمت لحظه ای همه ی ارز های دیجیتال

دریافت قیمت لحظه ای طلا ۱۸ و ۲۴ عیار

دریافت قیمت لحظه ای ارز همه ی کشور ها

دریافت جدول قیمت ارز دیجیتال ها


💻 زبان پشتیبانی شده :
Python

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

رفقا برای یکی از بچه های چنله ، حمایتش کنید

#پست_درخواستی
#python #programming

Channel ° @Cafe_Of_Code

Group ° @Cafe_Code_Gap
🔥42