🔵چکیده ای از فریم ورک Alpine.js

در واقع Alpine.js یکی از فریم ورک های جاوا اسکریپته که به شما این امکان رو میده پروژه هاتون و با کد کمتر و بهینه تر بنویسید ! 😎

💙البته گفتن کد کمتر منظور ساده نویسی رو میرسونه چون شما میتونید، لاجیک هایی رو که با کد های زیاد جاوا اسکریپت توسعه میدادید و با دو الی سه خط انجام بدید و این باعث میشه سرعت و کیفیت کار شما بالا بره.

همچنین Alpine.js مثل انگولار، React.js، Vue.js و Svelte این امکان رو میده تا برنامه نویس به صورت بهینه کدنویسی کنه و با دردسر کمتری کد خودشو تغییر بده و با استفاده از یک رابط، برنامه‌ی خودش رو آسون‌تر توسعه بده.


✅برخی از مزایای Alpine.js:

🔢 سینتکسی مشابه به Vue.js داره و شما اگه با با این فریم ورک کار کرده باشید یادگیری Alpine.js براتون آسون تره

🔢 راحت تر میتونید DOM رو دستکاری کنید

🔢 به راحتی میتونید اطلاعات رو بایند کنید

🔢 میتونید با استفاده از آلپاین وب اپلیکیشن های خودتون رو برای حالت گوشی هم توسعه بدید

🔢 آلپاین جی اس رو میتونید هم به شکل کامپوننت و هم میان کد های Html استفاده کنید


برای اطلاعات بیشتر و نحوه نصب و استفاده از Alpine.js، میتونید به داکیومنتش مراجعه کنید.


Document 🌕

#framework #alpine
@CodeModule

Good Night 🌚✨

"سختی ها و مشکلاتو در آغوش بگیر، اونا قراره بخشی از سخنرانی پیروزیت باشن"


@CodeModule

5 کتابخانه کاربردی که component های آماده tailwind-css ارائه میدن🔥

1️⃣Flowbite

2️⃣Tailwind Elements

3️⃣Tailwind Templates

4️⃣Daisy UI

5️⃣Tailwind UI


#tailwind
@CodeModule

پسورد من توی چند سایت مختلف😂😂😂:


#fun
@CodeModule

در پست های قبل راجب اهمیت تست نویسی صحبت کردیم و امروز میخوایم یکی از محبوب‌ترین فریمورک‌ها برای این کار، یعنی Jest و بررسی کنیم😎

✅فریمورک Jest چیه؟

در واقع Jest یک فریمورک تست نویسی جاوااسکریپتی هست که امروزه به طور گسترده‌ای مورد استفاده قرار میگیره. این فریمورک با همه فریمورک‌های مدرن جاوا اسکریپت مثل React، Angular، Vue،  Node و نظایر این‌ها سازگاری داره.

این فریمورک در اصل توسط فیسبوک توسعه داده شده و برای جامعه برنامه نویسان جهت استفاده و توسعه متن باز شده است.


❓چرا Jest و انتخاب کنیم؟

وضعیت پرسش‌نامه سال ۲۰۱۸ جاوااسکریپت نشون میده که Jest محبوب‌ترین و پر استفاده‌ترین فریمورک تستینگ برای جاوااسکریپت بوده و حدود ۳۹٫۶% از توسعه دهنده ها از اون استفاده میکردن.

و همچنین Facebook، Twitter، Airbnb، Instagram، Spotify و بسیاری از استارتاپ‌های بزرگ، همگی از این فریمورک برای تست محصولاتشون که با جاوااسکریپت نوشته شده، استفاده میکنن.


✅مزایای فریمورک Jest

◀️بدون پیکربندی

◀️استفاده ساده

◀️سرعت بالا

◀️اجرای موازی تست ها

◀️مستندات بسیار خوب


اگه شما از تست نوشتن خوشتون نمیاد، Jest قطعا نظر شما رو عوض میکنه چون استفاده از این فریمورک فوق‌العاده آسون و راحته.

برای یادگیری این فریمورک میتونید به داکیومنتش مراجعه کنید.


Document 🌕

#testing #jest #framework
@CodeModule

بررسی برخی فیچر های جدید جاوا اسکریپت (ES14) ✌️

