‏اینو خوندم دیدم خیلی دید ساده تری نسبت به یک سری قواعد تو جاوااسکریپت بهم میده
دوست داشتید بخونیدش ۱۰ دقیقه کلا وقت میگیره ازتون :

Learning JavaScript With Imagination smashingmagazine.com/2023/05/learni…‎ via ‎@smashingmag

#frontend #javanoscript

Channel ° @Cafe_Of_Code

Group ° @IRdeveloperchat

میخواهی بمان، میخواهی برو
رفتن تو دل‌انگیز تر از آمدن دیگریست...

تنها یک چیز را بیشتر از تو دوست دارم
اینکه تو را "دوست دارم"؛

- محمد ابراهیم جعفری

#text


Channel • @Cafe_Of_Code

Group • @IRdeveloperchat

چجوری بعضی از وبسایت ها وقتی یه فایل رو آپلود میکنیم حجمش رو میگن❓❓

✅خب توی این پست کامل تشریح میدم اول اینکه با JavaScript می‌خوام مقادیر Mb,Gb,Kb رو بگم.

### تابع برای تبدیل به مگابایت:
function bytesToMB(bytes) {
    return (bytes / (1024 * 1024)).toFixed(2) + ' MB';
}

// مثال:
console.log(bytesToMB(1048576)); // Output: 1 MB

### تابع برای تبدیل به گیگابایت:
function bytesToGB(bytes) {
    return (bytes / (1024 * 1024 * 1024)).toFixed(2) + ' GB';
}

// مثال:
console.log(bytesToGB(1073741824)); // Output: 1 GB

### تابع برای تبدیل به کیلوبایت:
function bytesToKB(bytes) {
    return (bytes / 1024).toFixed(2) + ' KB';
}

// مثال:
console.log(bytesToKB(1024)); // Output: 1 KB

این توابع اعداد را به ترتیب تبدیل به مگابایت، گیگابایت و کیلوبایت می‌کنند و مقدار را به صورت رشته با دو رقم اعشار برمی‌گردانند. این رشته به عنوان خروجی شامل واحد اندازه‌گیری ذکر شده است.
و شما میتوانید برای وبسایت تان استفاده کنید
#رهنمایی
#Mb #Gb #Kb #javanoscript


Channel ° @Cafe_Of_Code
Group ° @IRdeveloperchat

✅ از وقتی اومدم رو vscode تم های خیلی زیادی نصب و امتحان کردم ولی اگه بخوام 10 تا از بهترین هاشونو معرفی کنم اینا هستن :

⭕️ One Dark Pro
⭕️ Dracula Official
⭕️ Andromeda
⭕️ Night Owl
⭕️ Monokai Pro
⭕️ Noctis
⭕️ Atom One
⭕️ GitHub Theme
⭕️ One Monokai Theme
⭕️ Nord


🔍 فقط کافیه اسمشون رو توی بخش Extenstion های VS CODE سرچ کنید و نصبشون کنید.

❤️ خودم شخصا night owl و Andromeda رو خیلی دوست داشتم.

#frontend #vscode

Channel ° @Cafe_Of_Code

Group ° @IRdeveloperchat

🔺 یه مشکلی که با height : 100vh داریم اینه که توی موبایل اسکرول میخوره و تمام ارتفاع صفحه مرورگر همراه آدرس بار ( نه فاصله از آدرس بار تا انتهای صفحه )

ولی با این تکنیک میشه حلش کرد 😍👌

#frontend #css

Channel ° @Cafe_Of_Code

Group ° @IRdeveloperchat

آموزش برنامه نویسی در گوشی یا تبلت اندرویدی
ویرایشگر کد منبع (Source code editor)

اولین چیزی که برای برنامه نویسی با گوشی یا تبلت نیاز دارید یک ویرایشگر کد منبع است . این ویرایشگر به شما امکان می دهد فایلهای متنی را به زبانهای مختلف برنامه نویسی بنویسید و ویرایش کنید .

💥 به بیان ساده تر : ویرایشگر کد منبع همان جاییست که شما کدهایتان را می نویسید.

