🚀 @coolycode

something more than CoDe

#website

🌐 https://magicui.design/

#typenoscript

type User = { id: number; name: string };
type PartialUser = Partial<User>; // { id?: number; name?: string }

type User = { id?: number; name?: string };
type RequiredUser = Required<User>; // { id: number; name: string }

type User = { id: number; name: string };
type ReadonlyUser = Readonly<User>; // { readonly id: number; readonly name: string }

یعنی اگر بعد از تعریف آبجکت بخواید مقدار یکی از پروپرتی‌های اون آبجکت رو تغییر بدید بهتون ارور میده.

type User = { id: number; name: string; email: string };
type PickedUser = Pick<User, 'id' | 'name'>; // { id: number; name: string }

به Pick باید دو تا مقدار پاس بدید، اول تایپ مد نظرتون و دوم لیست پراپرتی‌ها که می‌خواهید از نوع اولیه انتخاب کنید به این شکل : 'id' | 'name'

type User = { id: number; name: string; email: string };
type OmittedUser = Omit<User, 'email'>; // { id: number; name: string }

این یکی نحوه کارکردش مثل Pick هستش فقط به جای اینکه لیستی که بهش میدید رو ففط برگردونه میاد و فاکتور میگیره از تایپ حذف می‌کنه.

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

🌟 @telemetr_io_bot

سبک: بازی ماجراجویی
مهارت‌ها: یادگیری زبان‌های برنامه‌نویسی (Python, JavaScript)
شما در قالب یک بازی فانتزی شخصیت خود را با نوشتن کد حرکت می‌دهید و دشمنان را شکست می‌دهید. این بازی برای مبتدیان و یادگیری اصول برنامه‌نویسی عالیه.

سبک: بازی حل معما
مهارت‌ها: برنامه‌نویسی Python و JavaScript
این بازی مجموعه‌ای از چالش‌های کدنویسی است که با حل آن‌ها مهارت‌های خود را تقویت می‌کنید. مناسب برای افراد با دانش متوسط و پیشرفته.

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

سبک: شبیه‌سازی برنامه‌نویسی سیستم
مهارت‌ها: یادگیری منطق سیستم‌های سطح‌پایین، برنامه‌نویسی اسمبلی
یک بازی پازل پیچیده که در اون باید مدارها و سیستم‌های کامپیوتری رو با کدنویسی درست کنی.

سبک: حل پازل
مهارت‌ها: اصول برنامه‌نویسی و الگوریتم‌ها
در این بازی شما باید دستورات ساده‌ای برای حل پازل‌ها به کارمندان بدهید. مناسب برای درک ساختارهای پایه‌ای کدنوسی.

#programming

🗨️ 𝗖𝗛𝗔𝗡𝗡𝗘𝗟  |  𝗚𝗥𝗢𝗨𝗣

#programming

Java | JavaScript | PHP | Ruby

رفقا این روشو خودم کشف کردم که واقعا جالب بود و جواب داده خودمم تست گرفتم و لوگوی جدیدی که نیاز داشتم رو تونستم با همین روش ایجاد کنم، استفاده کنید و لذت ببرید ؛)

#AI

زبان برنامه‌نویسی دارت همراه با فریم‌ورک فلاتر گزینه‌ای عالی برای ساخت اپلیکیشن‌های کراس‌پلتفرمه. با فلاتر، میتونید در کوتاه‌ترین زمان ممکن، برای سیستم‌عامل‌های اندروید، iOS، و حتی وب خروجی بگیرید.

اگر علاقه‌مند به ساخت اپلیکیشن‌های اختصاصی برای iOS و کلا محصولات apple باشید، یادگیری زبان Swift بهترین گزینس چون زبان رسمی اپله و برای توسعه اپلیکیشن‌های آیفون، آیپد و ... میتونید ازش استفاده کنید.

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

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

