✨سطوح مختلف برنامه نویسان

#programming


Channel • @Cafe_Of_Code

Group • @Cafe_Code_Gap

✨ سایت شخصی با Html , Css ✨
فایلش هم به زودی ارسال میشه🔥
⚡️با ری اکشن هاتون بهمون انرژی بدید ❤️

#Html #Css

Channel • @Cafe_Of_Code

Group • @Cafe_Code_Gap

خب اینم فایلش ❤️

Channel • @Cafe_Of_Code

Group • @Cafe_Code_Gap

💥 من برنامه نویسم و ....

زیر این پست بگو چه ویژگی ای داری✨

#Challenge

Channel • @Cafe_Of_Code

Group • @Cafe_Code_Gap

Jr Dev VS Tester 😂

#Fun

Channel • @Cafe_Of_Code

Group • @Cafe_Code_Gap

💥 ‏یک کد ادیتورِ آنلاینِ قدرتمند :)

🔥 ویژگی هاش :

⚡️ پشتیبانی از ۸۰ زبان و فریم‌ورک
⚡️ امکان همگام‌سازی کدها با گیت‌هاب
⚡️ امکان اجرا به صورت Self-Hosted
⚡️ هوش مصنوعی Codeium
⚡️ امکان پخش زنده کدنویسی
⚡️ متن باز، رایگان، نامحدود
⚡️ ذخیره آفلاین داده‌ها
⚡️ بدون نیاز به ثبت‌نام
⚡️ موبایل‌فرندلی و ...

اینجا کلیک کن که وارد سایتش شی✨

#Site

Channel • @Cafe_Of_Code

Group • @Cafe_Code_Gap

🔆 امروز 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