کداکسپلور | CodeExplore

🔥خیلی وقتا دیدین داخل سایت ها یسری موج قشنگ و جذاب به کار رفته و خب شاید دلتون بخاد شما هم استفاده کنین! با استفاده از سایت زیر شما میتونین یسری موج خوشگل و کاستوم شده طبق سلیقتون رو به پروژه اضافه کنین 🌐https://getwaves.io/ #site ☕️ @CodeExplore

⚡️یکم تریک خفن از JavaScript و python ببینیم؟ ✌️تریک های JavaScript 🟡تبدیل یه تاریخ میلادی به شمسی(ایران):

const date = new Date("2024-06-07").toLocalDateString("fa-IR");

🟡کار با Spread و Rest:

// Spread operator
const arr1 = [1, 2, 3];
const arr2 = [...arr1, 4, 5];  // arr2 is now [1, 2, 3, 4, 5]

// Rest operator
function sum(...args) {
    return args.reduce((previous, current) => {
        return previous + current;
    });
}
console.log(sum(1, 2, 3, 4));  // Output: 10

🟡استفاده از Object Destructuring:

// Without object destructuring
const employee = { name: 'Gary', age: 28 };
const name = employee.name;
const age = employee.age;

// With object destructuring
const { name, age } = employee;
console.log(name); // Output: Gary
console.log(age);  // Output: 28

🐍یکمم تریک از Python ببینیم 🔵جابه‌جایی مقادیر دوتا متغیر:

a = 10
b = 5
a, b = b, a
print(a, b)  # Output: 5 10

🔵عملگر not برای اینکه ببینیم شرط بقرار نیست:

a = False
if not a:
    print("a is False")  # Output: "a is False"

🔵رشته های F-strings: اینا برای استفاده متغیر داخل string به کار میرن

name = "John"
print(f"Hello, {name}!")  # Output: "Hello, John!"

#trik #python #javascript #js ☕️ @CodeExplore

⭐️تا حالا اسم Jest به گوشتون خورده؟ بیاین ببینیم این خوشگله چیه؟ 💎شاید عجیب باشه برا یسریا ولی Jest یه فریمورک تست نویسی برای جاوا اسکریپته که امروزه داره مورد استفاده گسترده قرار میگیره و میتونه برای هر فریمورک دیگه‌ای از جاوا اسکریپت تست بنویسه(یعنی مهم نیست فریمورک چیه، درکل برای زبان JavaScript به کار میاد) ◀️ویژگی های این Jest 🔵پیکربندی راحت: به صورت پیشفرض روی اکثر فریمورک های مدرن جاوااسکریپت کار میکنه و کانفیگ و تنظیمات خاصی هم نمیخاد 🔵جدا شده ( Isolated ): داخل jest، تست هامون از هم دیگه جدا نوشته میشن و همین تفکیک باعث میشه بهتر مدیریت کنیم 🔵نوشتن Mock راحت: میتونیم توابع mock رو راحت توش پیاده کنیم 🔵تست ها به صورت موازی اجرا میشن: توسعش سریع تر میشه 🔵سرعت: خلاصه سرعتشم بالاس 🔵داکیومنت عالی ⚡️حتما اگه میخاین برای Javascript تست نویسی کنین بنظرم از Jest استفاده کنین، چون نیاز نیست هی برای هر فریمورک، ابزار مختلف یاد بگیرین #jest #javascript #testing ☕️ @CodeExplore

سایت LeetCode ، سایت تمرین برنامه نویسی 💻 ☄️سایت LeetCode یک پلتفرم آموزشی برای تقویت مهارت‌های الگوریتمی و برنامه‌نویسی هست. این سایت دارای یک مجموعه گسترده از مسائل برنامه‌نویسی است(بیش از ۳۰۰۰ سوال و مسئله) که می‌توانید با زبان‌های مختلف مانند C ++ ، Java ، Python و غیره حل کنید. همچنین این پلتفرم امکان مشارکت در چالش‌ها و مسابقات برنامه‌نویسی را فراهم می‌کند و امکان مقایسه مهارت‌های خود با دیگران را دارید. 🔖چند تا سایت مشابه هم قبلا معرفی کردیم که اینجا میتونید ببینیدشون. 🔗 leetcode.com #leetcode ☕️ @CodeExplore

میدونستین توی جاوااسکریپت میتونین صفحه های کاربر رو مدیریت کنین؟ ✌️ 🔹یعنی مثلا یک صفحه بره عقب،یک صفحه بره جلو یا ... به این شکل هستش... ➡️این برای وقتیه که کاربر یک صفحه برگشته عقب، با این میتونید بفرستیدش بره صفحه قبلی(یعنی صفحه جلویی!):

history.forward()

◀️این یکی هم برای وقتیه که میخواید کاربر رو یک صفحه ببرید عقب! به این شکل:

history.back()

#javascript #js #trick ☕️ @CodeExplore

پشت پرده AI 🙂 #fun ☕️ @CodeExplore

