🔥جاوا اسکریپت خالص بهتر است یا جی کوئری؟

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

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

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

#programming #Js #jQuery

Channel • @Cafe_Of_Code

Group • @Cafe_Code_Gap

همستر : 11 تیر
و تپ سو اپ : 4 ام تیر لیست میشه🔥✨

#News

چقدر موافقید؟؟

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

#Ah_sear

Channel ° @Cafe_Of_Code
Group ° @Cafe_Code_Gap

مزیت‌های جی کوئر

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

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

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

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

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

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

#programming #Js #jQuery

Channel ° @Cafe_Of_Code
Group ° @Cafe_Code_Gap

✨افزونه Project Manager✨

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

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

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

#programming #VsCode

Channel ° @Cafe_Of_Code
Group ° @Cafe_Code_Gap

⚡️ تفاوت بین html و css رو از این عکس بفهمید

#html #css

#Ah_sear

Channel ° @Cafe_Of_Code
Group ° @Cafe_Code_Gap

♾ محاسبه مالیات بر درآمد با پیروی قوانین داده شده🔥😍

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

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

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

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

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

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

به‌طور مثال، فرض کنید درآمد مشمول مالیات باربر با ۴۵۰۰۰ است و مالیات قابل پرداخت به‌صورت آورده شده در زیر محاسبه می‌شود.

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

✨ عزیزان به درخواست شما خواستم
که یک دوره بصورت متنی را در کانال بزارم🔥

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

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

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

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

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

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

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

Channel ° @Cafe_Of_Code
Group ° @Cafe_Code_Gap

⚡️با استفاده از css عکسهات رو سیاه و سفید کن


#css #filter

#Ah_sear

Channel ° @Cafe_Of_Code
Group ° @Cafe_Code_Gap

پارت اول 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

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

💥 تایپ اسکریپت (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

⚡️رودمپ یادگیری بکند

#Back_end #web

#Ah_sear

Channel ° @Cafe_Of_Code
Group ° @Cafe_Code_Gap

GoodNight✨️

#Music


Channel ° @Cafe_Of_Code

Group ° @Cafe_Code_Gap

💎 کتابخونه صرافی YN_Exchange ⭐️

🔮 قابلیت ها :

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

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

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

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


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

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

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

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

Channel ° @Cafe_Of_Code

Group ° @Cafe_Code_Gap

💠هوش مصنوعی چیست؟

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


🔰سطوح هوش مصنوعی:

● محدود
| هوش مصنوعی امروز در این مرحله قرار دارد.

● عمومی
| انسان در این سطح از هوش است و هوش مصنوعی سعی دارد به این سطح برسد.

● فراهوش
| هنوز موجودی به این سطح از هوش نرسیده است.


#information #Ai


Channel ° @Cafe_Of_Code

Group ° @Cafe_Code_Gap

آیا حقیقت داره یا نه؟
برای من که همین شکلیه😂
#Fun

#Ah_sear

Channel ° @Cafe_Of_Code

Group ° @Cafe_Code_Gap

تمرین نمایش جزئیات تصویر با JS

در این تمرین جاوا اسکریپت برخی از تصاویر را در یک صفحه وب نمایش خواهیم داد✨

💥هنگامی که کاربر روی تصاویر قرار می‌گیرد، جزئیات بیشتری ظاهر می‌شوند.
💥 می‌توان تصاویر را از هر جایی دانلود کرد یا از تصاویری استفاده کرد که در حال حاضر باز هستند.
💥باز هم از HTML و CSS پایه همراه با جاوا اسکریپت استفاده می‌شود که کد این برنامه را در ادامه مشاهده می‌کنیم.

<!DOCTYPE html>
<html>
<head>
   <noscript>My Sun Sign Infos</noscript>
</head>
<noscript>
function display(element){
   document.getElementById('image').innerHTML = element.alt;
}
function revert(){
   document.getElementById('image').innerHTML = "Hover over a sunsign image to display details.";
}
</noscript>
<style>
#image{
     width: 650px;
     height: 70px;
     border:5px solid pink;
     background-color: black;
     background-repeat: no-repeat;
     color:white;
     background-size: 100%;
     font-family: Didot;
     font-size: 150%;
     line-height: 60px;
     text-align: center;
}
img{
width: 200px;
height: 200px;
border-radius: 50%;
}
</style>
<body>
   <div>
   <p id = "image">Hover over a sunsign image to display details.<p>
   <img alt = "Sagittarius are beautiful, loyal and passionate." src = "saggi.jpg" onmouseover = "display(this)" onmouseout = "revert()">
   <img alt = "Pisces are dreamy, helpful and love everyone!" src = "pisces.jpg" onmouseover = "display(this)" onmouseout = "revert()">
   <img alt = "Leo are strong and fearless. They aim for and achieve a lot!" src = "leo.jpg" onmouseover = "display(this)" onmouseout = "revert()">
   <img alt = "Scorpions are friends for life. They are trustworthy and truthful." src = "scorpio.jpg" onmouseover = "display(this)" onmouseout = "revert()">
   </div>
</body>
</html>

برای پیچیده‌تر کردن این تمرین می‌توان نمایش اسلاید را امتحان کرد.

✨می‌توان رویدادهای onClick را به رویدادهای onMousehover و onMouseout تغییر داد، در این صورت زمانی که کاربر ماوس را روی تصاویر قرار دهد ، تصاویر تغییر می‌کنند.

#Js #Html #Css

Channel ° @Cafe_Of_Code

Group ° @Cafe_Code_Gap

😂😂🤦‍♂

#programming #Fun

Channel • @Cafe_Of_Code

Group • @Cafe_Code_Gap

✨امروز 8 June ، روز جهانی بهترین دوسته ؛

💥این روز واسه قدردانی از کساییه که تو روزهای سخت و خوب کنارمون موندن❤️‍🔥

#News