⚡️ کار با ویرایشگر کد منبع اندروید هم درست مثل ویرایشگر کامپیوتر هم خیلی ساده است و امکان تغییر اندازه فونت ، رنگ طرح و موارد دیگر برای شما وجود دارد .
⚡️ علاوه بر این، از قابلیت های برش، کپی و پیست کردن هم می توانید استفاده کنید. تنها چیزی که باید یاد بگیرید نحوه مدیریت متن کدگذاری شده UTF-8 و هایلایت کردن سینتکس (syntax) است.

✨ اگر به گوگل پلی استور سری بزنید با ویرایشگرهای متنی خیلی زیادی مواجه می شوید .

💯 برنامه ای را انتخاب کنید که هم محبوب و هم رایگان باشد

می توانید از اپلیکیشن های Vim (لینک دانلود) که تصویر آن را در تصویر می بینید یا Nano (لینک دانلود) استفاده کنید که ویژگیهای بهتری دارد .

#programming

Channel°@Cafe_Of_Code

Group°@IRdeveloperchat

GoodNight✨️

#Music


Channel • @Cafe_Of_Code

Group • @IRdeveloperchat

🔥 یه چیزی یادم اومد که گفتم بهتون بگم

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

🔅اینجوری برای افزایش مهارت هاتون کمک میشه و در ضمن قرار نیست همیشه و همیشه یه کامپیوتر پیش تون باشه تا کد رو اجرا کنید

🔅پیشتر کوشش تون این باشه که اول تو ذهن تون کد رو اجرا کنید بعد کامپیوتر ( منظورم از اینکه کد رو تو ذهن خودتون اجرا کنید کد های کوچک است نه کد های خیلی بزرگ مثلا درحد 5 یا 15 رو پیش خود تون اجرا کنید)

🔅یه نکته دیگه هیچگاه کوشش نکنید که بیایید سئوالات سخت رو جواب دهید اگه که جواب رو نمی‌دونید لازم نیست جواب دهید رد شید اگه که میدونید خوب جواب دهید .

🔴 این متن رو بخاطری گفتم که دوست دارم گاهی یا هر روز چلنج برنامه نویسی بگذارم و دوست دارم همه شرکت کنند❤️

#Ah_sear

Channel ° @Cafe_Of_Code
Group ° @Irdeveloperchat

من دیگه نیازی به آدمای جدید ندارم..
اونایی که دور منن هر روز دارن یه آدم جدید میشن؛

#text


Channel • @Cafe_Of_Code

Group • @IRdeveloperchat

💠نکات ارگونومی کار با کامپیوتر

- طی کار با کامپیوتر در هر ۲۰ دقیقه ۱۰ الی ۲۰ ثانیه استراحت کنید.

- هنگام تایپ بازوها و آرنج ها با هم زاویه ۹۰ درجه تشکیل دهند.

- کمر و سر و گردن به صورت صاف و عمود باشد.

- از حرکات کششی برای تقویت عضلات استفاده کنید.

- مانیتور در راستای مستقیم و در فاصله ۵۰ تا ۷۰ سانتی‌متر باشد.

- مرکز مانیتور باید حدود ۱۰ تا ۲۰ سانتی‌متر پایین‌تر از چشم باشد.

- هر ۵ تا ۱۰ دقیقه چشم خود را از مانیتور برداشته و به مدت ۵ الی ۱۰ ثانیه به جای دور نگاه کنید.

#information #ergonomics


Channel • @Cafe_Of_Code

Group • @IRdeveloperchat

🎯گزارشات و مقالات🎯

📱 مهاجرت با شغل برنامه نویسی چگونه است؟

⚡️ در حال حاضر ، برنامه نویسی یکی از پردرآمدترین و پرتقاضاترین شغل‌ها در سراسر دنیا است .

به همین دلیل یک برنامه نویس (web developer) حرفه‌ای برای مهاجرت شغلی موقعیت‌های بسیار خوبی در اختیار خواهد داشت .
فارغ از اینکه شما یک توسعه‌دهنده باشید یا یک کدنویس حرفه‌ای و جدا از اینکه به چه زبان‌های برنامه‌نویسی تسلط داشته باشید ، برای مهاجرت به کشورهای دیگر باید از قوانین مهاجرتی آن کشورها، بازار کار آنها و ساده‌ترین راه‌ها برای مهاجرت شغلی آگاه باشید .
در این مقاله ما شما را با شیوه‌های کلی مهاجرت برنامه‌نویسان و راه‌های مهاجرت به کشورهایی مانند کانادا ، آمریکا و آلمان آشنا می‌کنیم .

