6️⃣کد ادیتور محبوب برای موبایل

1⃣Droid Edit
2⃣Quoda Code
3⃣ACode
4⃣DCoder
5⃣Quik Edit
6⃣AIDE-IDE

#code #editor #ide #mobile
☕️ @CodeExplore

🔶 کتابخانه مولتی اسلایدر بوت استرپ منتشر شد. 🥳🎉

😎 ویژگی جدیدی که به این کتابخانه اضافه شده است افزودن تاج برای سازگاری با موبایل و تبلت است که با لمس انگشتی اسلایدر را حرکت می دهید.

با نسخه های ۴ و ۵ فریم ورک بوت استرپ سازگار است.

آدرس گیت هاب :

👨‍💻 https://github.com/Rayiumir/Silderable

پیش نمایش :

🌐 https://rayiumir.github.io/Silderable/

دوستان حتما حمایت کنید این دوستمون رو که با قدرت کارش رو ادامه 🔥 به امید دیدن موفقیت های تمام دوستان ایرانی❤️

Developer : @RaymondDev

#bootstrap
☕️ @CodeExplore

دوستان طبق نظرسنجی آموزش رو با Tailwind Css ادامه میدیم و بصورت روزانه موضوعات مختلفش رو توی چنل قرار میدیم.

چون ماشین لرنینگ هم خیلی از دوستان درخواست داشتن توی نظرسنجی براش یه نظرسنجی دیگه میزاریم که بیشتر کدوم بخشش مدنظرتون هس و اون رو هم در آینده آموزش میدیم 😉🧡

☕️ @CodeExplore

کوتاه نویسی شرطی در جاوااسکریپت ✌️

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

✅ خب توی این پست توی یک خط اینکار ها رو انجام میدیم، به این شکل:

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

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

#javascript #js #trick
☕️ @CodeExplore

کار فرانت اند و بک اند دقیقا چیه؟ 😏

⭐️ همونطور که توی عکس میبینید فرانتد اند بیشتر کار هاش سمت کاربره و بک اند بیشتر سمت سروره، در مورد عکس این رو هم بگم که لزومی نداره همه مواردی که برای فرانت گفتیم استفاده بشه،یا فقط همین موارد استفاده بشه، برای بک اند هم همینطور، پست با کامنت هاتون این پست رو کامل تر کنید ❤️

#frontend #backend
☕️ @CodeExplore

پشت پرده AI 🙂

#fun
☕️ @CodeExplore

میدونستین توی جاوااسکریپت میتونین صفحه های کاربر رو مدیریت کنین؟ ✌️

🔹یعنی مثلا یک صفحه بره عقب،یک صفحه بره جلو یا ... به این شکل هستش...

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

history.forward()

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

history.back()

#javascript #js #trick
☕️ @CodeExplore

سایت LeetCode ، سایت تمرین برنامه نویسی 💻

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

🔖چند تا سایت مشابه هم قبلا معرفی کردیم که اینجا میتونید ببینیدشون.

🔗 leetcode.com

#leetcode
☕️ @CodeExplore

⭐️تا حالا اسم Jest به گوشتون خورده؟ بیاین ببینیم این خوشگله چیه؟

💎شاید عجیب باشه برا یسریا ولی Jest یه فریمورک تست نویسی برای جاوا اسکریپته که امروزه داره مورد استفاده گسترده قرار میگیره و میتونه برای هر فریمورک دیگه‌ای از جاوا اسکریپت تست بنویسه(یعنی مهم نیست فریمورک چیه، درکل برای زبان JavaScript به کار میاد)

◀️ویژگی های این Jest
🔵پیکربندی راحت: به صورت پیشفرض روی اکثر فریمورک های مدرن جاوااسکریپت کار میکنه و کانفیگ و تنظیمات خاصی هم نمیخاد
🔵جدا شده ( Isolated ): داخل jest، تست هامون از هم دیگه جدا نوشته میشن و همین تفکیک باعث میشه بهتر مدیریت کنیم
🔵نوشتن Mock راحت: میتونیم توابع mock رو راحت توش پیاده کنیم
🔵تست ها به صورت موازی اجرا میشن: توسعش سریع تر میشه
🔵سرعت: خلاصه سرعتشم بالاس
🔵داکیومنت عالی

⚡️حتما اگه میخاین برای Javascript تست نویسی کنین بنظرم از Jest استفاده کنین، چون نیاز نیست هی برای هر فریمورک، ابزار مختلف یاد بگیرین

#jest #javascript #testing
☕️ @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

🔥خیلی وقتا دیدین داخل سایت ها یسری موج قشنگ و جذاب به کار رفته و خب شاید دلتون بخاد شما هم استفاده کنین!
با استفاده از سایت زیر شما میتونین یسری موج خوشگل و کاستوم شده طبق سلیقتون رو به پروژه اضافه کنین

