یک سری کامپوننت lightbox برای vue

1- https://github.com/littlewin-wang/vue-images
2- https://github.com/silencesys/silentbox
3- https://github.com/pexea12/vue-image-lightbox
4- https://github.com/vrajroham/vue-simple-lightbox

#lightbox #component

لینک گروه vue.js ：
https://t.me/joinchat/AAAAAEGmHfikBfgSlaOKxA
لینک کانال vue.js ：
https://telegram.me/vue_js

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

و راستی تولد یک سالگی گروه
و کانال vue هم هست ❤️
پارسال همین موقع ها بود که راه اندازی شد
و یک سال که درکنار هم هستیم و خوشحالم که روز به روز تعداد دوستان بیشتر میشه و خانواده vue فارسی بزرگتر میشه
ممنون از همه دوستان که فعالیت دارن و علم شون رو با بقیه در اشتراک میزارن

🚀 Nuxt 2 is coming!

خب یک خبر خوب واسه دوستانی که از nuxt استفاده میکنن یا میخوان استفاده بکنن
ورژن 2 به زودی قرار بیاد که کلی تغییرات خوب توش اتفاق افتاده که بهتره خودتون مقاله رو بخونید

💡💡فقط یک نکته یا خبر خوب واسه کسانی که داخل پروژه هاشون از nuxt استفاده کردن این که نیاز نیست هیچ کدی رو تغییر بدن !!!

ممنون از پویا پارسا عزیز

#nuxt

https://medium.com/nuxt/nuxt-2-is-coming-oh-yeah-212c1a9e1a67

لینک گروه vue.js ：
https://t.me/joinchat/AAAAAEGmHfikBfgSlaOKxA
لینک کانال vue.js ：
https://telegram.me/vue_js

به تازگی قسمت جدیدی رو تیم vue به سایت اضافه کردن به نام vuepress که کار ساخت وبسایت های استاتیک رو انجام میده. اگه قصد زدن یک وبسایت استاتیک رو دارین میتونید ازش استفاده کنید. با vue router و webpack کار میکنه و خروجی html به شما میده که هرکجا خواستین به صورت spa میتونید اجرا بگیرید.
اگه با nuxt هم کارکرده باشید همین option رو هم nuxt به شما میده...
توصیه شده اگه app دارید از nuxt و اگه یک وبسایت staticدارین مثل صفحه های گیتهاب یا داکیومنت از vuepressاستفاده کنید...
خودتون میتونید بیشتر مطالعه کنید...
و راستی کار کردن باهاش هم خیلی راحته!

آدرس صفحه vuepress :
https://vuepress.vuejs.org
این مقاله هم بد نیست بخونید :
https://medium.com/vue-mastery/vuepress-vs-nuxt-js-ffc46cc38756

#vuepress #static #معرفی

لینک گروه vue.js ：
https://t.me/joinchat/AAAAAEGmHfikBfgSlaOKxA
لینک کانال vue.js ：
https://telegram.me/vue_js

خب قصد داریم یک سایت خوب برای شما دوستان vue.js کار معرفی کنیم
این سایت تمام پکیج های و پروژه های npm که برای vue هست رو یکجا جمع کرده و دیگه میدونید هرچی سرچ بزنید یا پیدا کنید برای vue هست
https://www.builtforvue.com

ببخشید کم کار کشیدیم از این به بعد سعی میکنم منابع بیشتری در اختیار دوستان قرار بدیم.

لینک گروه ：
https://t.me/joinchat/A4uQJkGmHfje2w4_UHs-zg
لینک کانال ：
https://telegram.me/vue_js

✏️ Laravel Nova
نام پروژه جدید تیم لاراول هست.
تیم لاراول یک پنل مدیریت با استفاده از laravel و vue درست کردن که میتونید به عنوان قسمت مدیریت سایتتون ازش استفاده کنید و به کارتون سرعت ببخشید و کلی امکانات اماده داره....

البته دوستان میگن پولی هست....!

لینک اصلی پروژه :
https://nova.laravel.com
لینک داکییومنت پروژه :
https://nova.laravel.com/docs/1.0/installation.html#requirements

#laravel #admin_panel


لینک گروه ：
https://t.me/joinchat/A4uQJkGmHfje2w4_UHs-zg
لینک کانال ：
https://telegram.me/vue_js

🖋 Vue.js 2 Cookbook
Today free book is out!

خب شاید اسم packetpup رو به خاطر کتاب های زیادی که تو زمینه های برنامه نویسی تولید میکنه شنیده باشید. هر روز یک کتاب رو به صورت رایگان در سایتشون قرار میدن که کتاب امروز درباره vue هست پس از دستش ندین.....