اکما اسکریپت ۱۴ موجی از ویژگی‌های هیجان‌انگیز و در سال ۲۰۲۳ به نمایش گذاشت تا تجربه‌ی بهتری از برنامه نویسی با جاوا اسکریپت داشته باشید.

تو این پست برخی از متد های جدیدی که به جاوااسکریپت اضافه شده رو بررسی میکنیم.

1⃣ متد findLast
این متد در پروتوتایپ تمامی آرایه‌ ها قابل دسترسی هست (به عنوان مثال Array.prototype.findLast) و به طور مشابه به متد find عمل می‌کنه و برای یافتن یک عضو در آرایه استفاده میشه. با این تفاوت که جستجو رو از انتهای آرایه شروع می‌کنه.

const array1 = [5, 12, 50, 100, 44];const found = array1.findLast((element) => element > 45);
console.log(found);//Output: 100

2⃣متد toSorted
این متد نیز مشابه متد sort هست. این دو متد برای مرتب‌سازی اعضای یک آرایه استفاده میشن، با این تفاوت که متد toSorted آرایه اصلی و تغییر نمیده و خروجی اون یک آرایه جدید از اعضای مرتب‌شده هست.

const sortedNumbers = numbers.toSorted((a, b) => a - b) 
console.log(sortedNumbers) // Output: [1, 2, 3, 4, 5] 
 
// common mistake using numbers 
const nums2 = [0, 15, 5, 10, 20] 
const sortedNums2 = nums2.toSorted() 
console.log(sortedNums2) // Output: [0, 10, 15, 20, 5]

3⃣ متد toReversed
این متد نیز مشابه متد reverse عمل می‌کنه که برای معکوس کردن اعضای یک آرایه استفاده می‌شود، با این تفاوت که متد toReversed آرایهٔ اصلی و تغییر نمیده، بلکه خروجی اون یک آرایه جدید از اعضای معکوس شده هست.

const originalArray = [1, 2, 3, 4, 5];
// toReversed
const newArray = originalArray.toReversed();
console.log(originalArray); // Output: [1, 2, 3, 4, 5] the array is unmodified
console.log(newArray); // Output:[5, 4, 3, 2, 1]

4⃣ متد with
این متد به ما اجازه میده که یک عضو از آرایه رو با یک مقدار دیگه جایگزین کنیم، بدون اینکه آرایه اصلی و تغییر بدیم. این متد دو ورودی می‌گیره: ورودی اول که شماره ایندکس مورد نظر برای جایگزینی هست، و ورودی دوم مقدار جدید مورد نظر هست.

const numbers = [1, 2, 9999, 4]; 
 const result = numbers.with(2, 3); 
 console.log(result); // [1, 2, 3, 4]

5⃣متد groupBy
با استفاده از متد groupBy، می‌تونیم اعضای یک آرایه رو بر اساس یک ویژگی مشترک بین آن‌ها گروه‌بندی کنیم. نکته‌ای که درباره‌ی groupBy وجود داره اینه که بر خلاف متدهای بالا، این متد به صورت استاتیک در دسترس، و مستقیماً از شیء Object Global قابل دسترسی هست.

 const inventory = [ 
  { name: &quotasparagus&quot, type: &quotvegetables&quot, quantity: 5 }, 
  { name: &quotbananas&quot, type: &quotfruit&quot, quantity: 0 }, 
  { name: &quotgoat&quot, type: &quotmeat&quot, quantity: 23 },
]

function myCallback({ quantity }) { 
  return quantity > 5 ? &quotok&quot : &quotrestock&quot 
} 
 
const result2 = Object.groupBy(inventory, myCallback);

#javascript #es14
@CodeModule

Good Night 🌚✨

" سورس‌کد مثل لطیفه (جوک) می‌مونه؛ اگه مجبور به توضیحش شدید، بدونید که اصلاً خوب نوشته نشده. "


@CodeModule

لیستی از بهترین ربات های هوش مصنوعی، که میتونید باهاشون تعامل داشته باشید 🔥


🔵@littleb_gptBOT

🔵@gpt3_unlim_chatbot

🔵@JWGPT3_bot

🔵@gpt4bot

