نسخه کامل ۸۰ صفحه ای State of Vue.js

ممنون از پویا پارسا عزیز برای اطلاع رسانی

#چرا_vue


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

خب یکی از چیز هایی که معمولا توی مقایسه vue و react گفته میشه و react حرفی واسه گفتن داره ساخت app های موبایل هست که react native یکی از بهترین ها تو این زمینه هست اما نگران نباشید واسه vue هم چنین فریم ورک هایی هست شاید به اون قدرت نه ولی دارن رشد میکنن و نیاز های شما رو ی جورایی ۱۰۰% حل میکنن . الان قصد داریم فریم ورک هایی که واسه vue وجود دارند رو به شما معرفی کنیم ：


مورد اول weex : خب اگه قرار باشه چیزی react native رو بگیره باید منتظر رشد همین بمونیم
https://weex.apache.org

مورد دوم quasar ：یک فریم فروک خوب که فقط واسه vue هست داکیومنت خوبی هم به نظر داره
http://quasar-framework.org

مورد سوم native script : توی توضیحاتی که در سایتشون دادن با vue هم کار میتونید بکنید این فریم ورک هم جا افتاده هست
https://nativescript.org

مورد چهارم framework7 ：
یک فریم ورک خوب و کامل دیگه
که خروجی های خوبی میده روی انیمیشن ها بیشتر همه وقت گذاشتن مثل این که...پس میشه تجربه شبیه به native داشته باشه...
https://framework7.io

مورد پنجم onsen ：این فریم ورک با بقیه فریم ورک ها دیگه مثل react angulsr و ... هم کار میکنه که از vue هم پشتیبانی میکنه
https://onsen.io/vue/

موارد دیگه ای هم هستند ولی بیشتر ui هستند ولی اگر موردی جا افتاده بگید تا به لیست اضافه کنیم.

#vue_mobile_framework #app #mobile



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

خب امروز قصد معرفی یک پلاگین خوب و باحال برای vue رو داریم
معمولا از این فریم ورک ها واسه ساخت وب اپلیکیشن ها استفاده میشه پس واقعا بییاین و یک اپلیکیشن تحویل بدیم ! پلاگینی که میخوایم معرفی کنیم کارش به این صورت هست که شما میتونید واسه فعالیت هاتون کلید میانبر (short key) تعریف کنید به فرض شما توی داشبورد یک قسمت دارین به نام افزودن مطلب ، به وسیله این پلاگین میتونید یک کد میانبر یا کوتاه به فرض ctrl +n تعریف کنید که تا کاربر زد بره و صفحه افزودن مطلب باز کنه .... یا هر اتفاق دیگه که خودتون مدنظر دارین .
واسه وب اپلیکیشن ها قابلیت خیلی خوبی هست و توی سرعت کار افراد حرفه که با اپ ما کار میکنن میتونه خیلی تاثیر گذار باشه .
امیدوارم به دردتون خورده باشه ：)

لینک گیتهاب پروژه ：
https://github.com/iFgR/vue-shortkey

#short_key #plugin #components

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

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

1-Vue Light Bootstrap Dashboard
پیشنمایش :
http://vuejs.creative-tim.com/vue-light-bootstrap-dashboard/#/
داکیومنت :
http://vuejs.creative-tim.com/vue-light-bootstrap-dashboard/documentation/#/
لینک پروژه :
https://github.com/cristijora/vue-light-bootstrap-dashboard
—------------------------------------------------------------

2-Vue Paper Dashboard
پیشنمایش :
http://vuejs.creative-tim.com/vue-paper-dashboard/#/admin/overview
داکیومنت :
http://vuejs.creative-tim.com/vue-paper-dashboard-docs/#/
لینک پروژه :
https://github.com/cristijora/vue-paper-dashboard
—---------------------------------------------------------—
این پست به زودی تکمیل میشه .....


#admin_template #dashboard #admin #قالب_مدیریت


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

🎄 قابلیت های جدید افزونه Vue Devtools 4.0

این یکی از بزرگ ترین آپدیت های این افزونه هست. اگر تا به حال از اون استفاده نکردید، این ابزار به شما کمک می‌کنه که در زمان توسعه وب اپلیکیشن خودتون رو داخل مرورگر راحت تر دیباگ کنید، دیتای کامپوننت هارو inspect کنید و تغییرات و وضعیت vuex رو به راحتی مشاهده کنید.

✅ قابلیت تغییر دیتای کامپوننت ها در زمان اجرا
✅ قابلیت ویرایش سریع که به شما اجازه تغییر ساده تر دیتا رو میده
✅ قابلیت باز کردن سورس کد به طور خودکار در ادیتور (*)
✅ قابلیت سوییچ کردن بین اسم اصلی کامپوننت یا اسمی که با اون رجیستر شده
✅ قابلیت انتخاب هر کامپوننت با منوی راست کلیک
✅ فیلتر های قوی تر برای کامپوننت و vuex
✅ و ...

* این قابلیت به طور خودکار با Nuxt.js سازگار هست. برای تمپلیت های وب پک نیاز به یکسری کانفیگ ساده هست)

👈 برای مطالعه توضیحات کامل این نسخه:

https://medium.com/the-vue-point/whats-new-in-vue-devtools-4-0-9361e75e05d0

👈 دریافت آخرین نسخه افزونه برای کروم :

https://chrome.google.com/webstore/detail/nhdogjmejiglipccpnnnanhbledajbpd

👈 دریافت آخرین نسخه افزونه برای فایرفاکس:

https://addons.mozilla.org/en-US/firefox/addon/vue-js-devtools

#Devtools
با تشکر از پویا پارسا

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

خب شاید بخواین توی پروژه هاتون با کلیک روی یک لینک برید به یک قسمت دیگه در همون صفحه ، با دستورات html میشه اما برای انیمشن ها مجبورید از js استفاده کنید که jquery این کار خیلی آسون کرده بود ! اما جالب نیست واسه این کار jquery به پروژه خودمون استفاده کنیم !
دایرکتیو زیر این کارو خیلی آسون براتون انجام میده و تنظیمات خوبی هم داره :
https://rigor789.github.io/vue-scrollto/#/


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

یک سری کامپوننت 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