از سایتش میتونید بگیرید و یا فایل pdf از پایین همین مطلب دانلود کنید

https://www.packtpub.com/packt/offers/free-learning

#book #learn #vue_learn


لینک گروه ：
https://t.me/joinchat/A4uQJkGmHfje2w4_UHs-zg
لینک کانال ：
https://telegram.me/vue_js

🔒 احراز هویت با تلگرام :

خب از اونجایی که در ایران تلگرام خیلی فراگیر شده و با این که فیلتر هست ولی بیشتر مردم از تلگرام استفاده میکنن مثل خود ما...
شاید روش خوبی باشه که login با تلگرام رو به سایتمون اضافه کنیم و با حساب کاربری تلگرام فرد اهراز هویت کنیم.
میتونه جالب باشه!
اگه دوست دارید این کارو بکنید از کامپوننت زیر میتونید استفاده کنید.....

https://github.com/vchaptsev/vue-telegram-login

#telegram #component

لینک گروه ：
https://t.me/joinchat/A4uQJkGmHfje2w4_UHs-zg
لینک کانال ：
https://telegram.me/vue_js

سلام به همه دوستان
مخصوصا طرفداران Vue.js 😎
یکی از دوستان گروه یک پکیج مُدال (فرم ساز) ساخته برای ویو
میتونید نصب کنید و توی پروژتون استفاده کنید
داکیومنت تقریبا کاملی هم به زبان انگلیسی داره
لینک دمو و داکیومنت :

https://eagle-design.ir/vue-eagle-modal/demo.html
لینک کامپوننت در npm:
https://www.npmjs.com/package/vue-eagle-modal

اگه مشکل یا باگ یا نظری هم داشتین میتونید با ایدی زیر با نویسنده در ارتباط باشید
@eagledesign

#component #modal #form_generator

لینک گروه ：
https://t.me/joinchat/A4uQJkGmHfgoHO6kyOrN1A
لینک کانال ：
https://telegram.me/vue_js

📹وبینار معرفی ابزار های توسعه مدرن وب و فریم ورک Nuxt.js

📆جمعه ۲۶ بهمن ساعت ۱۴ الی ۱۶ (به وقت ایران)

🎙ارائه دهنده: پویا پارسا - عضو تیم ویو جی اس و ناکست - دانشگاه صنعتی امیرکبیر

آدرس گروه : https://t.me/joinchat/BuD4jhay3zGp96m4jA3OJw

#webinar #nuxt.js #وبینار

📹 وبینار معرفی ابزار های توسعه مدرن وب و فریم ورک Nuxt.js

دوستانی که این وبینار رو از دست دادند میتونن فیلم این وبینار رو دانلود کنن

🎙ارائه دهنده پویا پارسا عزیز عضو تیم ویو جی اس و ناکست

یکی از دلیل هایی که معمولا nuxt رو پیشنهاد میدن برای ssr یا server side rendering اون هست که به seo سایت کمک میکنه...
اما این بار میخوایم دو تا قابلیت خوب دیگه nuxt که روی seo تاثیر گذار هست رو بهتون بگم!

1⃣ یکی از قابلیت های خوب nuxt استفاده از vue-meta به صورت توکار داخل خودش هست که به شما اجازه میده به راحتی و سادگی تگ های meta رو به پروژتون اضافه کنید و مدیریت کنید. البته اگه از nuxt هم استفاده نمیکنید میتونید این کامپوننت رو به پروژه vue خودتون اضافه کنید و استفاده کنید ولی باز هم تاکیید میکنم که خودت nuxt به صورت توکار از این قابلیت استفاده میکنه

داکیومنت برای استفاده در nuxt :
https://nuxtjs.org/api/pages-head
https://nuxtjs.org/api/configuration-head
https://nuxtjs.org/faq/duplicated-meta-tags

داکیومنت برای استفاده در vue :
https://vue-meta.nuxtjs.org


2⃣ مورد دیگه که به نظرم میتونه روی seo تاثیر گذار باشه sitemap.xml هست که شما به راحتی میتونید با استفاده از ماژول sitemap در nuxt این قابلیت رو به پروژتون اضافه کنید و استفاده کنید...
لینک پروژه و نحوه استفاده :
https://github.com/nuxt-community/sitemap-module


#nuxt #seo #sitemap #meta_tag

با دوستان خود به اشتراک بگذارید....
بزرگترین گروه و کانال vuejs و nuxtjs در ایران

لینک گروه ：
https://t.me/ir_vuejs
لینک کانال ：
https://telegram.me/vue_js