🔵@GPT4Telegrambot

🔵@GPT4Tbot

🔵@BuddyGPTBot

🔵@chista_ai_bot


#ai
@CodeModule

🐱 با GitHub Actions بیشتر آشنا بشید

🔵در واقع GitHub Actions یک پلتفرم برای یکپارچه سازی / تحویل مداوم (CI/CD) هست که به شما اجازه میده تا pipeline ساخت، تست و استقرار و خودکار کنید.
همچنین به شما این امکانو میده که کد دلخواه رو در یک مخزن مشخص در هنگام وقوع یک رویداد اجرا کنید. Action از بسته های کد در کانتینرهای Docker استفاده می کنه که روی سرورهای GitHub اجرا میشن.

همچنین اونا با تمام زبان های برنامه نویسی سازگار هستن تا اطمینان حاصل بشه که اونارو روی ابرهای عمومی و همچنین سرورهای محلی اجرا کنید. این بخشی از یک سری راهنمای گسترده در مورد CI/CD هست.


✅مزایای GitHub Actions

◀️انعطاف پذیری

◀️طیف گسترده ای از قالب های ci

◀️تست کانتینرهای متعدد

◀️طرح های رایگان جذاب

◀️نصب ساده

همچنین Github actions زمانی که CI تو پروژه باشه، به توسعه دهنده ها اجازه میده به صورت مستقل و با سرعت خودشون شروع به کار روی ویژگی های مختلف برنامه کنن بدون اینکه نیاز به هماهنگی داشته باشن.

برای یادگیری این ابزار میتونید به داکیومنتش مراجعه کنید😎


Document 🌕

#github #github_action #ci #cd
@CodeModule

الگوریتم یکی از دانش های پایه برنامه نویسی هست که هر دولوپر تو هر حوزه باید باهاش آشنا باشه 😎

توی این پست یک کتاب ترجمه شده به اسم Grokking Algorithms براتون قرار دادیم که الگوریتم و براتون مثل آب خوردن میکنه🔥


#book #algorithm
@CodeModule

Good Night 🌚✨

انسان به دنیا نیومده که قانع باشه
تا میتونی به دست بیار و لذت ببر


@CodeModule

5 کد ادیتور آنلاین و کاربردی ⚡️


🔴Replit.com

🔴Codepen.io

🔴Codesandbox.io

🔴Vscode.dev

🔴Stackbiltz.com


#code_editor
@CodeModule

این سایت کمک می‌کنه سریع تر کد بزنی! 💀

قطعا براتون پیش اومده که مجبور باشید یه سری استایل های پیور و به کلاس های tailwind ریفکتور کنید، اما حوصله و وقتشو ندارید.

با استفاده از این سایت، خیلی راحت میتونید کدهای خام css و به کلاس های tailwind تبدیل کنید 😎

🔵tailwind converter


#tools #tailwind
@CodeModule

آشنایی با Kubernetes و تفاوت آن با Docker 🐚

در واقع Kubernetes نوعی سیستم هست که وظیفه هماهنگ کردن برنامه‌های کاربردی و در حال اجرا روی کانتینر‌های مجازی بر عهده داره. Kubernetes اغلب “K8s”  نامیده میشه. K8s به‌منظور استقرار و مدیریت برنامه‌های ابری، از طریق زیرساخت‌ها و پلتفرم‌های ابر عمومی و بصورت خودکار، استفاده میشه.


⚡️وظایف kubernetes چیه ؟

انعطاف‌پذیر کردن برنامه‌ها، اختصاص فضای ذخیره‌سازی پایدار، مقیاس‌بندی خودکار و فعالیت مداوم برای حفظ وضعیت مطلوب نرم‌افزار‌ها از جمله وظایف مهم و کلیدی این سیستم یاد شده.


☯️ ویژگی‌های قابل توجه Kubernetes

◀️کشف سرویس و بالانس کردن بار

◀️سازماندهی Storage و فضای ذخیره‌سازی

◀️جمع‌کردن و گسترش دوباره داده‌ها

◀️بسته‌بندی خودکار

◀️ویژگی Self-healing

◀️مدیریت و پیکربندی مخفی


تفاوت Docker با Kubernetes چیه ؟

