👨💻5❤1
♻️ داشتم توی ریپو های اپن سورس گوگل میگشتم که رسیدم به پروژه Mesop با شعار به سرعت ، برنامه های وب جذاب با پایتون بسازید .
➕ باهاش میتونید با استفاده از پایتون و کمترین میزان کد نویسی وپ اب بسازید و برای اپ های internal و دمو خیلی باحاله.
🚩 ویژگی هاش:
🔰 پشتیبانی از Hot reload
🔰 بدون نیاز به Javanoscript/CSS/HTML میتونید ui های کاستوم بسازید
🔰 یادگیری آسون
🔰 کامپوننت های آماده
و ..
دموها:
🔗 https://google.github.io/mesop/demo/
وبسایت:
🔗 https://google.github.io/mesop/
گیت هاب:
🔗 https://github.com/google/mesop
#python #programming
𝗖𝗵𝗮𝗻𝗻𝗲𝗹 • @Programers_Cafe
𝗚𝗿𝗼𝘂𝗽 • @IRdeveloperchat
➕ باهاش میتونید با استفاده از پایتون و کمترین میزان کد نویسی وپ اب بسازید و برای اپ های internal و دمو خیلی باحاله.
🚩 ویژگی هاش:
🔰 پشتیبانی از Hot reload
🔰 بدون نیاز به Javanoscript/CSS/HTML میتونید ui های کاستوم بسازید
🔰 یادگیری آسون
🔰 کامپوننت های آماده
و ..
دموها:
🔗 https://google.github.io/mesop/demo/
وبسایت:
🔗 https://google.github.io/mesop/
گیت هاب:
🔗 https://github.com/google/mesop
#python #programming
𝗖𝗵𝗮𝗻𝗻𝗲𝗹 • @Programers_Cafe
𝗚𝗿𝗼𝘂𝗽 • @IRdeveloperchat
❤5👨💻2👍1
امروز اومدیم با معرفی کتابخانه canvas js به صورت مختصر
✨ اگر به دنبال ابزاری برای ترکیب دادهها، انیمیشنها و بازیها هستید، انتخابی عالی است.
♻️ نمونه هایی از چیز هایی که با این کتابخانه میشه درست کرد رو میتونید تو عکس ها ببینید .
#css #html #canvas #javanoscript
𝗖𝗵𝗮𝗻𝗻𝗲𝗹 • @Programers_Cafe
𝗚𝗿𝗼𝘂𝗽 • @IRdeveloperchat
این کتابخانه با قابلیتهای قدرتمند خود، امکان ایجاد جلوههای بصری جذاب و پویا را فراهم میکند که تجربه کاربری را بهبود میبخشد.
✨ اگر به دنبال ابزاری برای ترکیب دادهها، انیمیشنها و بازیها هستید، انتخابی عالی است.
♻️ نمونه هایی از چیز هایی که با این کتابخانه میشه درست کرد رو میتونید تو عکس ها ببینید .
#css #html #canvas #javanoscript
𝗖𝗵𝗮𝗻𝗻𝗲𝗹 • @Programers_Cafe
𝗚𝗿𝗼𝘂𝗽 • @IRdeveloperchat
🔥4👨💻3❤1
Ye-Roozi-Koorosh
Koorosh
❤5💔3🕊2
🔥اunpacking چیست؟
🔰در پایتون، unpacking به معنای جدا کردن و استخراج مقادیر از یک مجموعه (مثل لیست، تاپل یا دیکشنری) و اختصاص دادن آنها به متغیرهای مختلف است. و به چند نوع است.
▎۱. Unpacking لیستها
▎۲. Unpacking با استفاده از * (آسترک)
میتوانید از * برای جمعآوری چندین مقدار در یک متغیر استفاده کنید.
▎۳. Unpacking دیکشنریها
برای unpacking دیکشنریها، میتوانید از متد .items() استفاده کنید.
▎۴. Unpacking در توابع
میتوانید از *args و **kwargs برای دریافت آرگومانهای ورودی به صورت unpacked استفاده کنید.
▎۵. Unpacking در توابع با استفاده از zip()
با استفاده از zip() میتوانید چندین لیست را به صورت همزمان unpack کنید.
#python
#Ah_sear
𝗖𝗵𝗮𝗻𝗻𝗲𝗹 • @Programers_Cafe
𝗚𝗿𝗼𝘂𝗽 • @IRdeveloperchat
🔰در پایتون، unpacking به معنای جدا کردن و استخراج مقادیر از یک مجموعه (مثل لیست، تاپل یا دیکشنری) و اختصاص دادن آنها به متغیرهای مختلف است. و به چند نوع است.
▎۱. Unpacking لیستها
my_list = [1, 2, 3]
a, b, c = my_list
print(a) # خروجی: 1
print(b) # خروجی: 2
print(c) # خروجی: 3
▎۲. Unpacking با استفاده از * (آسترک)
میتوانید از * برای جمعآوری چندین مقدار در یک متغیر استفاده کنید.
my_list = [1, 2, 3, 4, 5]
a, *b, c = my_list
print(a) # خروجی: 1
print(b) # خروجی: [2, 3, 4]
print(c) # خروجی: 5
▎۳. Unpacking دیکشنریها
برای unpacking دیکشنریها، میتوانید از متد .items() استفاده کنید.
my_dict = {'name': 'Alice', 'age': 30}
for key, value in my_dict.items():
print(key, value)▎۴. Unpacking در توابع
میتوانید از *args و **kwargs برای دریافت آرگومانهای ورودی به صورت unpacked استفاده کنید.
def my_function(*args, **kwargs):
print(args)
print(kwargs)
my_function(1, 2, 3, name='Alice', age=30)
▎۵. Unpacking در توابع با استفاده از zip()
با استفاده از zip() میتوانید چندین لیست را به صورت همزمان unpack کنید.
names = [Ali', 'Sear', 'Mohammad']
ages = [25, 30, 35]
for name, age in zip(names, ages):
print(f"{name} is {age} years old.")
#python
#Ah_sear
𝗖𝗵𝗮𝗻𝗻𝗲𝗹 • @Programers_Cafe
𝗚𝗿𝗼𝘂𝗽 • @IRdeveloperchat
❤4🔥4
آشنایی با هوش مصنوعی leonardo ai 🤖
هوش مصنوعی لئوناردو یکی از چند مورد هوش مصنوعی است که قادر به تولید عکس و ویدیو از متن هستند.
♻️ و خوبی این هوش مصنوعی اینه که تقریبا رایگانه . به صورتی که هر روز به شما برای همون روز چند امتیاز رایگان میده که شما میتونید با این امتیاز ها ازش درخواست تولید عکس کنید
از این پس برای ساخت عکس با هوش
مصنوعی یکی از بهترین گزینههای پیش روی شما لئوناردو خواهد بود
❗️متاسفانه این هوش مصنوعی فیلتره
#Ai #programming
𝗖𝗵𝗮𝗻𝗻𝗲𝗹 • @Programers_Cafe
𝗚𝗿𝗼𝘂𝗽 • @IRdeveloperchat
هوش مصنوعی لئوناردو یکی از چند مورد هوش مصنوعی است که قادر به تولید عکس و ویدیو از متن هستند.
♻️ و خوبی این هوش مصنوعی اینه که تقریبا رایگانه . به صورتی که هر روز به شما برای همون روز چند امتیاز رایگان میده که شما میتونید با این امتیاز ها ازش درخواست تولید عکس کنید
از این پس برای ساخت عکس با هوش
مصنوعی یکی از بهترین گزینههای پیش روی شما لئوناردو خواهد بود
❗️متاسفانه این هوش مصنوعی فیلتره
#Ai #programming
𝗖𝗵𝗮𝗻𝗻𝗲𝗹 • @Programers_Cafe
𝗚𝗿𝗼𝘂𝗽 • @IRdeveloperchat
Leonardo AI
AI Image Generator - Create Art, Images & Video | Leonardo AI
Transform your projects with our AI image generator. Generate high-quality, AI generated images with unparalleled speed and style to elevate your creative vision
🔥4⚡2👨💻2
خروجی کد زیر چیست ؟؟
#javanoscript #challenge
Channel • @Programers_Cafe
Group • @IRdeveloperchat
console.log(MyClass);
class MyClass {
constructor() {
this.value = 42;
}
}
#javanoscript #challenge
Channel • @Programers_Cafe
Group • @IRdeveloperchat
👨💻5
👨💻5
تفاوت فرانت اند و بک اند :
بزار اینطوری بگم ،شما یه ماشین رو تصور کن 🚘
مثلا همین ماشین بالا👆
وفتی عکسش رو میبینید با خودتون میگید چقدر قشنگه😍 چقدر برق میزنه😯✨ چه طراحی زیبایی داره و خلاصه جذب و محو زیبایی و ظاهرش میشید🤔😁
این میشه فرانت اند و کار فرانت اند دولوپر دقیقا همینه(: کاری میکنه که شما محو فرانت سایت بشید و دلتون نخواد پنجره وبسایت رو ببندید😎😁
ولی بک اند دیده نمیشه 😶🌫️ بک اند میشه اون قسمت از ماشین که باعث حرکت ماشین میشه🙂
جایی که قدرت موتور،سرعت ماشین و... تعیین میشه🙂🚘 و تو مات میمونی از سرعت و قدرت ماشین،از سرعت روشن شدنش،از میزان مصرف سوختش🫠💯
بک اند همینه و بس..(:
بک اند تعیین میکنه چه قدر منتظر بمونی تا سایت لود بشه(ولی تو این امر فرانت اند هم تاثیر داره)🥷😌
اینکه اطلاعاتت کجا ذخیره بشه🥲🤔این اطلاعاتی که ذخیره شدن چه قدر امنیت داشته باشن🙂🪖🥷یا یه کاربر چه حدی از دسترسی و چه دسترسی هایی توی سایت داشته باشن📱😌
#back_end #front_end #difference
Channel • @Programers_Cafe
Group • @IRdeveloperchat
بزار اینطوری بگم ،شما یه ماشین رو تصور کن 🚘
مثلا همین ماشین بالا👆
وفتی عکسش رو میبینید با خودتون میگید چقدر قشنگه😍 چقدر برق میزنه😯✨ چه طراحی زیبایی داره و خلاصه جذب و محو زیبایی و ظاهرش میشید🤔😁
این میشه فرانت اند و کار فرانت اند دولوپر دقیقا همینه(: کاری میکنه که شما محو فرانت سایت بشید و دلتون نخواد پنجره وبسایت رو ببندید😎😁
ولی بک اند دیده نمیشه 😶🌫️ بک اند میشه اون قسمت از ماشین که باعث حرکت ماشین میشه🙂
جایی که قدرت موتور،سرعت ماشین و... تعیین میشه🙂🚘 و تو مات میمونی از سرعت و قدرت ماشین،از سرعت روشن شدنش،از میزان مصرف سوختش🫠💯
بک اند همینه و بس..(:
بک اند تعیین میکنه چه قدر منتظر بمونی تا سایت لود بشه(ولی تو این امر فرانت اند هم تاثیر داره)🥷😌
اینکه اطلاعاتت کجا ذخیره بشه🥲🤔این اطلاعاتی که ذخیره شدن چه قدر امنیت داشته باشن🙂🪖🥷یا یه کاربر چه حدی از دسترسی و چه دسترسی هایی توی سایت داشته باشن📱😌
#back_end #front_end #difference
Channel • @Programers_Cafe
Group • @IRdeveloperchat
👨💻7❤4⚡3🔥2
🔥مدیریت ارور ها و استثناها در php🔥
مدیریت ارورها و استثناها (Error and Exception Handling) این موضوع برای برنامه نویسان مهم است بخاطریکه به اونها کمک میکند تا مشکلات را شناسایی و مدیریت کنند و از بروز ارورها جلوگیری کنند.
🔰مدیریت ارورها (Error Handling)
اPHP به طور پیشفرض خطاها را به صورت پیامهای ساده نشان میدهد. برای مدیریت بهتر ارور ها ، میتونیم از توابعی مانند set_error_handler استفاده کنیم.
🌀 مثال:
🔰 مدیریت استثناها (Exception Handling)
استثناها به ما اجازه میدهند تا ارورهای غیرمنتظره را به شکلی کنترلشدهتر مدیریت کنیم. با استفاده از try, catch, و throw میتوانیم استثناها را مدیریت کنیم.
🌀مثال:
🔰 ترکیب مدیریت ارورها و استثناها
میتوانیم هر دو روش را با هم ترکیب کنیم تا ازشون استفاده کنیم و مدیریت پیشتری داشته باشیم
🌀 مثال:
🔰 ثبت ارورها (Logging)
برای ثبت ارورها میتوانیم از فایلها یا سیستمهای مانیتورینگ استفاده کنیم. به عنوان مثال، میتوانیم از تابع error_log برای ثبت ارورها در یک فایل خاص استفاده کنیم.
🔰 مثال:
#php #error
Channel ° @Programers_Cafe
Group • @IRdeveloperchat
مدیریت ارورها و استثناها (Error and Exception Handling) این موضوع برای برنامه نویسان مهم است بخاطریکه به اونها کمک میکند تا مشکلات را شناسایی و مدیریت کنند و از بروز ارورها جلوگیری کنند.
🔰مدیریت ارورها (Error Handling)
اPHP به طور پیشفرض خطاها را به صورت پیامهای ساده نشان میدهد. برای مدیریت بهتر ارور ها ، میتونیم از توابعی مانند set_error_handler استفاده کنیم.
🌀 مثال:
<?php
// تابع برای مدیریت خطاها
function customError($errno, $errstr) {
echo "خطا: [$errno] $errstr<br>";
echo "خطا در خط: " . LINE . "<br>";
die(); // خاتمه برنامه
}
// تنظیم تابع مدیریت خطا
set_error_handler("customError");
echo $undefinedVariable;
?>
🔰 مدیریت استثناها (Exception Handling)
استثناها به ما اجازه میدهند تا ارورهای غیرمنتظره را به شکلی کنترلشدهتر مدیریت کنیم. با استفاده از try, catch, و throw میتوانیم استثناها را مدیریت کنیم.
🌀مثال:
<?php
class CustomException extends Exception {}
function checkAge($age) {
if ($age < 18) {
throw new CustomException("سن باید حداقل 18 سال باشد.");
}
return true;
}
try {
checkAge(15); // اینجا استثنا پرتاب میشود
} catch (CustomException $e) {
echo 'استثنا: ' . $e->getMessage(); // نمایش پیام استثنا
}
?>
🔰 ترکیب مدیریت ارورها و استثناها
میتوانیم هر دو روش را با هم ترکیب کنیم تا ازشون استفاده کنیم و مدیریت پیشتری داشته باشیم
🌀 مثال:
<?php
function customError($errno, $errstr) {
echo "خطا: [$errno] $errstr<br>";
}
set_error_handler("customError");
class CustomException extends Exception {}
function checkNumber($number) {
if ($number <= 0) {
throw new CustomException("عدد باید بزرگتر از صفر باشد.");
}
return true;
}
try {
checkNumber(-5); // اینجا استثنا پرتاب میشود
} catch (CustomException $e) {
echo 'استثنا: ' . $e->getMessage(); // نمایش پیام استثنا
}
echo $undefinedVariable;
?>
🔰 ثبت ارورها (Logging)
برای ثبت ارورها میتوانیم از فایلها یا سیستمهای مانیتورینگ استفاده کنیم. به عنوان مثال، میتوانیم از تابع error_log برای ثبت ارورها در یک فایل خاص استفاده کنیم.
🔰 مثال:
<?php
function customError($errno, $errstr) {
error_log("خطا: [$errno] $errstr", 3, "errors.log"); // ثبت خطا در فایل errors.log
}
set_error_handler("customError");
echo $undefinedVariable;
?>
#php #error
Channel ° @Programers_Cafe
Group • @IRdeveloperchat
👨💻6
خروجی کد زیر چیست
#javanoscript #challenge
𝗖𝗵𝗮𝗻𝗻𝗲𝗹 • @Programers_Cafe
𝗚𝗿𝗼𝘂𝗽 • @IRdeveloperchat
function sumEvenIndices(arr) {
return arr.reduce((sum, num, index) => {
return index % 2 === 0 ? sum + num : sum;
}, 0);
}
const numbers = [10, 20, 30, 40, 50];
const result = sumEvenIndices(numbers);
console.log(result);#javanoscript #challenge
𝗖𝗵𝗮𝗻𝗻𝗲𝗹 • @Programers_Cafe
𝗚𝗿𝗼𝘂𝗽 • @IRdeveloperchat
👨💻7
👨💻7
😇راهنمایی کد بالا
❗️به طور کلی کد بالا وظیفه اینو داره که بیاد index های زوج ایتم های ارایه numbers رو با هم جمع کنه
#javanoscript #challenge
𝗖𝗵𝗮𝗻𝗻𝗲𝗹 • @Programers_Cafe
𝗚𝗿𝗼𝘂𝗽 • @IRdeveloperchat
❗️
توضیح reduce : تابع reduce در جاوااسکریپت برای کاهش یک آرایه به یک مقدار واحد استفاده میشود.
استفاده های رایج :
جمع مقادیر: محاسبه مجموع یا میانگین مقادیر.
ساخت شیء: تبدیل آرایه به یک شیء.
ترکیب آرایهها: ساخت آرایههای جدید یا ترکیب دادهها
sum = میاد دونه به دونه مقادیر داخل ارایه رو داخل کد میزاره
num = مقدار اولیه و ذخیره شده
index = جایگاه یا همون ایندکس خونه ای که sum برمیگردونه
#javanoscript #challenge
𝗖𝗵𝗮𝗻𝗻𝗲𝗹 • @Programers_Cafe
𝗚𝗿𝗼𝘂𝗽 • @IRdeveloperchat
👨💻6
فرق HTML با HTML5 چیه؟
#programming #frontend #Html #Css
𝗖𝗵𝗮𝗻𝗻𝗲𝗹 • @Programers_Cafe
𝗚𝗿𝗼𝘂𝗽 • @IRdeveloperchat
#programming #frontend #Html #Css
𝗖𝗵𝗮𝗻𝗻𝗲𝗹 • @Programers_Cafe
𝗚𝗿𝗼𝘂𝗽 • @IRdeveloperchat
❤7🔥4
🔥توی این پست میخوام دوازده تا از پرکاربرد ترین تابع های css رو بگم🔥
1⃣var():
🔹برای استفاده از متغیرهای CSS تعریف شده با -- به کار میرود.
- مثال:
2⃣rgb():
🔹 برای تعریف رنگها با مقادیر قرمز، سبز و آبی.
-مثال:
3⃣rgba():
🔹مشابه rgb() است، اما شامل شفافیت (آلفا) نیز میباشد.
- مثال:
4⃣hsl():
🔹رنگها را با استفاده از Hue (زاویه رنگ)، Saturation (اشباع) و Lightness (روشنی) تعریف میکند.
- مثال:
5⃣hsla():
🔹مشابه hsl() است، اما شامل شفافیت (آلفا) نیز میباشد.
- مثال:
6⃣translate():
🔹 برای جابجایی عنصر در فضای دو بعدی استفاده میشود.
- مثال:
7⃣rotate():
🔹برای چرخاندن عنصر حول محور خود استفاده میشود.
- مثال:
8⃣scale():
🔹برای تغییر اندازه عنصر استفاده میشود.
- مثال:
9⃣ clamp():
🔹مقدار را بین حداقل و حداکثر محدود میکند.
- مثال:
1⃣0⃣conic-gradient():
🔹برای ایجاد گرادیانهای مخروطی استفاده میشود.
- مثال:
1⃣1⃣ linear-gradient():
🔹برای ایجاد گرادیان خطی بین دو یا چند رنگ استفاده میشود.
- مثال:
1⃣2⃣radial-gradient():
🔹 برای ایجاد گرادیان شعاعی از یک نقطه مرکزی به سمت بیرون استفاده میشود.
- مثال:
#css #function #html
#Ah_sear
𝗖𝗵𝗮𝗻𝗻𝗲𝗹 • @Programers_Cafe
𝗚𝗿𝗼𝘂𝗽 • @IRdeveloperchat
1⃣var():
🔹برای استفاده از متغیرهای CSS تعریف شده با -- به کار میرود.
- مثال:
--main-color: #3498db;
color: var(--main-color);
2⃣rgb():
🔹 برای تعریف رنگها با مقادیر قرمز، سبز و آبی.
-مثال:
background-color: rgb(255, 0, 0); /* قرمز */
3⃣rgba():
🔹مشابه rgb() است، اما شامل شفافیت (آلفا) نیز میباشد.
- مثال:
background-color: rgba(255, 0, 0, 0.5); /* قرمز با شفافیت ۵۰% */
4⃣hsl():
🔹رنگها را با استفاده از Hue (زاویه رنگ)، Saturation (اشباع) و Lightness (روشنی) تعریف میکند.
- مثال:
color: hsl(120, 100%, 50%); /* سبز */
5⃣hsla():
🔹مشابه hsl() است، اما شامل شفافیت (آلفا) نیز میباشد.
- مثال:
color: hsla(120, 100%, 50%, 0.5); /* سبز با شفافیت ۵۰% */
6⃣translate():
🔹 برای جابجایی عنصر در فضای دو بعدی استفاده میشود.
- مثال:
transform: translate(50px, 100px);
7⃣rotate():
🔹برای چرخاندن عنصر حول محور خود استفاده میشود.
- مثال:
transform: rotate(45deg);
`
8⃣scale():
🔹برای تغییر اندازه عنصر استفاده میشود.
- مثال:
transform: scale(1.5); /* افزایش اندازه به ۱۵۰% */
9⃣ clamp():
🔹مقدار را بین حداقل و حداکثر محدود میکند.
- مثال:
font-size: clamp(1rem, 2vw + 1rem, 3rem); /* اندازه مت بین ۱ و ۳ ریم */
1⃣0⃣conic-gradient():
🔹برای ایجاد گرادیانهای مخروطی استفاده میشود.
- مثال:
background: conic-gradient(red, yellow, green, blue);
1⃣1⃣ linear-gradient():
🔹برای ایجاد گرادیان خطی بین دو یا چند رنگ استفاده میشود.
- مثال:
background: linear-gradient(to right, red, blue);
1⃣2⃣radial-gradient():
🔹 برای ایجاد گرادیان شعاعی از یک نقطه مرکزی به سمت بیرون استفاده میشود.
- مثال:
background: radial-gradient(circle, red, blue);
#css #function #html
#Ah_sear
𝗖𝗵𝗮𝗻𝗻𝗲𝗹 • @Programers_Cafe
𝗚𝗿𝗼𝘂𝗽 • @IRdeveloperchat
🔥7⚡2
✨ امروز 31 شهریور ، سالگرد آغاز جنگ ایران و عراقه ؛
𝗖𝗵𝗮𝗻𝗻𝗲𝗹 • @Programers_Cafe
𝗚𝗿𝗼𝘂𝗽 • @IRdeveloperchat
جنگی که ایرانیها نه تسلیم شدن و نه به کشور ديگه ای پناهنده شدن! اونا موندن و 300 هزارتا شهید دادن ولی حتی اجازه ندادن یک سانتی متر از این کشور به دست کثیف عراقی جماعت آلوده بشه.
𝗖𝗵𝗮𝗻𝗻𝗲𝗹 • @Programers_Cafe
𝗚𝗿𝗼𝘂𝗽 • @IRdeveloperchat
❤27🔥2🕊2💔1👨💻1
دید که وقتی توی یه سایتی روی متنی کلیک میکنید متنه تو کلیپ برورد شما کپی میشه کدش اینه 👇👇👇
#javanoscript #html
𝗖𝗵𝗮𝗻𝗻𝗲𝗹 • @Programers_Cafe
𝗚𝗿𝗼𝘂𝗽 • @IRdeveloperchat
<span class="sadowpaswordFile" onclick="copyToClipboard()">کپی رمز</span>
function copyToClipboard() {
const textToCopy = 'متن شما اینجا';
navigator.clipboard.writeText(textToCopy).then(() => {
alert('متن کپی شد!');
}).catch(err => {
console.error('خطا در کپی:', err);
});
}#javanoscript #html
𝗖𝗵𝗮𝗻𝗻𝗲𝗹 • @Programers_Cafe
𝗚𝗿𝗼𝘂𝗽 • @IRdeveloperchat
❤9🔥5👨💻4