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

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

#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

معمای اینترنت در ایران💔...

☕️ @CodeExplore

⚪️ با استفاده از این سایت میتونید کد یا زبان انسان رو به هر زبان برنامه نویسی که میخواید تبدیل کنید. از زبان فارسی هم برای Prompt و از اکثر زبان های برنامه نویسی هم پشتیبانی میکنه.
قسمت پریمیوم هم وجود داره که برای استفاده های بیشتر و قابلیت های ویژه تر میتونید تهیه کنید.

🔗 aicodeconvert.com

#ai #code #convert
☕️ @CodeExplore

‏Flat کردن array در جاوااسکریپت ✌️

🟣دیدین بعضی وقتا آرایه رو میدن این شکلیه:

let array = [1, [2, 3], [4, [5, 6]]];

و شما میخواین به صورت 1,2,3,4,5,6 باشه!
💡اینجور وقتا به جای اینکه کفرتون در بیاد میتونین این کد رو بنویسید و به آرامش درونتون برگردید:

let array = [1, [2, 3], [4, [5, 6]]];
let flatArray = array.flat(2);  
// [1, 2, 3, 4, 5, 6]

✅اینجور وقتا اصطلاحا یک آرایه پیچ در پیچ یا تو در تو رو، flat کردیم❤️‍🔥

#javascript #js #trick
☕️ @CodeExplore

تست آنلاین و فوری کد 💻

🔺تا حالا شده بخواین سریع و دم دستی یه کدی رو تست بکنین؟ مثلا آخر شبه و یه کد جالبی میخوره به چشمتون،اما سیستم خاموشه و رو گوشی هم کامپایلر یا ادیتور یا ... نیست؛ خب اینجور وقتا این سایت به کارتون میاد!

🔸میتونید توی این سایت آنلاین کدتون رو بنویسید و اجراش کنید و نتیجه رو ببینید! اکثر زبان های معروف رو هم پشتیبانی میکنه با ورژن های مختلف!

🔗 Codechef

#codechef #programming #site
☕️ @CodeExplore