همونطور که توی پست های قبل توضیح دادیم، docker یک سکو و پلتفرم نرم‌افزاریه که به‌منظور ساخت و ایجاد برنامه‌های کاربردی کانتینری استفاده میشه. درحالی‌ که Kubernetes یا K8s وظیفه خودکار کردن ابزارهای مختلف و از جمله فرآیند اجرای برنامه‌های کانتینری و cloud native application ها رو که با استفاده از Docker ساخته شدن رو بر عهده داره.

😉بسیاری از سازمان‌ها و شرکت‌ها از هر دو سیستم یعنی Docker و Kubernetes به‌صورت همزمان استفاده می‌کنن.

در نهایت Kubernetes تاریخچه‌ای ۱۵ ساله داره و به لطف این پشتوانه و جامعه بزرگ توسعه‌دهنده هایی که اونو بهینه می‌کنن، تونسته که به یکی از موفق‌ترین نمونه‌ها در دنیا متن‌باز تبدیل بشه و انتظار میره در آینده هم شاهد افزایش و پیشرفت این ساز و کار کارآمد باشیم

برای یادگیری kubernetes میتونید به داکیومنتش مراجعه کنید.😎

Document 🌕

#kubernetes #containers #different #docker
@CodeModule

ایجاد تصویر با هوش مصنوعی 🤖

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

برای استفاده از این ابزار کاربردی و خفن، میتونید به وب سایتش مراجعه کنید.😎

➡️Website◀️

#ai #tools
@CodeModule

نمونه قرارداد پروژه های فریلنسری 🔥

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

این قرارداد، جامع و برای پروژه های فریلنسری نرم افزاری و با نظارت کارشناس حقوقی آماده شده 😎

https://7ln.ir/el7

#freelancer
@CodeModule

با استفاده از Wave سایتتو خوشگل کن!🔥

احتمالا همچین شکل هایی رو تو سایت های مختلف دیدید. امروز میخوام یه سایت بهتون معرفی کنم که با استفاده از اون، Wave های دلخواه خودتون رو به شکل های مختلف کاستوم کنید و به صورت svg یا png خروجی بگیرید⚡️

➡️Website◀️

#tools
@CodeModule

🌂 تا حالا اسم ادیتور VIM به گوشتون خورده؟

ادیتور vim یکی از ادیتورهای پرطرفداره که امروزه برخی از برنامه نویسا از اون استفاده می‌کنن. نرم افزار Vim رایگان و اوپن سورسه که توسط Bram Moolenaar نوشته شده.

🧑‍🎓 تاریخچه کد ادیتور vim

این ادیتور اولین بار در سال ۱۹۹۱ برای انواع یونیکس منتشر شد. هدف اصلی از ساخت اون ارتقاء ویرایشگر Vi بود که در سال ۱۹۷۶ منتشر شده بود. Vim در واقع به عنوان کلونی از نرم افزار قدیمی Vi هست که improved شده. همچنین مثل Vi این ادیتور هم command line محوره و مبتنی بر ترمیناله.


✅مزایای استفاده از ویرایشگر VIM چیه؟

🔵این نرم افزار در هر سیستمی قابل نصبه.

🔵می‌تونید از اون در دو حالت ترمینالی و گرافیکی استفاده کنید.

🔵حجم کمی داره

🔵قابلیت شخصی سازی بالایی داره و از یک فایل متنی ساده برای ذخیره این تنظیمات استفاده می‌کنه.

🔵پلاگین‌های خیلی زیادی داره که این پلاگین‌ها باعث افزایش قابلیت‌ها و کاربردهای این نرم‌افزار میشن.

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

🔵از ویژگی چند زبانه‌ای (multiple tabe) پشتیبانی می‌کنه که اجازه میده تا توی چندین فایل کار کنید.

🔵دستورات Vim به سادگی به حافظه سپرده میشه.

🔵یادگیری نسبتا ساده

⚠️خوبه که بدونید ویرایشگر Vim به طور سنتی دارای محیط گرافیکی (GUI) نیست، اما به تازگی نسخه جداگانه‌ای به نام gVim ایجاد شده که محیط گرافیکی برای این ادیتور فراهم میکنه.

#vim #editor
@CodeModule