🌐https://getwaves.io/

#site
☕️ @CodeExplore

چندتا محیط برنامه نویسی معروف ⭐️

🌀چندتا IDE که مثل خونه ان برای برنامه نویسا(البته که VSCode یک تکست ادیتوره)، شما چه فضاهای دیگه ای میشناسید؟ در ضمن میدونستید گوگل هم داره یک IDE میسازه؟ اینجا خبرش رو قبلا گذاشتیم!

🎮 شما چه محیط های معروف و کاربردی دیگه ای میشناسید؟ توی کامنت ها بهمون بگید!

#ide #texteditor
☕️ @CodeExplore

#fun
☕️ @CodeExplore

دوستانی که هنوز درک نکردن که چرا جمع 0.1 + 0.2 برابر با 0.3 نیست ، مشکلی نیست برید تو سایت زیر و توضیحاتش رو بخونید تا کامل متوجه بشید (من خودم امروز خوندم جالب بود)

🌐 0.30000000000000004.com

#decimal #decimall
☕️ @CodeExplore

نقشه راه(DevOps) به زبان فارسی 😎

ترجمه از AliRadmanesh

1️⃣نقشه راه فرانت‌اند (Front-End) به زبان فارسی

2️⃣نقشه راه بک‌اند (Back-End) به زبان فارسی

3️⃣نقشه راه فرانت‌اند هم می تونین از گیت هاب ما دنبال کنید.

#roadmap #devops #frontend #backend
☕️ @CodeExplore

استخراج آرایه به روش destructing در جاوااسکریپت ✌️

این روش خیلی باحال و جدیده، کمتر هم درگیری دارید برای دریافت مقادیر، ببینید:

let user = { name: 'Ali', age: 25 };
let { name, age } = user;
console.log(name, age); 
 // 'Ali', 25

let numbers = [1, 2, 3];
let [first, second, third] = numbers;
console.log(first, second, third); 
 // 1, 2, 3

#javascript #js #trick #destructing
☕️ @CodeExplore

👋خوش اومدین به اولین قسمت از اموزش TailwindCss ، امروز میخایم فقط به معرفی و ویژگی های این داداشمون بپردازیم

💪اول اینکه باید بدونین TailwindCss یه فریمورک Css عه که با اسکن کردن کل فایل های html شما، کامپوننت های javascript و تمپلیت هاتون با اسم های مختلف کار میکنه و میاد اون استایل هارو به صورت استاتیک داخل فایل Css مینویسه

✅حالا ویژگی هایی که تیلویند رو اینقدر خفن کرده چیه؟
🔵افزایش سرعت توسعه: چون که با کلاس ها استایل میدیم و کلی قابلیت در اختیار ما قرار میده سرعتمون خیلی میره بالا
🔵قابلیت شخصی سازی بالا: تیلویند بخاطر فایل های کانفیگی که داره و البته قابلیت های خفن خودش بهتون این اجازه رو میده که کلی کانفیگ و کارای کاستوم انجام بدین
🔵سرعت بالای سایت با کمترین حجم Css: با تیلویند این قابلیت رو دارین که فایل های css تون کوچیک و جمع و جور باشه
🔵واکنش پذیری ( Responsive ): خیلی راحت میتونین صفحاتتون رو باهاش رسپونسیو کنین
سازگاری بالا با فریمورک های مختلف JavaScript

👍یک پست قبلاً درست کردیم به عنوان "چرا تیلویند ارزش یادگیری داره" که پیشنهاد میکنم حتما بخونیدش تا بیشتر آشنا بشید با این فریم ورک خفن.

🔵 امروز صرفا یسری اشنایی با تیلویند ایجاد کردیم و قراره به مرور طبق مباحث اصلی پیش بریم و یواش یواش تیلویند رو یاد بگیریم

#tailwind #tailwind_1
☕️ @CodeExplore

👀خودم دارم مهاجرت میکنم رو لینوکس و این چند روزه خیلی پیگیر این موضوع بودم که تو یوتیوب یک ویدیو دیدم که 60 کامندی که حتما باید تو لینوکس بلد باشیم رو گفته ، تصمیم گرفتم با شما هم به اشتراک بزارم.

🖥 https://www.youtube.com/watch?v=gd7BXuUQ91w

#linux #comment #youtube
☕️ @CodeExplore

☕️ دوستان شما میتونید توی گپ کد اکسپلور هم جوین باشید.

توی گروه با راهنمایی، رفع مشکلات و انتقال تجربیات خودتون باعث پیشرفت خودتون و دوستان میشید.🔝

با کد اکسپلور یادبگیر، لذت ببر و بروز باش😉🤍

☕️ https://t.iss.one/CodeExploreGap