کار فرانت اند و بک اند دقیقا چیه؟ 😏 ⭐️ همونطور که توی عکس میبینید فرانتد اند بیشتر کار هاش سمت کاربره و بک اند بیشتر سمت سروره، در مورد عکس این رو هم بگم که لزومی نداره همه مواردی که برای فرانت گفتیم استفاده بشه،یا فقط همین موارد استفاده بشه، برای بک اند هم همینطور، پست با کامنت هاتون این پست رو کامل تر کنید ❤️ #frontend #backend ☕️ @CodeExplore

کوتاه نویسی شرطی در جاوااسکریپت ✌️ 🟡 بعضی وقتا مطمئن نیستیم کاربر مقداری که میخوایم رو داده یا نه و باید ازش استفاده کنیم، یا میخوایم مطمئن شیم یه شرط اجرا شده و یه کد پشت بندش اجرا بشه(میدونیم اینها با شرط عادی ممکنه، ولی میتونین توی یک خط بنویسینش؟) ✅ خب توی این پست توی یک خط اینکار ها رو انجام میدیم، به این شکل:

let isUserLoggedIn = true;
isUserLoggedIn && console.log('User is logged in');  
// فقط اگه شرط درست باشه اجرا می‌شه

let userName = user.name || 'Guest';  
// اگه user.name مقدار نداشته باشه، 'Guest' استفاده می‌شه

#javascript #js #trick ☕️ @CodeExplore

دوستان طبق نظرسنجی آموزش رو با Tailwind Css ادامه میدیم و بصورت روزانه موضوعات مختلفش رو توی چنل قرار میدیم. چون ماشین لرنینگ هم خیلی از دوستان درخواست داشتن توی نظرسنجی براش یه نظرسنجی دیگه میزاریم که بیشتر کدوم بخشش مدنظرتون هس و اون رو هم در آینده آموزش میدیم 😉🧡 ☕️ @CodeExplore

🔶 کتابخانه مولتی اسلایدر بوت استرپ منتشر شد. 🥳🎉 😎 ویژگی جدیدی که به این کتابخانه اضافه شده است افزودن تاج برای سازگاری با موبایل و تبلت است که با لمس انگشتی اسلایدر را حرکت می دهید. با نسخه های ۴ و ۵ فریم ورک بوت استرپ سازگار است. آدرس گیت هاب : 👨‍💻 https://github.com/Rayiumir/Silderable پیش نمایش : 🌐 https://rayiumir.github.io/Silderable/ دوستان حتما حمایت کنید این دوستمون رو که با قدرت کارش رو ادامه 🔥 به امید دیدن موفقیت های تمام دوستان ایرانی❤️ #bootstrap ☕️ @CodeExplore

6️⃣کد ادیتور محبوب برای موبایل 1⃣Droid Edit 2⃣Quoda Code 3⃣ACode 4⃣DCoder 5⃣Quik Edit 6⃣AIDE-IDE #code #editor #ide #mobile ☕️ @CodeExplore

چجوری در پایتون لیست یا استرینگ رو برعکس کنیم؟ ⌨️ 🟢خیلی سادس ، درواقع شما نیازی به ساخت حلقه یا هیچ چیز کمکی دیگه ای ندارید،فقط یک خط کد راه حل شماست:

my_list = [1, 2, 3, 4]
reversed_list = my_list[::-1]
print(reversed_list)  
# Output: [4, 3, 2, 1]

my_string = "hello"
reversed_string = my_string[::-1]
print(reversed_string) 
# Output: "olleh"

#python #list #string ☕️ @CodeExplore

👀دقت کردید وقتی میخوایم متنی تو تلگرام بنویسیم ولی می بینیم که کلمه اول انگلیسیه و نمی تونیم جملمون رو با کلمه انگلیسی شروع کنیم چون ساختار جمله بهم میریزه(در واقع چپ چین میشه)، حالا شما تو سایت زیر می تونین کاراکتری که هست رو Copy کنید و هر موقع خواستید جملتون رو با کلمه انگلیسی شروع کنید ، قبل از شروع متنتون اون رو Paste کنید و ساختار جملتون حفظ میشه(جمله راست چین میشه). و اینکه بهتون بگم این کاراکتر دیده نمیشه و مشکلی بوجود نمیاره. 🗣️نمونه : ‌‏CodeExplore یاد بگیر، لذت ببر و بروز باش. 🔗 https://unicode-explorer.com/c/200F #tips #text #rtl ☕️ @CodeExplore

وقت عمل که میرسه..😭 #fun ☕️ @CodeExplore

در میان هر سختی، فرصتی نهفته است. " آلبرت انیشتین" #motivational ☕️ @CodeExplore

