⚡️6 تا وبسایت برای دانلود UI و UX وبسایت

1⃣Dribble

2⃣Behance

3⃣ Ui8

4⃣Freebiesbug

5⃣Figma

6⃣Adobe Xd


#UX #UI #web #website

#Ah_sear

Channel • @Cafe_Of_Code

Group • @IRdeveloperchat

و خدایی که تو رو ببخشه خدای من نیست!

- پوتک
9:30

#text


Channel • @Cafe_Of_Code

Group • @IRdeveloperchat

⚡️معنایی استاتوس کد های HTTP

#HTTTP #web

#Ah_sear

Channel • @Cafe_Of_Code
Group • @IRdeveloperchat

متد‌ some در جاوا اسکریپت
فرض کنید آرایه‌ای به شکل زیر داریم که می‌خواهیم بدانیم مقدار ویژگی pilot در کدام قسمت برابر True است.

var operatives = [
  { id: 12, name: 'Baze Malbus', pilot: false },
{ id: 44, name: 'Bodhi Rook', pilot: true },
  { id: 59, name: 'Chirrut Îmwe', pilot: false },
  { id: 122, name: 'Jyn Erso', pilot: false } ];
]

در حالت عادی و بدون استفاده از متد some باید کد زیر را بنویسیم.

var listHasPilots = false;

operatives.forEach(function (operative) {

if (operative.pilot) {

listHasPilots = true;

}

});

اما به یمن وجود متد Some کد ما به شکل زیر ساده و خلاصه می‌شود.

var listHasPilots = operatives.some(function (operative) {

return operative.pilot;

});

همچنین در ES6 کد ما به شکلی که در ادامه می‌بینید
تنها در یک سطر خلاصه خواهد شد.

const listHasPilots = operatives.some(operative => operative.pilot);

این متد مقدار اولین pilot را که برابر True بود را برمی‌گرداند

#Js
Channel • @Cafe_Of_Code

Group • @IRdeveloperchat

GoodNight✨️

#Music


Channel • @Cafe_Of_Code

Group • @IRdeveloperchat

✨ امروز 16 ژوئن ، روز جهانی پدره🔥❤️

🔸احتمالاً توی پروژتون نیاز به این داشتید که اعداد انگلیسی رو تبدیل به اعداد فارسی کنید.

🔹با تکه کد زیر می‌تونید این کار رو توی جاوااسکریپت انجام بدید.

const numberFormatter = new Intl.NumberFormat('fa');

console.log(numberFormatter.format('9'));

🔸فقط دقت کنید که خروجی‌ای که بهتون برمی‌گردونه string هست و نمی‌تونید اون رو هم تبدیل به عدد بکنید.

#Tips #javanoscript

#Ah_sear

Channel @Cafe_Of_Code

Group @IRdeveloperchat

برنامه نویسی چیست؟
✨ اگر کامپیوتر رو یه موجود زنده در نظر بگیریم برای ارتباط با اون تو باید یک سری ورودی رو بهش بدی و در آخر یک سری خروجی دریافت کنی، یعنی درست همونطور که با یه آدم صحبت می‌کنی .
😍اون آدم ورودی یا صحبت‌های شما رو به مغزش که همون مموری و cpu کامپیوتره وارد، اونارو پردازش و در آخر در قالب خروجی یا جواب صحبت هات بهت تحویل میده.

💯 در تمام دستگاه هایی که کامپیوتر رو در خودشون دارن مثل موبایل ، کنسول‌های بازی ، ماشین لباسشویی و ... دقیقا همین اتفاق می‌افته اما این پردازش یا دریافت و ارسال ورودی و خروجی توی کامپیوتر چطور انجام میشه؟
💥 در واقع همه این عملیات با برنامه نویسی برای کامپیوتر تعریف شدن.

حالا سوال اینه که کامپیوتر که فقط زبان ماشین یا 0 و 1 رو می‌فهمه چطور از این زبان‌های برنامه نویسی و دستورات اونا سر در میاره و اونا رو اجرا می‌کنه؟
جواب کامپایلره ! زبان‌های برنامه نویسی در نهایت توسط برنامه ای به اسم کامپایلر به زبان ماشین ترجمه میشن و تمام !

#programming

Channel ° @Cafe_Of_Code

Group° @IRdeveloperchat

✨ پردرآمدترین شغل‌ها در بازار کار برنامه نویسی🔥
همواره در انتخاب یک شغل ، درآمد آن از مهم‌ترین پارامترهایی است که باید در نظر گرفته شود .