✏️ خیلی وقت پیش زمانی که تازه فریم ورک های جاوا اسکریپتی داشتن جون میگرفتن و معروف میشدن یک stack معرفی شد به نام mean stack که شامل mongodb و express.js و angular1 و node.js بود که طرافداران زیادی پیدا کرده بود و به شما اجازه میداد به صورت full stack با جاوا اسکریپت کار کنید که خیلی جذاب بود.
حالا قصد داریم mevn stack رو به شما معرفی کنیم که به جای angular از vue استفاده شده. اگه خواستین میتونید به لینک زیر سر بزنید و بیشتر در باره این پروژه بخونید. خوبی هم که داره شما میتونید از nuxt هم استفاده کنید.

لینک پروژه در گیتهاب :
https://github.com/madlabsinc/mevn-cli
لینک داکیومنت پروژه :
https://mevn.madlabs.xyz/

خوشحال میشیم اگه از این stack استفاده کردین نظراتتون رو با بقیه در گروه به اشتراک بزارید و اگه دوست داشتین این مطلب رو با بقیه به اشتراک بزارید

لینک گروه ：
https://t.me/ir_vuejs
لینک کانال ：
https://telegram.me/vue_js

📣 مانیتورینگ خطا ها در Vue.js و Nuxt.js

اکثر ما تا جایی که بتونیم کد های خودمون را چند بار تست میکنیم تا مشکلات احتمالی اون رو پیدا کنیم یا اگه پیشرفته تر بخوایم کار کنیم برای کدهامون تست مینویسیم .

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

پس بهتره خودمون خطا های کاربران رو مانیتور کنیم تا مشکلات را پیدا کنیم . sentry.io یکی از سایت هایی هست که تو این کار به ما کمک میکنه و پلن رایگان هم به شما میده و استفاده ازش خیلی راحته پس پیشنهاد میکنم که حتما امتحان کنید .

شما میتونید برای استفاده در vue سراغ داکیومنت خود سایت برید :
https://docs.sentry.io/platforms/javascript/vue
و اگه قصد استفاده در Nuxt رو داریم از ماژول اون استفاده کنید :
https://github.com/nuxt-community/sentry-module

#sentry #errors #monitoring

با دوستان خود به اشتراک بگذارید....
بزرگترین گروه و کانال vuejs و nuxtjs در ایران
لینک گروه ：
https://t.me/ir_vuejs
لینک کانال ：
https://telegram.me/vue_js

🗓 نمایش شمسی تاریخ ها در nuxt

اگر شما از nuxt استفاده میکنید و نیاز دارید تاریخ ها رو به صورت شمسی نمایش دهید میتونید از این ماژول برای این کار استفاده کنید. برای نمایش تاریخ ها از moment و برای شمسی سازی از moment-jalaali استفاده شده است.

از ویژگی هایی که داره :

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

🔸امکان استفاده از moment timezone با قابلیت انتخاب timezone های انتخابی شما و حذف timezone های اضافی برای کوچکتر شدن باندل

🔸 امکان لود local انتخابی شما و حذف local های اضافی برای کاهش حجم باندل

لینک پروژه و نحوه استفاده استفاده :

https://github.com/Amir-Mohamadi/nuxt-moment-jalaali


#nuxt #moment #moment_jalaali

با دوستان خود به اشتراک بگذارید....
بزرگترین گروه و کانال vuejs و nuxtjs در ایران
لینک گروه ：
https://t.me/ir_vuejs
لینک کانال ：
https://telegram.me/vue_js

✅ پنجمین همایش آینده وب و موبایل ٨ و ٩ اسفند ١٣٩٨ برگزار خواهد شد.
امسال در کنار همایش، نمایشگاه جانبی هم خواهیم داشت که بازدید از نمایشگاه رایگان هستش.
برای اطلاعات بیشتر و تهیه بلیت همایش به سایت مراجعه کنید:
🌐 https://fowm.ir⁩

🔸 کد تخفیف vuejs مخصوص اعضای کانال و گروه

کانال تلگرام همایش :
https://t.me/fowm_ir

با دوستان خود به اشتراک بگذارید....
بزرگترین گروه و کانال vuejs و nuxtjs در ایران
لینک گروه ：
https://t.me/ir_vuejs
لینک کانال ：
https://telegram.me/vue_js

#️⃣ #FOWM5 ⁩

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

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

🎫 برای ثبت‌نام میتونید از لینک زیر اقدام کنید. (ظرفیت محدود)
https://evnd.co/QK3GH

❤️ با آرزوی موفقیت برای پویا پارسا عزیز

با دوستان خود به اشتراک بگذارید....
بزرگترین گروه و کانال vuejs و nuxtjs در ایران
لینک گروه ：
https://t.me/ir_vuejs
لینک کانال ：
https://telegram.me/vue_js

#vuejsamsterdam #vue #nuxt #conference