💠 تفاوت اصلی بین let و var در جاوااسکریپت

● Scope

- var
دامنه دسترسی آن به تابعی که در آن تعریف شده است (Function Scope) محدود می‌شود. اگر خارج از تابع تعریف شود، به صورت سراسری (Global Scope) در دسترس خواهد بود.

- let
دامنه دسترسی آن به بلاک (Block Scope)، مثل حلقه‌ها و شرط‌ها، که در آن تعریف شده است محدود می‌شود.

● Hoisting

- var
متغیرهای تعریف شده با var قبل از اجرای کد به بالای دامنه دسترسی‌شان “بلند” (Hoisted) می‌شوند و با مقدار undefined اولیه‌سازی می‌شوند.

- let
متغیرهای تعریف شده با let نیز Hoisted می‌شوند، اما تا زمانی که کد به خط تعریف آنها نرسیده، نمی‌توان از آنها استفاده کرد (Temporal Dead Zone).

#JS #programming

Channel • @Cafe_Of_Code

Group • @Cafe_Code_Gap

جواب این تمرین 🔥👇👇
https://news.1rj.ru/str/Cafe_Of_Code/1702

پایتون

x,y=map(int,input().split())
if x%2==0 and y%2==0:
    print(x*y)
elif x%2==1 and y%2==1 :
    print(x*y)
