کداکسپلور | CodeExplore

Open in Telegram

با کد اکسپلور یاد بگیر، لذت ببر و بروز باش ⚡️😉 👨🏻‍💻 ارتباط با ما : @CodeExploreSup گروه : @CodeExplore_Gap تبلیغات در کد اکسپلور : @CodeExploreAds

Iran35 136 Technologies & Applications13 959

8 324

Subscribers

+224 hours

+387 days

+23830 days

1 389

Post views

~ 70624 hours

~ 88548 hours

16.69%

Engagement rate

~ 2

Posts per day

Ads index

beta

Posts Archive

8 325

بررسی آنلاین کد NodeJS 🆒 🌐 سایت RunKit یه ابزار آنلاین فوق‌العاده برای برنامه‌نویس‌های Node.js هست که توش می‌تونی خیلی سریع و راحت کدهای Node.js رو تست و اجرا کنی. فکر کن مثل یه دفترچه یادداشت آنلاین هست که هر وقت خواستی می‌تونی کد بزنی و همونجا نتیجه‌اش رو ببینی! و صد البته که به npm هم دسترسی دارین ⚡️ 💎یک سایت با همین کاربرد ولی برای زبان های مختلف توی این پست معرفی کردیم 🔗 Runkit #runkit #nodejs ☕️ @CodeExplore

8 325

ترکیب دو لیست در پایتون ⌨️ اگر میخواستین دوتا لیست رو با هم توی پایتون ادغام کنید، چیکار میکردید؟

l1=[1,2,3]
l2=[4,5,6]
for i in l2:
   l1.append(i)

درسته؟ خب ولی بیاین با اضافه کردن یک کتابخونه یکم کارمونو سریعتر پیش ببریم...

import itertools

chain = itertools.chain([1, 2, 3], [4, 5, 6])
l1=list(chain)

💬نظرتون چیه؟ استفاده از کتابخونه خوبه؟ #python #trick #list #itertools ☕️ @CodeExplore

8 325

تولید داده های لیستی رندوم ⁉️ ❓ تا حالا شده سر ساخت داده های رندوم برای sql یا json,xml,csv یا ... به مشکل بخورید و ازتون وقت بره؟ 👑این سایت بهتون داده های رندوم توی تایپای مختلف میده و میتونید فرمت های مختلف(از جمله فرمت هایی که نام بردم) رو استفاده کنید! 🔗 Mockaroo #mockaroo #data ☕️ @CodeExplore

8 325

ارور>>>داکیومنت #fun ☕️ @CodeExplore

8 325

هنگامی که فرد عادت به تعیین اهداف و دستیابی به آنها داشته باشد، به نصف پیروزی و موفقیت در رسیدن به هدف دست یافته است. " Og Mandino " #motivational ☕️ @CodeExplore

8 325

منبعی کاربردی برای آموزش زبان برنامه نویسی Go با مثال های ساده و متنوع در حوزه های مختلف 🔗https://gobyexample.com 🌪 https://github.com/mmcgrana/gobyexample #go #example #tutorial ☕️ @CodeExplore

8 325

🔥بریم سراغ آموزش های Tailwind و سعی کنیم هم نصبش کنیم هم یسری مباحث پایه رو پیش ببریم ☄️خب اول از همه برای اینکه تیلویند رو روی پروژمون نصب و استفاده کنیم نیاز به توضیحات من نیست خداییش ولی یه خلاصه ازش میگم: ( دقت کنین فقط توی یه پروژه ساده html css هست بدون استفاده از فریمورک و اگه دارین از فریمورک استفاده میکنین به داکیومنتش که لینکشم میزارم مراجعه کنین) شما اول از همه باید دستورات مربوط به نصبش رو داخل کامندلاین پروژه وارد کنین تا براتون نصب بشه، البته دقت کنین قبلش node.js روی سیستمتون نصب باشه این دستورات برای نصب tailwind :

npm install -D tailwindcss
npx tailwindcss init

با یکم صبر براتون نصبش کامل میشه، البته دقت کنین این کامند ها ممکنه اپدیت شن و بهتره از دایکومنت خود تیلویند بردارین همیشه ✨وقتی که نصب و دانلود تموم میشه باید یسری کانفیگ اسون انجام بدیم، قبلش اینکه یسری فایل ها به پروژتون اضافه میشه و یکیش tailwind.config.js هستش که مربوط به کانفیگ های تیلویند میشه ( از اسمش معلومه اصن من چرا گفتم ) شما داخل این فایل بیاین یسری تغییراتی اعمال کنین، یعنی این محتوا رو داخلش بندازین:

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./src/**/*.{html,js}"],
  theme: {
    extend: {},
  },
  plugins: [],
}

