🔆 امروز 3 May ، روز جهانی خورشیده🌞.

#News

@Cafe_Of_Code

Switch Day and Night - Cat ✨

⚡️ Switch day and night with the cat. Implemented using CSS .

♾ دریافت سورس کدش ♾

#Site #Html #Css #Js

Channel • @Cafe_Of_Code

Group • @Cafe_Code_Gap

⚡️سینتکس فانکشن در جاوا اسکریپت⚡️

💥 هنگام اعلان Function در جاوا اسکریپت، از دستور زیر استفاده می‌شود :

function nameOfFunction() {

    // function body
}

✨ کلمه کلیدی Function برای اعلام یک تابع استفاده می‌شود. به دنبال آن نام موردنظر تابع و به دنبال آن پرانتز () می‌آید.
✨همیشه بهتر است که نوعی نام توصیفی برای تابع خود انتخاب کنید که دقیقاً وظیفه و هدف آن را منعکس کند.
💥به عنوان مثال، اگر تابعی برای اضافه کردن دو عدد در نظر گرفته شده است، می‌توانید نام آن را add یا addNumbers بگذارید. بدنه تابع، حاوی دستورالعمل‌هایی است که باید هنگام فراخوانی تابع اجرا شوند و در داخل پرانتزهای {} قرار می‌گیرند.

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

// declaring a function named greet()

function greet() {

    console.log("Hello Maktabkhooneh");

}

💥 در قطعه کد بالا، تابعی به نام greet را اعلام می‌کنیم که پیام Hello Maktabkhoonehرا در کنسول ثبت می‌کند.

#Js #programming

Channel • @Cafe_Of_Code

Group • @Cafe_Code_Gap

GoodNight✨️

#Music


Channel • @Cafe_Of_Code

Group • @Cafe_Code_Gap

آموزش صفت id در HTML به زبان ساده


✨ صفت id با یک مقدار منحصر به فرد به یک عنصر HTML اشاره دارد.
✨صفتid را می توان در CSS و JavaScript برای انجام کار خاصی استفاده کرد.

صفت id همراه با CSS .

⚡️ در CSS، اگر بخواهید عنصری با یک id خاص انتخاب کنید، یک علامت مربع (#) را نوشته و به دنبال آن نام id را بنوسید.

مثال

در اینجا یک id با نام “”myid را در html همراه با CSS استفاده شده است:

<style>
#myid {
    background-color: lightpink;
    color: black;
    padding: ۴۰px;
    text-align: center;
}
</style>
<h1 id=”myid”>Example of HTML id</h1>

نکته :
در اینجا صفت id با نام “myid”، می تواند در هر عنصری از HTML مورد استفاده قرار گیرد. نام id در HTML به حروف بزرگ و کوچک حساس است و باید حداقل یک کاراکتر داشته باشد و نباید حاوی فضای سفید (فاصله ها، تب ها و …) باشد .

#Css #Html

Channel • @Cafe_Of_Code

Group • @Cafe_Code_Gap

✨ترسیم ماوس در جاوااسکریپت✨

const isTouchEvent = event.type.startsWith('touch');

if (isTouchEvent) { 
    startX = event.touches[0].clientX;
    startY = event.touches[0].clientY;
    startOffsetX = event.touches[0].offsetX;
    startOffsetY = event.touches[0].offsetY;
} else {     
    startX = event.clientX;
    startY = event.clientY;
    startOffsetX = event.offsetX;
    startOffsetY = event.offsetY;
}

#Js

Channel • @Cafe_Of_Code

Group • @Cafe_Code_Gap

♾ معرفی بهترین موزیک‌های آرامش‌بخش برای برنامه نویسی ♾

-Coding beats

-Aesthetic Lofi

-Lofi Coding

-Lofi Coders

-codefi / lofi beats

-Chill Lofi Study Beats

-Chasing Sunsets

-Ibiza Lounge Music

#Music

Channel • @Cafe_Of_Code

Group • @Cafe_Code_Gap

GoodNight✨️

• recommended : 1:50

(بی کلام)

#Music



Channel • @Cafe_Of_Code

Group • @Cafe_Code_Gap

استایل دادن به تگ details با استفاده از CSS

style>
 
details summary{
 padding:10px;
 background-color:#eeeeee;
 border:none;
 cursor:pointer;
 border-top-left-radius:5px;
 border-top-right-radius:5px;
}
 
details p{
 background-color:#eeeeee;
 padding:10px;
 margin:0;
}

#programming #html #css


Channel • @Cafe_Of_Code

Group • @Cafe_Code_Gap

💥 وبسایت هایی برای نمونه سوالات و تمرینات پایتون:

