نویسنده‌ی Pinia ترفندی را برای ایجاد متغیرهای خصوصی در Store معرفی کرده است که از طریق ساخت یک Store دیگر به دست می‌آید. این روش به عنوان یک راهکار برای پیاده‌سازی private state در نظر گرفته می‌شود، که به کپسوله‌سازی و استفاده از اصول برنامه‌نویسی شی‌گرا (OOP) کمک می‌کند.
در این روش، متغیرهای خصوصی به جای آنکه به طور مستقیم در Store اصلی قرار گیرند، در یک Store جداگانه تعریف می‌شوند و از دسترس مستقیم خارج می‌شوند. سپس فقط Store اصلی می‌تواند به آنها دسترسی داشته باشد و از آنها استفاده کند، در حالی که این متغیرها برای بقیه بخش‌های برنامه غیرقابل دسترسی هستند.
🔗https://masteringpinia.com/blog/how-to-create-private-state-in-stores
#️⃣#tip
👥@IR_javascript_group
🆔@IR_javascript
در این روش، متغیرهای خصوصی به جای آنکه به طور مستقیم در Store اصلی قرار گیرند، در یک Store جداگانه تعریف می‌شوند و از دسترس مستقیم خارج می‌شوند. سپس فقط Store اصلی می‌تواند به آنها دسترسی داشته باشد و از آنها استفاده کند، در حالی که این متغیرها برای بقیه بخش‌های برنامه غیرقابل دسترسی هستند.
🔗https://masteringpinia.com/blog/how-to-create-private-state-in-stores
#️⃣#tip
👥@IR_javascript_group
🆔@IR_javascript
🔥4👍1
This media is not supported in your browser
VIEW IN TELEGRAM
.روی HuggingFace کلی مدل و دیتاست برای کارهای مختلف هست که میتونید استفاده کنید. مثلا این مدل جدید Flux.1-Lite-8B برای تولید عکس واقعا عالیه. کیفیت عکسها واقعا بالاست.
برای این مدل هنوز نیاز به GPU هست اگه بخواهید روی سیستم خودتون ران کنید اما به گفتیه خودشون هم 7 GB کمتر RAM نیاز داره و هم ۲۳% سریعتر هست در عین حال که کیفیت بالا هنوز حفظ شده. و دارن روش کار میکنن که هم اندازه را کوچک کنن و هم سرعت را بیشتر. [برگرفته از کانال @Ai_NewsTv]
🔗https://huggingface.co/spaces/TheAwakenOne/flux1-lite-8B-alpha
#️⃣#tool
👥@IR_javascript_group
🆔@IR_javascript
برای این مدل هنوز نیاز به GPU هست اگه بخواهید روی سیستم خودتون ران کنید اما به گفتیه خودشون هم 7 GB کمتر RAM نیاز داره و هم ۲۳% سریعتر هست در عین حال که کیفیت بالا هنوز حفظ شده. و دارن روش کار میکنن که هم اندازه را کوچک کنن و هم سرعت را بیشتر. [برگرفته از کانال @Ai_NewsTv]
🔗https://huggingface.co/spaces/TheAwakenOne/flux1-lite-8B-alpha
#️⃣#tool
👥@IR_javascript_group
🆔@IR_javascript
👍1
ویدیو دوبله شده در مورد نکات کلیدی برای پرامت نویسی ChatGPT [+لینک]
در این پست، به نکات مهمی در مورد استفاده از ابزارهای هوش مصنوعی مانند ChatGPT برای نوشتن پرامپت ها پرداخته شده است. ابتدا توضیح داده می‌شود که چگونه با ارائه اطلاعات دقیق و خلاصه می‌توان نتیجه بهتری گرفت، سپس اهمیت استفاده از مثال‌ها برای بهبود کیفیت خروجی‌ها مطرح می‌شود. در نهایت، نکات کلیدی در تنظیم لحن، ساختار و فرمت ایمیل‌ها و متن‌ها آورده شده است تا بتوانید ارتباطات حرفه‌ای‌تری داشته باشید و زمان بیشتری صرفه‌جویی کنید.
🔗https://www.aparat.com/v/dog93mg
#️⃣#npm_module
👥@IR_javascript_group
🆔@IR_javascript
در این پست، به نکات مهمی در مورد استفاده از ابزارهای هوش مصنوعی مانند ChatGPT برای نوشتن پرامپت ها پرداخته شده است. ابتدا توضیح داده می‌شود که چگونه با ارائه اطلاعات دقیق و خلاصه می‌توان نتیجه بهتری گرفت، سپس اهمیت استفاده از مثال‌ها برای بهبود کیفیت خروجی‌ها مطرح می‌شود. در نهایت، نکات کلیدی در تنظیم لحن، ساختار و فرمت ایمیل‌ها و متن‌ها آورده شده است تا بتوانید ارتباطات حرفه‌ای‌تری داشته باشید و زمان بیشتری صرفه‌جویی کنید.
🔗https://www.aparat.com/v/dog93mg
#️⃣#npm_module
👥@IR_javascript_group
🆔@IR_javascript
👍6
This media is not supported in your browser
VIEW IN TELEGRAM
کتابخانه الگوها
مجموعه‌ای از الگوهای رایگان برای پروژه شما. همه موارد به‌صورت رایگان ارائه می‌شوند و با یک کلیک قابل دانلود هستند.
🔗http://thepatternlibrary.com/#green-goblin
#️⃣#tool
👥@IR_javascript_group
🆔@IR_javascript
مجموعه‌ای از الگوهای رایگان برای پروژه شما. همه موارد به‌صورت رایگان ارائه می‌شوند و با یک کلیک قابل دانلود هستند.
🔗http://thepatternlibrary.com/#green-goblin
#️⃣#tool
👥@IR_javascript_group
🆔@IR_javascript
👍4
This media is not supported in your browser
VIEW IN TELEGRAM
فروت لوپر: SVG
انیمیشن جعبه با استفاده از GSAP.
🔗https://codepen.io/johnjoeparrot/pen/yLdRwrp
#️⃣#code
👥@IR_javascript_group
🆔@IR_javascript
انیمیشن جعبه با استفاده از GSAP.
🔗https://codepen.io/johnjoeparrot/pen/yLdRwrp
#️⃣#code
👥@IR_javascript_group
🆔@IR_javascript
👍3
Shepherd.js — راهنمای کاربری
یک تور راهنمای تعاملی برای کاربران سایت خود ارائه دهید.
🔗https://github.com/shipshapecode/shepherd
#️⃣#npm_module
👥@IR_javascript_group
🆔@IR_javascript
یک تور راهنمای تعاملی برای کاربران سایت خود ارائه دهید.
🔗https://github.com/shipshapecode/shepherd
#️⃣#npm_module
👥@IR_javascript_group
🆔@IR_javascript
❤1👍1
خبر مهم!
Codeium نسخه‌ای فورک شده از VS Code به نام Windsurf Editor معرفی کرده است (می‌توانید از اینجا آن را دانلود و امتحان کنید). این حرکت نشان‌دهنده تلاش Codeium ارائه یک محیط توسعه یکپارچه با قابلیت‌های پیشرفته است.
🔗https://windsurf.ai/
#️⃣#tool
👥@IR_javascript_group
🆔@IR_javascript
Codeium نسخه‌ای فورک شده از VS Code به نام Windsurf Editor معرفی کرده است (می‌توانید از اینجا آن را دانلود و امتحان کنید). این حرکت نشان‌دهنده تلاش Codeium ارائه یک محیط توسعه یکپارچه با قابلیت‌های پیشرفته است.
🔗https://windsurf.ai/
#️⃣#tool
👥@IR_javascript_group
🆔@IR_javascript
👍2👎1
Progressive-Image.js
Progressive-Image.js یک کتابخانه برای بارگذاری تدریجی تصاویر است. این کتابخانه ابتدا یک تصویر کوچک و تار نمایش می‌دهد که به مرور زمان با تصویر کامل جایگزین می‌شود. این روش تجربه کاربری (UX) را بهبود می‌بخشد.
🔗https://github.com/craigbuckler/progressive-image.js
#️⃣#npm_module
👥@IR_javascript_group
🆔@IR_javascript
Progressive-Image.js یک کتابخانه برای بارگذاری تدریجی تصاویر است. این کتابخانه ابتدا یک تصویر کوچک و تار نمایش می‌دهد که به مرور زمان با تصویر کامل جایگزین می‌شود. این روش تجربه کاربری (UX) را بهبود می‌بخشد.
🔗https://github.com/craigbuckler/progressive-image.js
#️⃣#npm_module
👥@IR_javascript_group
🆔@IR_javascript
🔥4
در Vue یک ساختار کم‌استفاده برای ارتباط بین متغیرهای جاوااسکریپت و ویژگی‌های CSS وجود دارد که گاهی از v-bind در بخش style راحت‌تر است:
این نحوه نوشتار، نسخه‌ی اول ویژگی‌های CSS واکنش‌گرا در Vue 3 است.
سپس، ایوان نسخه‌ای با استفاده از v-bind() ارائه کرد که برخی از محدودیت‌های vars را حل می‌کند.
#️⃣#tip
👥@IR_javascript_group
🆔@IR_javascript
<template>
<div class="text">Hello, Vue!</div>
</template>
<script setup>
import { ref } from 'vue';
const color = ref('red');
</script>
<style scoped vars="{ colorVar: color }">
.text {
color: var(--colorVar);
}
</style>
این نحوه نوشتار، نسخه‌ی اول ویژگی‌های CSS واکنش‌گرا در Vue 3 است.
سپس، ایوان نسخه‌ای با استفاده از v-bind() ارائه کرد که برخی از محدودیت‌های vars را حل می‌کند.
#️⃣#tip
👥@IR_javascript_group
🆔@IR_javascript
👍5
جایگزین‌های دستور if…else در جاوااسکریپت
۱️⃣ دستور Switch
مقدار مطابقت داده‌شده یک عبارت را پیدا کرده و بلوک کد مرتبط با آن مقدار را اجرا می‌کند.
۲️⃣ عملگر سه‌گانه (Ternary Operator)
یک شرط را بررسی می‌کند و اگر شرط درست بود، عبارت اول را اجرا می‌کند. در غیر این صورت، عبارت دوم را اجرا می‌کند.
۳️⃣ جدول پرش / ارسال (Jump / Dispatch Table)
مقدار-توابع را در یک شیء ذخیره می‌کند تا به‌طور سریع تابع مناسب را بر اساس مقدار (که به‌عنوان کلید شیء در نظر گرفته می‌شود) فراخوانی کند.
۴️⃣ ارسال پویا (Dynamic Dispatch)
این الگو شامل انتخاب متد پلیمورفیک (چندریختی) مناسب برای فراخوانی بر اساس نوع شیء است.
#️⃣#tip
👥@IR_javascript_group
🆔@IR_javascript
۱️⃣ دستور Switch
مقدار مطابقت داده‌شده یک عبارت را پیدا کرده و بلوک کد مرتبط با آن مقدار را اجرا می‌کند.
۲️⃣ عملگر سه‌گانه (Ternary Operator)
یک شرط را بررسی می‌کند و اگر شرط درست بود، عبارت اول را اجرا می‌کند. در غیر این صورت، عبارت دوم را اجرا می‌کند.
۳️⃣ جدول پرش / ارسال (Jump / Dispatch Table)
مقدار-توابع را در یک شیء ذخیره می‌کند تا به‌طور سریع تابع مناسب را بر اساس مقدار (که به‌عنوان کلید شیء در نظر گرفته می‌شود) فراخوانی کند.
۴️⃣ ارسال پویا (Dynamic Dispatch)
این الگو شامل انتخاب متد پلیمورفیک (چندریختی) مناسب برای فراخوانی بر اساس نوع شیء است.
#️⃣#tip
👥@IR_javascript_group
🆔@IR_javascript
👍5
This media is not supported in your browser
VIEW IN TELEGRAM
Mockup Ceacle
مجموعه‌ای از موکاپ‌های رایگان که بر اساس دسته‌بندی‌ها تقسیم‌بندی شده‌اند.
🔗https://mockup.ceacle.com/search?kind=all&view=all&order=popular&q=%22free%22
#️⃣#tool
👥@IR_javascript_group
🆔@IR_javascript
مجموعه‌ای از موکاپ‌های رایگان که بر اساس دسته‌بندی‌ها تقسیم‌بندی شده‌اند.
🔗https://mockup.ceacle.com/search?kind=all&view=all&order=popular&q=%22free%22
#️⃣#tool
👥@IR_javascript_group
🆔@IR_javascript
👍1
TypeIt
TypeIt یک کتابخانه جاوااسکریپت برای انیمیشن‌سازی تایپ متن است. این کتابخانه به شما امکان می‌دهد تا فرآیند تایپ متن را مستقیماً در صفحه وب شبیه‌سازی کنید و حس نوشتن واقعی را ایجاد کنید.
🔗https://github.com/alexmacarthur/typeit
#️⃣#npm_module
👥@IR_javascript_group
🆔@IR_javascript
TypeIt یک کتابخانه جاوااسکریپت برای انیمیشن‌سازی تایپ متن است. این کتابخانه به شما امکان می‌دهد تا فرآیند تایپ متن را مستقیماً در صفحه وب شبیه‌سازی کنید و حس نوشتن واقعی را ایجاد کنید.
🔗https://github.com/alexmacarthur/typeit
#️⃣#npm_module
👥@IR_javascript_group
🆔@IR_javascript
Nicepage
در این سایت بیش از پانزده هزار قالب رایگان برای CSS جمع‌آوری شده است.
🔗https://nicepage.com/css-templates
#️⃣#tool
👥@IR_javascript_group
🆔@IR_javascript
در این سایت بیش از پانزده هزار قالب رایگان برای CSS جمع‌آوری شده است.
🔗https://nicepage.com/css-templates
#️⃣#tool
👥@IR_javascript_group
🆔@IR_javascript
🔥1
لیستی از سایت ها و کانال هایی که در آنها می توانید قالب های رایگان پیدا کنید
https://themelock.com/eng/
https://nullmart.net/
https://scriptmafia.org/category/templates/
https://t.me/ingressive4good
https://t.me/themelock
https://t.me/nullmart
https://t.me/DesignGoodies
https://t.me/EnvatoFreebies
https://t.me/michollo
اگر مورد دیگری را میشناسید در بخش نظرات مطرح کنید
#️⃣#tool
👥@IR_javascript_group
🆔@IR_javascript
https://themelock.com/eng/
https://nullmart.net/
https://scriptmafia.org/category/templates/
https://t.me/ingressive4good
https://t.me/themelock
https://t.me/nullmart
https://t.me/DesignGoodies
https://t.me/EnvatoFreebies
https://t.me/michollo
اگر مورد دیگری را میشناسید در بخش نظرات مطرح کنید
#️⃣#tool
👥@IR_javascript_group
🆔@IR_javascript
👍4