البته تو فایل دیفالتش هستن فقط ما اینجا content رو اپدیت کردیم که مربوط میشه به اینکه الان این تیلویند ما، چه فرمت هایی رو از چه ادرس هایی بخونه و باهاشون سر و کار داشته باشه ✔️قدم بعدی اینه که بیایم و لایه های مختلف تیلویند رو به پروژه اضافه کنیم، برای این کار نیاز داریم یه فایل css داشته باشیم توی یه ادرس قشنگی که با خروجی های تیلویندمون قاطی نشه، ما میایم داخل پوشه src ، یه فایلی با هر اسمی خاستیم ( حتی این پوشه هم دلخواهه بخدا ) میسازیم، مثلا input.css و داخلش اینارو میزنیم:

src/input.css
@tailwind base;
@tailwind components;
@tailwind utilities;

خب حالا دیگه کانفیگ هامون حل شه و ما میتونیم از تیلویند استفاده کنیم، فقط یه مسئله هست و اینجا باید تیلویند به صورت لحظه‌ای تغییرات مارو بررسی کنه و هربار استفاده میشه ازش، بیاد کامپایل هارو انجام بده، پس این کامند رو داخل کامندلاین میزنیم ( اون واچ اخرش برای لحظه‌ای بودنه، اگه حذفش کنین هر بار اجرا شه کامپایل رو انجام میده )

npx tailwindcss -i ./src/input.css -o ./src/output.css --watch

داخل این قسمت ما داریم میگیم که تیلویند گلم، بیا فایل داخل ./src/input.css رو در نظر بگیر به عنوان استایل های ورودی و خروجیتو داخل ادرس ./src/output.css بریز، حالا دیگه تیلویند ما میاد کامپایل هارو انجام میده و طبق لایه هایی که توی input.css اضافه کردیم کامپایل میکنه به output.css 📣در آخر فقط و فقط نیازه اون فایل خروجی ( اینجا از ما output.css عه ) رو لینک کنیم به html

src/index.html
<!doctype html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link href="./output.css" rel="stylesheet">
</head>
<body>
  <h1 class="text-3xl font-bold underline">
    Hello world!
  </h1>
</body>
</html>

و تمام! شما میتونین تحوه نصب تیلویند و PostCss رو طبق همین کارا و یا توی فریمورک های مختلف از این لینک کامل و جامع مطالعه کنین: 🌐https://tailwindcss.com/docs/installation قبل از اتمام اموزش، درباره اون لایه هایی که اضافه کردیم یکم صحبت کنیم، ببینین دوستان من، تیلویند 3 تا لایه داره به اسم base , components , utilities که هرکدوم یه دسته از تیلویندمون داخلشه، مثلا داخل base ، فونت ها، ریست ها و... وجود داره، یا components میشه همون استایل های مربوط به کامپوننت های تیلویند 👑امیدوارم لذت برده باشین تا اینجا کار #tailwind #tailwind_2 ☕️ @CodeExplore

8 325

تست آنلاین و فوری کد 💻 🔺تا حالا شده بخواین سریع و دم دستی یه کدی رو تست بکنین؟ مثلا آخر شبه و یه کد جالبی میخوره به چشمتون،اما سیستم خاموشه و رو گوشی هم کامپایلر یا ادیتور یا ... نیست؛ خب اینجور وقتا این سایت به کارتون میاد! 🔸میتونید توی این سایت آنلاین کدتون رو بنویسید و اجراش کنید و نتیجه رو ببینید! اکثر زبان های معروف رو هم پشتیبانی میکنه با ورژن های مختلف! 🔗 Codechef #codechef #programming #site ☕️ @CodeExplore

8 325

‏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

8 325

⚪️ با استفاده از این سایت میتونید کد یا زبان انسان رو به هر زبان برنامه نویسی که میخواید تبدیل کنید. از زبان فارسی هم برای Prompt و از اکثر زبان های برنامه نویسی هم پشتیبانی میکنه. قسمت پریمیوم هم وجود داره که برای استفاده های بیشتر و قابلیت های ویژه تر میتونید تهیه کنید. 🔗 aicodeconvert.com #ai #code #convert ☕️ @CodeExplore

8 325

معمای اینترنت در ایران💔... ☕️ @CodeExplore

8 325