1. LeetCode:
(https://leetcode.com/)

2. HackerRank: (https://www.hackerrank.com/domains/tutorials/10-days-of-python)

3. Codewars:
(https://www.codewars.com/)

4. Exercism
(https://exercism.io/tracks/python/exercises)

5. GeeksforGeeks:
(https://www.geeksforgeeks.org/python-programming-language/)

6. Project Euler:
(https://projecteuler.net/)


⠀#Python

Channel • @Cafe_Of_Code

Group • @Cafe_Code_Gap

• Windows 12

- نیمه دوم سال ۲۰۲۴ عرضه میشه

#windows #information


Channel • @Cafe_Of_Code

Group • @Cafe_Code_Gap

فیلم‌های مخصوص برنامه‌نویسان 🍿🎥

- Primer
- The Matrix
- Office Space
- Deep Web
- The Matrix Reloaded

برای دوستات بفرست 😉

#movie

Channel • @Cafe_Of_Code

Group • @Cafe_Code_Gap

🔸استفاده از ویژگی border-left-width در CSS میتوان اندازه بوردر سمت چپ یک عنصر را مشخص و یا تعریف کرد.

My-Border {
border-left-width: 3px;
border-left-style: solid;
border-left-color: orange;
}

#programming #Html #Css

Channel • @Cafe_Of_Code

Group • @Cafe_Code_Gap

من میخواستم سیمیکالن کد هاش بشم ،
ولی اون پایتون کار میکرد😔💔

#Love #Fun

Channel • @Cafe_Of_Code

Group • @Cafe_Code_Gap

📱تمرین جاوااسکریپت :

⚡️ برنامه ای بنویسید که خروجی زیر چاپ کند:
*
**
***
****

💯یکم دقت میخواد💯

💥 راهنمایی : باید از دوتا حلقه for داخل هم استفاده کنین

⚡️جواباتونو کامنت کنید⚡️

🔥جواب فردا عصر ( 18:00 ) ارسال میشود🔥

💯 با ری اکشناتون حمایت کنید که بازم ازین مینی پروژه های جاوااسکریپتت و پایتون بزارمم❤️🔥

#Js #Programming

Channel • @Cafe_Of_Code

Group • @Cafe_Code_Gap

✨ تبدیل واحد دما در پایتون 😍

توضیحات پروژه :
این پروژه به شما نشان می‌دهد چگونه یک برنامه ساده برای تبدیل دما از درجه سلسیوس به فارنهایت و برعکس بسازید ؛

گام 1 : نصب Python
اگر Python را بر روی سیستم خود نصب نکرده‌اید، ابتدا Python را دانلود و نصب کنید.

گام 2 : ایجاد یک فولدر جدید
یک فولدر جدید با پسوند ".py" ایجاد کنید. مثلاً "temperature_converter.py".

گام 3 : نوشتن کد
کد زیر را در فولدر "temperature_converter.py" وارد کنید :

def celsius_to_fahrenheit(celsius):
    fahrenheit = (celsius * 9/5) + 32
    return fahrenheit

def fahrenheit_to_celsius(fahrenheit):
    celsius = (fahrenheit - 32) * 5/9
    return celsius

print("تبدیل دما:")
print("1. سلسیوس به فارنهایت")
print("2. فارنهایت به سلسیوس")

choice = input("لطفاً یک گزینه را انتخاب کنید (1 یا 2): ")

if choice == '1':
    celsius = float(input("لطفاً دما به درجه سلسیوس را وارد کنید: "))
    fahrenheit = celsius_to_fahrenheit(celsius)
    print(f"{celsius} درجه سلسیوس معادل {fahrenheit} درجه فارنهایت می‌باشد.")
elif choice == '2':
    fahrenheit = float(input("لطفاً دما به درجه فارنهایت را وارد کنید: "))
    celsius = fahrenheit_to_celsius(fahrenheit)
    print(f"{fahrenheit} درجه فارنهایت معادل {celsius} درجه سلسیوس می‌باشد.")
else:
    print("گزینه انتخاب شده معتبر نیست.")

گام 4: اجرا کردن برنامه
برای اجرای برنامه، یک ترمینال یا دستورالعمل خط فرمان باز کنید و به مسیر فولدر "temperature_converter.py" بروید. سپس دستور زیر را اجرا کنید :

python temperature_converter.py

برنامه شما اجرا می‌شود و به شما امکان تبدیل دما از واحد سلسیوس به فارنهایت و برعکس را می‌دهد

💥 رفقا مبتدی توضیح دادممم ،

💯 با ری اکشناتون حمایت کنید که بازم ازین مینی پروژه های جاوااسکریپتت و پایتون بزارمم❤️🔥

#Python #programming

Channel • @Cafe_Of_Code

Group • @Cafe_Code_Gap

GoodNight✨️

#Music


Channel • @Cafe_Of_Code

Group • @Cafe_Code_Gap

🔸تگ Nonoscript در HTML

🔸حال ممکنه مرورگر کاربر از جاوااسکریپت پشتیبانی نکند یا اصلا ممکنه کاربر خودش از نمایش و اجرا شدن دستورات جاوا اسکریپت در مرورگر جلوگیری کرده باشه. ( یعنی قابلیت اجرا شدن جاوااسکریپت در مرورگر رو غیرفعال کرده باشه

🔸در این مواقع ما میتونیم با استفاده از تگ nonoscript یک متن / محتوا را ایجاد نماییم که به کاربر بگه آقا مرورگر شما از دستورات جاوااسکریپت پشتیبانی نمیکند، تا در کل کاربر بدونه دلیل اجرا نشدن دستورات جاوااسکریپت چی بوده!

<body>
 
<h2 id="Result"></h2>
 
<noscript>
 document.getElementById("Result").innerHTML = "سایت آموزشی فری لرن";
</noscript>
<nonoscript>شرمنده، مرورگر شما از جاواسکریپت پشتیبانی نمیکند</nonoscript>
 
</body>

#programming #js #Html #Css


Channel • @Cafe_Of_Code

Group • @Cafe_Code_Gap

✨️ جواب تمرین جاوااسکریپت

خروجی :

*
**
***
****


💯 با ری اکشناتون حمایت کنید که بازم ازین مینی پروژه های جاوااسکریپتت و پایتون بزاریمم❤️🔥

#Js #Programming

Channel • @Cafe_Of_Code

Group • @Cafe_Code_Gap

#Fun #python #Programming

Channel • @Cafe_Of_Code

Group • @Cafe_Code_Gap

GoodNight✨️

#Music


Channel • @Cafe_Of_Code

Group • @Cafe_Code_Gap