اگر هم به توسعه اپلیکیشن‌های کراس‌پلتفرم با جاوااسکریپت علاقه‌مند باشید میتونید با استفاده از فریم‌ورک React Native اپلیکشن‌های کراس‌پلتفرم بسازید.

#android #ios #native

#fun

const truncate = (str, length) => 
  str.length > length ? str.slice(0, length) + "..." : str;
console.log(truncate("JavaScript Tricks", 10)); // "JavaScript..."

const array = Array.from({ length: 5 }, (_, i) => i + 1);
console.log(array); // [1, 2, 3, 4, 5]

const num = +"42";
console.log(num); // 42

const numbers = [1, 2, 3, 4];
const sum = numbers.reduce((total, num) => total + num, 0);
console.log(sum); // 10

const isEven = (num) => num % 2 === 0;
console.log(isEven(4)); // true

const reverseString = (str) => str.split("").reverse().join("");
console.log(reverseString("hello")); // "olleh"

پیشنهاد : این مورد رو خودتون سعی کنید بدون استفاده از متد های آماده جاوااسکریپت بسازید جالبه و ساده ؛)

const getDay = (day) => ({
  1: "Monday",
  2: "Tuesday",
  3: "Wednesday",
}[day] || "Invalid day");
console.log(getDay(1)); // "Monday"

const arr = [0, null, undefined, "", 5];
const filtered = arr.filter(Boolean);
console.log(filtered); // [5]

const arraysAreEqual = (a, b) => JSON.stringify(a) === JSON.stringify(b);
console.log(arraysAreEqual([1, 2], [1, 2])); // true

const unique = [...new Set([1, 2, 2, 3])];
console.log(unique); // [1, 2, 3]

#️⃣ #tricks #javanoscript

🫶 𝗖𝗛𝗔𝗡𝗡𝗘𝗟  |  𝗚𝗥𝗢𝗨𝗣

یک آبجکت با key مشخص‌شده و یک Type ثابت برای مقادیر میسازه.

type UserRoles = Record<'admin' | 'editor', string>; // { admin: string; editor: string }

مقادیری که توی پارامتر type مشخص‌شده رو حذف می‌کنه.

type Roles = 'admin' | 'editor' | 'user';
type ExcludedRoles = Exclude<Roles, 'user'>; // 'admin' | 'editor'

فقط مقادیری که توی پارامتر type مشخص‌شده وجود داره رو انتخاب میکنه.

type Roles = 'admin' | 'editor' | 'user';
type ExtractedRoles = Extract<Roles, 'admin' | 'user'>; // 'admin' | 'user'

مقادیر null و undefined را از تایپ حذف می‌کند.

type MaybeString = string | null | undefined;
type NonNullableString = NonNullable<MaybeString>; // string

نوع خروجی یک تابع رو استخراج می‌کنه.

function getUser() { return { id: 1, name: 'Ali' }; }
type UserReturnType = ReturnType<typeof getUser>; // { id: number; name: string }

نوع آرگومان‌های یک تابع رو استخراج میکنه.

function logUser(id: number, name: string) {}
type UserParams = Parameters<typeof logUser>; // [number, string]

تایپ instance از یک کلاس زو استخراج می‌کنه.

class User { id = 1; name = 'Ali'; }
type UserInstance = InstanceType<typeof User>; // User

تایپ نتیجه‌ی یک Promise رو استخراج می‌کنه.

type FetchData = Promise<string>;
type Data = Awaited<FetchData>; // string

#️⃣ #typesctipt

🫶 𝗖𝗛𝗔𝗡𝗡𝗘𝗟  |  𝗚𝗥𝗢𝗨𝗣

#tricks

هرکی که با غیرت و تلاش مردونه دنبال هدفاش رفت 💪

هرکی که مثل کوه پشت خانوادش وایستاد و کم نذاشت 🏔️

هرکی که ارزش لحظه‌هاشو دونست و وقتش رو هدر نداد... ⌛