🐬 برای مشاهده‌ جزئیات درآمد برنامه ‌نویسی در ایران در جدول بالا , متوسط درآمد برنامه نویسی در ایران برای برخی از مشاغل پردرآمد در این حوزه آورده شده است ؛
منبع : جلب ویژن

⁉️موافقید با این جدول؟¿؟

#programming

Channel ° @Cafe_Of_Code

Group° @IRdeveloperchat

شی گرایی چیست؟ در جاوااسکریپت


شی گرایی (Object-oriented programming) یک روش برنامه نویسی است که بتوانید برنامه‌های خود را با ایجاد شی‌ها (objects) که دارای ویژگی‌ها (properties) و رفتارها (methods) مشخص هستند، طراحی و پیاده‌سازی کنید. در JavaScript، شی گرایی یک روش کاربردی برای ساختاردهی کد و استفاده از ویژگی‌ها و توابع در یک محیط برنامه نویسی است.

در JavaScript، شی گرایی مبتنی بر مفهوم اشیاء که شامل ویژگی‌ها (مانند متغیرها) و روش‌ها (متدها یا توابع) می‌شوند، است. کلاس‌ها به عنوان الگوهای اصلی برای ایجاد شی‌ها در JavaScript استفاده می‌شوند. همچنین، مفهوم ارث‌بری (inheritance)، چندپایه‌ایت (polymorphism) و تجزیه و تحلیل (encapsulation) نیز در شی گرایی JavaScript وارد می‌شود.

به عنوان مثال، می‌توان یک کلاس به نام "Person" ایجاد کرد که شامل ویژگی‌هایی مانند نام و سن باشد و همچنین دارای متدهایی برای تغییر و بازگرداندن این ویژگی‌ها باشد. سپس می‌توانیم اشیاء (instances) مختلفی از این کلاس ایجاد کنیم، مانند "person1" و "person2"، که هر کدام دارای ویژگی‌ها و روش‌های مشخص خود هستند.

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

#oop #JavaScript


Channel • @Cafe_Of_Code

Group • @IRdeveloperchat

✨ساختار المان های اچ تی ام ال✨

⚡️ در تصویر بالا می‌توانید نمونه‌ای از ساختار کلی یک المان اچ‌تی‌ام‌ال را مشاهده کنید.

ساختار المان ها و تگ های شروع و پایان در HTML 👨‍💻

💥 نکته‌ای در مورد بزرگی و کوچکی حروف در HTML
بهتر است بدانید HTML نسبت به بزرگی و کوچکی حروف حساس نیست.

بنابراین تگ‌های <P> و <p> یا <IMG> و <img> با یکدیگر تفاوتی ندارد. با این حال به شدت توصیه می‌کنیم همیشه از حروف کوچک در نام تگ‌های HTML و … استفاده کنید

#Web #Html

Channel • @Cafe_Of_Code

Group • @IRdeveloperchat

⚡️حرکت به بالای صفحه به نرمی با JavaScript

#javanoscript #smooth

#Ah_sear

Channel ° @Cafe_Of_Code
Group ° @IRdeveloperchat

فدای چشات این زندگی بدون تو نداره نشاط!

- پوتک

#text


Channel • @Cafe_Of_Code

Group • @IRdeveloperchat

🔆 گاهی‌ اوقات بهتره روز تعطیل رو در رختخواب خوابید تا اینکه تمام هفتهٔ بعد رو مجبور به دیباگ کردن کدهای آن روز تعطیل کرد.

⁉️موافقید؟

#programming

Channel • @Cafe_Of_Code

Group • @IRdeveloperchat

⚡️CHALLENGE⚡️

function* gen() {
  yield 1;
  yield 2;
  yield 3;
}

async function asyncFunc() {
  for (let value of gen()) {
    await new Promise(res => setTimeout(res, 100));
    console.log(value);
  }
  return 'done';
}

const result = asyncFunc();
console.log(result instanceof Promise);

#javanoscript #CHALLENGE

#Ah_sear
Channel ° @Cafe_Of_Code
Group ° @IRdeveloperchat

✨ تبدیل دیکشنری به XML با پایتون🔥

💥 اگر می‌خواهید یک ساختار دیکشنری را به صورت XML در بیاورید ، به صورت زیر عمل کنید :)

from xml.etree.ElementTree import Element
def dict_to_xml(tag, d):
    '''
    Turn a simple dict of key/value pairs into XML
    '''
    elem = Element(tag)
    for key, val in d.items():
        child = Element(key)
        child.text = str(val)
        elem.append(child)
    return elem

#programming #python

Channel ° @Cafe_Of_Code

Group ° @IRdeveloperchat