تفاوت Proxy و VPN چیه؟ ❓ ◀️پروکسی (Proxy) فرض کن می‌خوای نامه‌ای به کسی بفرستی ولی نمی‌خوای خودت رو مستقیم معرفی کنی. به جاش، نامه‌ت رو میدی به یک نفر دیگه که اون نامه رو به مقصد برسونه. اینطوری، گیرنده نامه نمی‌دونه که فرستنده اصلی تو بودی، چون نامه از طرف اون نفر دیگه رسیده. پروکسی همین کار رو با اینترنت انجام میده. وقتی از پروکسی استفاده می‌کنی، درخواست‌هات (مثل باز کردن یک سایت) اول به یک سرور واسطه میره و اون سرور واسطه این درخواست رو به مقصد نهایی می‌فرسته. سایت مقصد هم فقط سرور واسطه رو می‌بینه و نمی‌فهمه که درخواست اصلی از طرف تو بوده. ◀️وی‌پی‌ان (VPN) حالا فرض کن می‌خوای علاوه بر پنهان کردن هویتت، مطمئن بشی که نامه‌ت رو هیچ‌کس وسط راه نخونه. برای این کار، نامه‌ت رو رمزنگاری می‌کنی (یعنی تبدیلش می‌کنی به یک کد که فقط گیرنده نهایی می‌تونه بازش کنه). بعد هم این نامه رمزنگاری شده رو میدی به یک نفر دیگه که اون رو به مقصد برسونه. وی‌پی‌ان دقیقاً همین کار رو با اینترنت انجام میده. وی‌پی‌ان علاوه بر اینکه هویتت رو پنهان می‌کنه (مثل پروکسی)، تمام داده‌هایی که بین تو و سرور واسطه رد و بدل میشه رو هم رمزنگاری می‌کنه، یعنی هر چی رد و بدل میشه کدگذاری میشه و فقط تو و سرور نهایی می‌تونین بخونینش. اینطوری اگه کسی وسط راه (مثلاً توی شبکه وای‌فای) بخواد داده‌ها رو بخونه، فقط یه سری کد بی‌معنی می‌بینه. ✅ نتیجه گیری: - پروکسی: هویتت رو پنهان می‌کنه ولی داده‌ها رو رمزنگاری نمی‌کنه. - وی‌پی‌ان: هم هویتت رو پنهان می‌کنه و هم داده‌ها رو رمزنگاری می‌کنه. #proxy #vpn ☕️ @CodeExplore

⚪️ پلتفرم PlanetScale برای مدیریت دیتابیس MySQL با بهره‌گیری از پروژه‌ی اوپن سورس Vitess و مقیاس‌پذیری بالا امکان ایجاد و مدیریت شاخه‌های دیتابیس (Branching) و آپدیت و توسعه بدون داون تایم را فراهم میکنه و با امنیت بالا، تجربه‌ای قدرتمند و انعطاف‌پذیر برای توسعه‌دهندگان بوجود میاره. PlanetScale دارای پلن های رایگان و پریمیوم هستش. 🔗 https://planetscale.com #database #mysql ☕️ @CodeExplore

📣توی سایت زیر میتونین به کلی بک گراند انیمیشنی و متحرک دسترسی داشته باشین و برای پروژه هاتون استفاده کنین! 🌐https://animatedbackgrounds.me/ #site ☕️ @CodeExplore

🔥چرا خیلیاتون نمیدونین PostCss چیه؟؟ اومدم که معرفی کنم ✔️در اصل PostCss یه ابزار Node.js هستش که استایل هاتون رو با استفاده از پلاگین های JavaScript تبدیل میکنه، این ابزار بیشتر از سایز پیش پردازنده های Css ( مثل Sass , Less و Stylus ) از NPM دانلود و نصب میشه 💥نحوه کارش خیلی خفنه! این داداشمون میاد کد css شمارو به یه درخت سینتکس انتزاعی (AST) تبدیل میکنه و بعدش یه API برای تجزیه و تحلیل رابط برنامه نویسی فراهم میکنه، تغییراتش با استفاده از JavaScript اعمال میشه، داخلش هم کلی پلاگین داخلی میتونین نصب و استفاده کنین و کارهای زیادی انجام میده و حتی جایگزین ابزار های دیگه میشه براتون نکته خیلی خفن این ابزار، اینه که استایل هاتون رو به طوری کامپایل میکنه که نهایت ساپورت رو از مرورگر های مختلف بگیره و این خیلی خوبه، فشرده هم میکنه واستون اصن هرچی دلتون خاست 💎حتی تیلویند هم که استفاده کنین میبینین داخلش کانفیگ های PostCss هست و یعنی تیلویند داره ازش استفاده میکنه #پست_پیشنهادی #postcss #post_css ☕️ @CodeExplore

سایت Exercism 🎮 🆕 سایت Exercism یک جایی است که می‌توانید مسائل برنامه‌نویسی را حل کنید و کد خود را به اشتراک بگذارید تا بازخورد بگیرید. این سایت به شما کمک می‌کند تا مهارت‌های برنامه‌نویسی خود را با حل مسائل مختلف تقویت کنید و از طریق ارتباط با جامعه برنامه‌نویسان، به یادگیری مستمر بپردازید. 🔗 لینک سایت #exercism #site ☕️ @CodeExplore