☕️ دوستان شما میتونید توی گپ کد اکسپلور هم جوین باشید. توی گروه با راهنمایی، رفع مشکلات و انتقال تجربیات خودتون باعث پیشرفت خودتون و دوستان میشید.🔝 با کد اکسپلور یادبگیر، لذت ببر و بروز باش😉🤍 ☕️ https://t.me/CodeExploreGap

8 325

👀خودم دارم مهاجرت میکنم رو لینوکس و این چند روزه خیلی پیگیر این موضوع بودم که تو یوتیوب یک ویدیو دیدم که 60 کامنتی که حتما باید تو لینوکس بلد باشیم رو گفته ، تصمیم گرفتم با شما هم به اشتراک بزارم. 🖥 https://www.youtube.com/watch?v=gd7BXuUQ91w #linux #comment #youtube ☕️ @CodeExplore

8 325

🔤🔤🔤🔤🔤🔤🔤 🔤🔤🔤🔤 🟢 کانال ایردراپ شاپ تقدیم میکند 🟢 اخبار لحظه به لحظه ی دنیای ارز های دیجیتال و ایردراپ ها 🤑🤑🤩✉️ هر ماه قرعه کشی یک پریمیوم رایگان (به شرط رسیدن به ۱۰۰۰ عضو) 🤑 معرفی ایردراپ(Airdrop)های رایگان و با قابلیت تبدیل به تومان 😀 خرید ارز شما به بالاترین قیمت بازار 🪙 🔹تا دیر نشده کلیک کن و جوین شو ، کُلی جوایز و قرعه کشی در انتظارته 🔹 💬 | @Airdrops_shop

8 325

👋خوش اومدین به اولین قسمت از اموزش TailwindCss ، امروز میخایم فقط به معرفی و ویژگی های این داداشمون بپردازیم 💪اول اینکه باید بدونین TailwindCss یه فریمورک Css عه که با اسکن کردن کل فایل های html شما، کامپوننت های javascript و تمپلیت هاتون با اسم های مختلف کار میکنه و میاد اون استایل هارو به صورت استاتیک داخل فایل Css مینویسه ✅حالا ویژگی هایی که تیلویند رو اینقدر خفن کرده چیه؟ 🔵افزایش سرعت توسعه: چون که با کلاس ها استایل میدیم و کلی قابلیت در اختیار ما قرار میده سرعتمون خیلی میره بالا 🔵قابلیت شخصی سازی بالا: تیلویند بخاطر فایل های کانفیگی که داره و البته قابلیت های خفن خودش بهتون این اجازه رو میده که کلی کانفیگ و کارای کاستوم انجام بدین 🔵سرعت بالای سایت با کمترین حجم Css: با تیلویند این قابلیت رو دارین که فایل های css تون کوچیک و جمع و جور باشه 🔵واکنش پذیری ( Responsive ): خیلی راحت میتونین صفحاتتون رو باهاش رسپونسیو کنین سازگاری بالا با فریمورک های مختلف JavaScript 🔵 امروز صرفا یسری اشنایی با تیلویند ایجاد کردیم و قراره به مرور طبق مباحث اصلی پیش بریم و یواش یواش تیلویند رو یاد بگیریم #tailwind #tailwind_1 ☕️ @CodeExplore

8 325

استخراج آرایه به روش 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

8 325

نقشه راه(DevOps) به زبان فارسی 😎 ترجمه از AliRadmanesh 1️⃣نقشه راه فرانت‌اند (Front-End) به زبان فارسی 2️⃣نقشه راه بک‌اند (Back-End) به زبان فارسی 3️⃣نقشه راه فرانت‌اند هم می تونین از گیت هاب ما دنبال کنید. #roadmap #devops #frontend #backend ☕️ @CodeExplore

8 325

دوستانی که هنوز درک نکردن که چرا جمع 0.1 + 0.2 برابر با 0.3 نیست ، مشکلی نیست برید تو سایت زیر و توضیحاتش رو بخونید تا کامل متوجه بشید (من خودم امروز خوندم جالب بود) 🌐 0.30000000000000004.com ☕️ @CodeExplore

8 325

#fun ☕️ @CodeExplore

8 325

چندتا محیط برنامه نویسی معروف ⭐️ 🌀چندتا IDE که مثل خونه ان برای برنامه نویسا(البته که VSCode یک تکست ادیتوره)، شما چه فضاهای دیگه ای میشناسید؟ در ضمن میدونستید گوگل هم داره یک IDE میسازه؟ اینجا خبرش رو قبلا گذاشتیم! 🎮 شما چه محیط های معروف و کاربردی دیگه ای میشناسید؟ توی کامنت ها بهمون بگید! #ide #texteditor ☕️ @CodeExplore