برای ورود به سایت کلیک کنید

#programming #Site

Channel • @Cafe_Of_Code

Group • @IRdeveloperchat

Put your website's logo on your website name

https://youtube.com/shorts/5T8TC89ywvA?si=plBq4r6dVijS7UxC


#html #logo #css #icon #web #website #favicon

Channel ° @Cafe_Of_Code
Group ° @IRdeveloperchat

امروز 17 July، روز جهانی ایموجیه

یه ایموجی برامون ری اکشن کنید

✅ معرفی سایت هایی برای ایده گرفتن جهت طراحی فرانت اند

⭕️ Behance – Discover
behance.net

⭕️ Awwwards
awwwards.com

⭕️ Dribbble
dribbble.com

⭕️ Best Website Gallery
bestwebsite.gallery

⭕️ abdz
abduzeedo.com

#frontend

Channel ° @Cafe_Of_Code

Group ° @IRdeveloperchat

GoodNight✨️

#Music


Channel • @Cafe_Of_Code

Group • @IRdeveloperchat

📲 دوره آنلاین فلاتر ✨

🔰دوره رایگان می‌باشد🔰

🛡چرا فلاتر ؟¿؟

1- رابط کاربری منعطف

2- برخورداری از مستندات کامل

3- متن‌باز و رایگان بودن تمام ابزارک‌ها

4- امکان ساخت برنامه‌های چندپلتفرمی

5- سازگاری چشمگیر با استارتاپ‌های MVP

☑️ کدام کسب‌وکارهایی از فلاتر استفاده کنند ؟

✓ استارتاپ‌های نوپا

✓ کسب‌وکارهایی با منابع محدود 

✓ کسب‌وکارهای نیازمند به ساخت MVP

🚩 رایگان بودن دوره نشانه بی کیفیت بودنش نیست و برای اون تلاش های فراوانی شده  ،
➖ اگر هدف یادگیری رو داری بیا به جمعمون بپیوند و با ما همراه شو❤️

✖️ مراحل ثبت نام :

➕ ابتدا در چنل کافه کد با آیدی زیر عضو شوید :

Channel ° @Cafe_Of_Code

Group ° @Irdeveloperchat

➕  سپس به آیدی زیر پیغام دهید :

🔘 @AC_Front 🔘

💠 بلاکچین (Blockchain) چیست؟

- شبکه‌ای است که با استفاده از تکنولوژی‌های غیرمتمرکز (Decentralized) و رمزنگاری، تاریخچه تمام تراکنش‌های انجام شده با دارایی‌های دیجیتال مانند بیت کوین را در یک دفتر کل دیجیتال و عمومی ذخیره می‌کند.

- می‌توان گفت بلاکچین یک دفتر کل دیجیتال بزرگ است که اطلاعات تراکنش‌های شبکه به شکل دقیقی در آن ذخیره می‌شود


🔗 کاربرد بلاکچین:

● حساب های بانکی

● قراردادهای محرمانه

● ارزهای مجازی و دیجیتال

● تولید ارزهای رمز پایه

● درگاه‌های پرداخت مبتنی بر ارزهای نوین

#Blockchain #information


Channel • @Cafe_Of_Code

Group • @IRdeveloperchat

🧑‍💻کتابخانه Animate.css

👈یک کتابخانه CSS هست که مجموعه‌ای از انیمیشن‌های از پیش تعریف شده رو برای استفاده توی وب‌سایت‌ها و پروژه‌های وب ارائه میده

👈این کتابخانه به توسعه‌دهندگان اجازه میده تا به سادگی و بدون نیاز به نوشتن کد انیمیشن پیچیده، عناصر HTML خودشون رو انیمیشن‌دار کنن.


👈سایت Animate.css به صورت کامل این کتابخانه رو آموزش داده

👈سایت Animate.css منبع رسمی برای کتابخانه‌ی محبوب Animate.css هست. این سایت اطلاعات کامل و دقیقی درباره‌ی نحوه استفاده از این کتابخانه‌ی انیمیشن‌های CSS ارائه میده.

#programming
#Css
#frontend

Channel • @Cafe_Of_Code

Group • @IRdeveloperchat

GoodNight✨️

#Music


Channel • @Cafe_Of_Code

Group • @IRdeveloperchat