else:
    print(x//y)

جاوااسکریپت

const readline = require('readline').createInterface({
  input: process.stdin,
  output: process.stdout
});

readline.question('', (input) => {
  let [x, y] = input.split(' ').map(Number);
  
  if (x % 2 === 0 && y % 2 === 0) {
    console.log(x * y);
  } else if (x % 2 === 1 && y % 2 === 1) {
    console.log(x * y);
  } else {
    console.log(Math.floor(x / y));
  }
  
  readline.close();
});

#Js #programming #python

Channel • @Cafe_Of_Code

Group • @Cafe_Code_Gap

💥 روز دختر رو به تمام دختران سرزمینم تبریک میگم
دنیا با وجود شما فرشته ها قشنگ تره !🤍❤️

- روزتون مبارک✨️
• admins

#News

@Cafe_Of_Code

یه راهی هست برای نصب gnome روی mint
اگه مینت دارین و میخواین گنوم رو روش تجربه کنید میتونید از synaptic vellina-gnome رو نصب کنید
این ویدئو رو ببینید

برای دیدن ویدیو اینجا کلیک کن


#Site #linux #GNU

Channel • @Cafe_Of_Code

Group • @Cafe_Code_Gap

✨شرح مختصر پروژه✨

در این پروژه میخواهیم با کمک ماژول random اقدام به ساخت یک برنامه ی تولید رمز تصادفی با پایتون کنیم.

💥 توضیحات پروژه

در این پروژه با کمک ماژول random اقدام به ساخت یک برنامه ی تولید رمز تصادفی با پایتون خواهیم کرد.

در این پروژه یک تابع به نام
generate_password
تعریف می کنیم که وظیفه ی تولید یک رمز عبور تصادفی با طول دلخواه را انجام می دهد. شما می‌توانید طول رمز عبور را با ورودی کاربر تنظیم کنید و رمز عبور تصادفی تولید شده را نمایش دهید.

لطفاً توجه داشته باشید که این یک پروژه ساده و تمرینی است. رمزهای عبور تصادفی تولید شده توسط این کد برای موارد حساس به امنیت، مثل حساب‌های بانکی یا ایمیل، مناسب نیستند. بهتر است از کتابخانه‌های مدیریت رمز عبور مانند bcrypt استفاده کنید .

#programming #python

Channel • @Cafe_Of_Code

Group • @Cafe_Code_Gap

داخل این فایل واحد های مختلف کیمت های فیزیکی داخل لیست های پایتون جمع آوری شده میتونید استفاده کنید و عشق کنید❤️🔥

#python #programming

Channel • @Cafe_Of_Code

Group • @Cafe_Code_Gap

آقا رو پست ها هم ری اکشن بدید کلا 2 ثانیه زمان میبره❤️

madge

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

🔗اینم لینک سایتش

#Site

Channel • @Cafe_Of_Code

Group • @Cafe_Code_Gap

🔥ایجاد برنامه نوت‌پد با استفاده از پایتون
ایجاد برنامه notepad با استفاده از پایتون🔥

(چون توضیحش طولانیه ، توی دوتا پست مراحلش رو توضیح میدم)

شرح مختصر پروژه

برنامه نوت‌پد یک ابزار متنی ساده است که به کاربر اجازه می‌دهد متن را ویرایش کرده، آن را ذخیره کرده و فایل‌ها را باز کند. ما قصد داریم با استفاده از کتابخانه‌ی Tkinter در زبان برنامه‌نویسی پایتون، نمونه‌ای از این نوع برنامه را ایجاد کنیم.

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

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

مراحل ایجاد برنامه:

مرحله ۱: نصب Tkinter

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

مرحله ۲: نوشتن کد

کد زیر را در یک فایل متنی با پسوند .py ذخیره کنید. این کد به شما امکان می‌دهد یک برنامه نوت‌پد ساده ایجاد کنید :

    import tkinter as tk
from tkinter import filedialog, messagebox

class NotepadApp:
    def init(self, root):
        self.root = root
        self.root.noscript("نوت‌پد ساده")
        self.font_size = 12
        
        self.text_widget = tk.Text(self.root, wrap=tk.WORD, font=("Arial", self.font_size))
        self.text_widget.pack(fill=tk.BOTH, expand=True)
        
        self.menu_bar = tk.Menu(self.root)
        self.root.config(menu=self.menu_bar)
        
        self.file_menu = tk.Menu(self.menu_bar, tearoff=0)
        self.menu_bar.add_cascade(label="فایل", menu=self.file_menu)
        self.file_menu.add_command(label="باز کردن", command=self.open_file)
        self.file_menu.add_command(label="ذخیره", command=self.save_file)
        self.file_menu.add_separator()
        self.file_menu.add_command(label="خروج", command=self.root.quit)
        
        self.view_menu = tk.Menu(self.menu_bar, tearoff=0)
        self.menu_bar.add_cascade(label="نمایش", menu=self.view_menu)
        self.view_menu.add_command(label="بزرگ‌تر کردن فونت", command=self.increase_font_size)
        self.view_menu.add_command(label="کوچک‌تر کردن فونت", command=self.decrease_font_size)
        
    def open_file(self):
        file_path = filedialog.askopenfilename(filetypes=[("متن", "*.txt"), ("همه فایل‌ها", "*.*")])
        if file_path:
            with open(file_path, "r", encoding="utf-8") as file:
                content = file.read()
                self.text_widget.delete("1.0", tk.END)
                self.text_widget.insert(tk.END, content)
    
    def save_file(self):
        file_path = filedialog.asksaveasfilename(defaultextension=".txt", filetypes=[("متن", "*.txt"), ("همه فایل‌ها", "*.*")])
        if file_path:
            content = self.text_widget.get("1.0", tk.END)
            with open(file_path, "w", encoding="utf-8") as file:
                file.write(content)
            messagebox.showinfo("ذخیره", "فایل با موفقیت ذخیره شد.")
    
    def increase_font_size(self):
        self.font_size += 2
        self.text_widget.config(font=("Arial", self.font_size))
    
    def decrease_font_size(self):
        self.font_size -= 2
        self.text_widget.config(font=("Arial", self.font_size))

root = tk.Tk()
app = NotepadApp(root)
root.mainloop()

پارت اول

پارت دوم

⚡️ دوتا مرحله دیگه مونده که تو پست ساعت ساعت 8 توضیحش دادم و رو تایمره❤️

#python #Programming

Channel • @Cafe_Of_Code

Group • @Cafe_Code_Gap

ادامه ایجاد برنامه نوت‌پد با پایتون 🔥

مرحله ۳: توضیح کد

در اینجا، مراحل اصلی کد را توضیح می‌دهیم :

1 - ایجاد کلاس NotepadApp: در این برنامه، ما از یک کلاس به نام NotepadApp برای ایجاد برنامه نوت‌پد استفاده می‌کنیم.

2- ایجاد پنجره اصلیبا استفاده از کتابخانه Tkinter، یک پنجره اصلی برای برنامه ایجاد می‌کنیم. عنوان پنجره نیز به "پیش نمایش نوت پد" تنظیم می‌شود.

3 - افزودن ویرایشگر متناز tk.Text برای ایجاد ویرایشگر متنی برای وارد کردن ویرایش متن استفاده می‌کنیم. این ویرایشگر می‌تواند به طور خودکار به محتوا شکستگی دهد و اسکرول‌های لازم را اضافه کند.

4 - ایجاد منوبا استفاده از tk.Menu، یک منو برای برنامه ایجاد می‌کنیم. منو شامل گزینه‌های فایل مانند باز کردن، ذخیره کردن و خروج است

5 - اضافه کردن توابع باز کردن و ذخیره کردنما دو تابع به نام open_file و save_file ایجاد می‌کنیم تا به ترتیب، متن فایل را باز کنند و متن را در یک فایل جدید ذخیره کنند.

مرحله ۴ : اجرا

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

💥 خب بالاخره تموم شدد😉❤️

پارت اول

پارت دوم

⚡️ری اکشن یادت نره🔥

#Programming #python

Channel • @Cafe_Of_Code

Group • @Cafe_Code_Gap

🔴 امروز 12 May ، روز جهانی مادره ❤️💖🔥

#News

Channel • @Cafe_Of_Code

Group • @Cafe_Code_Gap

🔥 انعکاس تصاویر با استفاده از ویژگی CSS Box-Reflect🔥

⚡️ به شما امکان می دهد محتویات یک عنصر را در یک جهت خاص (بالا، پایین، راست، چپ) منعکس کنید .
💥 پارامتر دوم مسئول آفست است. و جالب‌تر این است که می‌توانیم با استفاده از پارامتر سوم، یک گرادیان را به عنوان افکت محو اضافه کنیم .

-webkit-box-reflect: below 0px offset  linear-gradient(180deg , rgba(#fff, 0 ) 0%  , rgba(#fff, 0 ) 100%  );

🔗 ورود به سایتش

#Tip #Css #Sitr

Channel • @Cafe_Of_Code

Group • @Cafe_Code_Gap

✨ به این نصیحت از انیمیشن " Up " گوش بدید :

💯 « از چیزهای کوچک زندگی لذت ببرید .
یک روز به عقب بر می‌گردید و می‌فهمید که اون‌ها بزرگترین دارایی‌تون بودند »❤️

🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥

💎 درسته باید تخصص یاد بگیرم و بتونیم به درآمد برسیم، ولی اینو یادتون نره سعی کنید از زندگیتون لذت ببرید حتی لذت از چیزای کوچیک مثل قدم زدن ، دوش گرفتن ، هم کلامی با عزیزی و ... ؛

#motivational

Channel • @Cafe_Of_Code

Group • @Cafe_Code_Gap

🔸ویژگی animation-play-state در CSS
با استفاده از ویژگی animation-play-state در CSS میتوان مشخص کرد که آیا انیمیشن اجرا شود یا مثلا در حالت مکث ( Pause ) باشد و اجرا نشود.

🔸با استفاده از این ویژگی در جاوااسکریپت به راحتی میتوان ۲ دکمه ایجاد کرد که با استفاده از آن دکمه ها پخش و استپ شدن انیمیشن را کنترل کرد . ( نمونه در مثال شماره ۱ کمی پایین تر )


🔸مثال از این ویژگی
در ادامه میتوانید یک مثال از ویژگی animation-play-state را در زبان CSS مشاهده نمایید

مثال :

<style>
 
#MyBox{
 width:100px;
 height:100px;
 position: relative;
 background-color: red;
 animation: free-learn 2s infinite;
 animation-play-state: paused;
}
 
</style>

#Html #Css #Js

Channel • @Cafe_Of_Code

Group • @Cafe_Code_Gap

⚠️ توی تاریکی یا نور خیلی کم کد نویسی نکنید چون نور کم ما را کند ذهن می‌کند!

♾♾♾♾♾♾♾♾♾♾♾♾♾♾♾♾

⚠️ حقیقات دانشمندان امریکایی نشان داده است اتاق های کم نور راندمان مغز را پایین می آورند.

✅ محققان به این نتیجه رسیدند که نور کم ارتباط بین نورون های مغزی را کم می کند و منجر به کم شدن هوش می شود. به عبارت دیگر، نور کم ما را کند ذهن می کند.

#programming

Channel • @Cafe_Of_Code

Group • @Cafe_Code_Gap

🔶 تگ area در HTML
تگ area تگی است که ما با استفاده از آن میتوانیم یک ناحیه ( یا محدوده ) قابل کلیک را در یک نقشه تصویری ایجاد نماییم. ( نقشه تصویری به یک عکس که قسمت های مختلف آن قابل کلیک شدن باشد گفته می شود )

⚠️تگ <area> همیشه باید درون تگ <map> قرار بگیرد و استفاده شود.

🔷 مثال از تگ area در HTML
در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.

<body>

<img src="files/planets.jpg" usemap="#planetmap">

<map name="planetmap">
 <area shape="rect" coords="0,0,82,126" href="files/sun.html">
 <area shape="circle" coords="90,58,3" href="files/mercury.html">
 <area shape="circle" coords="124,58,8" href="files/venus.html">
</map>

</body>

<body>
 
<img src="files/planets.jpg" usemap="#planetmap">
 
<map name="planetmap">
 <area shape="rect" coords="0,0,82,126" href="files/sun.html">
 <area shape="circle" coords="90,58,3" href="files/mercury.html">
 <area shape="circle" coords="124,58,8" href="files/venus.html">
</map>
 
</body>

#programming #Html #Css

Channel • @Cafe_Of_Code

Group • @Cafe_Code_Gap

⚡️ ارسال درخواست با جاوا اسکریپت :

یکی از دانش های مورد نیاز از جاوا اسکریپت ارسال درخواست (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

GoodNight✨️

#Music


Channel • @Cafe_Of_Code

Group • @Cafe_Code_Gap