1⃣ امروز ورژن سوم Vue به صورت beta منتشر شد.
2⃣ دوباره وبسایت Vue Mastery تمام دوره هاشو تا اخر فروردین ماه (april 19) به صورت رایگان قرار داده. اگه دفعه پیش متوجه نشدید این دفعه رو از دست ندید.
⚠️ نکته: از سری پیش یک سری از دوره ها تکمیل تر شدن پس اگه از سری پیش چیزی گرفتین که دوره اش کامل نبوده بازم بررسی کنید.
3⃣ در ورژن 2.12 Nuxt که مدتی پیش منتشر شد متود fetch تغییراتی داشت که دست شما رو خیلی باز تر میکنه. اگه از Nuxt استفاده میکنید حتما یک نگاهی بندازید.
با دوستان خود به اشتراک بگذارید....
بزرگترین جامعه فارسی vuejs و nuxtjs در ایران
لینک گروه ：
https://t.me/ir_vuejs
لینک کانال ：
https://telegram.me/vue_js
#vue #news #vue_3 #nuxt #vuemastery
2⃣ دوباره وبسایت Vue Mastery تمام دوره هاشو تا اخر فروردین ماه (april 19) به صورت رایگان قرار داده. اگه دفعه پیش متوجه نشدید این دفعه رو از دست ندید.
⚠️ نکته: از سری پیش یک سری از دوره ها تکمیل تر شدن پس اگه از سری پیش چیزی گرفتین که دوره اش کامل نبوده بازم بررسی کنید.
3⃣ در ورژن 2.12 Nuxt که مدتی پیش منتشر شد متود fetch تغییراتی داشت که دست شما رو خیلی باز تر میکنه. اگه از Nuxt استفاده میکنید حتما یک نگاهی بندازید.
با دوستان خود به اشتراک بگذارید....
بزرگترین جامعه فارسی vuejs و nuxtjs در ایران
لینک گروه ：
https://t.me/ir_vuejs
لینک کانال ：
https://telegram.me/vue_js
#vue #news #vue_3 #nuxt #vuemastery
✏️ همونطور که قبلا گفتیم و خبر دارید Vue 3 به صورت beta چند وقت پیش منتشر شد اما شاید بپرسید که چه تغییراتی داشته!
✍ توی چند تا پست سعی میکنیم با هم این تغییرات بررسی کنیم و یک سری سوالات که ممکن توی ذهنتون پیش بیاد جواب بدیم.
1⃣ خب اول همه بیایم ببینیم منظور از ورژن beta چی هست. به صورت خلاصه یعنی این که بیس و پایه Vue 3 دیگه همین چیزی هست که میبینید و تغییر ساختاری یا جدیدی شما نمیبینید.
این ورژن برای گرفتن بازخورد و رفع مشکلات احتمالی هست و سعی میشه سرعت و کارایی رو بهبود ببخشن.
از طرف دیگه چون ساختار Vue 3 دیگه مشخص شده تمرکز میره سمت کتابخانه های جانبی Vue مثل Vuex یا Vue-router و... که با ورژن جدید خودشون رو هماهنگ کنند.
2⃣ اولین سوالی که شاید برای خیلی از دوستانی که تازه میخوان Vue رو یادبگیرن پیش میاد این که الان صبر کنیم ورژن سوم بیاد ؟ منابع اموزشی Vue 2 به درد میخوره که دنبال کنیم؟
خب باید بگیم که اصلا نگران تغییر ورژن نباشید و میتونید از آموزش ها و مطالب آموزشی Vue 2 برای یاد گیری استفاده کنید.
و پیشنهاد میشه که اصلا با Vue 2 یاد بگیرن چون بیس و پایه Vue 3 به همون شکل ورژن قبلی هست و اینطوری نیست که هرچیزی یاد گرفتین مجبور بشید دور بریزید مثل اتفاقی که برای angular 2 افتاد.
با دوستان خود به اشتراک بگذارید....
بزرگترین جامعه فارسی vuejs و nuxtjs در ایران
لینک گروه ：
https://t.me/ir_vuejs
لینک کانال ：
https://telegram.me/vue_js
#vue #vue_3 #news
✍ توی چند تا پست سعی میکنیم با هم این تغییرات بررسی کنیم و یک سری سوالات که ممکن توی ذهنتون پیش بیاد جواب بدیم.
1⃣ خب اول همه بیایم ببینیم منظور از ورژن beta چی هست. به صورت خلاصه یعنی این که بیس و پایه Vue 3 دیگه همین چیزی هست که میبینید و تغییر ساختاری یا جدیدی شما نمیبینید.
این ورژن برای گرفتن بازخورد و رفع مشکلات احتمالی هست و سعی میشه سرعت و کارایی رو بهبود ببخشن.
از طرف دیگه چون ساختار Vue 3 دیگه مشخص شده تمرکز میره سمت کتابخانه های جانبی Vue مثل Vuex یا Vue-router و... که با ورژن جدید خودشون رو هماهنگ کنند.
2⃣ اولین سوالی که شاید برای خیلی از دوستانی که تازه میخوان Vue رو یادبگیرن پیش میاد این که الان صبر کنیم ورژن سوم بیاد ؟ منابع اموزشی Vue 2 به درد میخوره که دنبال کنیم؟
خب باید بگیم که اصلا نگران تغییر ورژن نباشید و میتونید از آموزش ها و مطالب آموزشی Vue 2 برای یاد گیری استفاده کنید.
و پیشنهاد میشه که اصلا با Vue 2 یاد بگیرن چون بیس و پایه Vue 3 به همون شکل ورژن قبلی هست و اینطوری نیست که هرچیزی یاد گرفتین مجبور بشید دور بریزید مثل اتفاقی که برای angular 2 افتاد.
با دوستان خود به اشتراک بگذارید....
بزرگترین جامعه فارسی vuejs و nuxtjs در ایران
لینک گروه ：
https://t.me/ir_vuejs
لینک کانال ：
https://telegram.me/vue_js
#vue #vue_3 #news
ویژگی ها و تغییرات Vue 3
اگه قسمت قبل نخوندید میتونید از لینک زیر قسمت اول مطالعه کنید : 👇👇👇👇 👇
https://t.me/vue_js/69
3⃣ در ورژن جدید پشتیبانی خیلی بهتری میشه از تایپ اسکریپت.
4⃣ حجم کم تر! همین حالا هم Vue در کنار رقبا حجم کمتری داره ولی با قابلیت Tree-shaking که اضافه شده حجم میتونه تا نصف ورژن قبل کاهش پیدا کنه!
5⃣ سرعت بالاتر! خب یکی از دلایلش میتونه مورد قبلی باشه ولی به جز مورد قبل کلا virtual dom از اول نوشته شده و باعث شده سرعت حدود 1.3 تا 2 برابر بهتر بشه و در سمت ssr هم تا حدود 2-3 برابر سرعت افزایش یافته!
6⃣ قابلیت Fragments
در ورژن قبلی شما باید حتما یک تگ root داخل template کامپوننت خودتون داشته باشید در غیر این صورت با خطا مواجه میشدید، البته راه حل هایی بود برای حل این موضوع اما در این ورژن شما قابلیت تعریف چند root رو داخل template دارید.
با دوستان خود به اشتراک بگذارید....
بزرگترین جامعه فارسی vuejs و nuxtjs در ایران
لینک گروه ：
https://t.me/ir_vuejs
لینک کانال ：
https://telegram.me/vue_js
#vue #vue_3 #news
اگه قسمت قبل نخوندید میتونید از لینک زیر قسمت اول مطالعه کنید : 👇👇👇👇 👇
https://t.me/vue_js/69
3⃣ در ورژن جدید پشتیبانی خیلی بهتری میشه از تایپ اسکریپت.
4⃣ حجم کم تر! همین حالا هم Vue در کنار رقبا حجم کمتری داره ولی با قابلیت Tree-shaking که اضافه شده حجم میتونه تا نصف ورژن قبل کاهش پیدا کنه!
5⃣ سرعت بالاتر! خب یکی از دلایلش میتونه مورد قبلی باشه ولی به جز مورد قبل کلا virtual dom از اول نوشته شده و باعث شده سرعت حدود 1.3 تا 2 برابر بهتر بشه و در سمت ssr هم تا حدود 2-3 برابر سرعت افزایش یافته!
6⃣ قابلیت Fragments
در ورژن قبلی شما باید حتما یک تگ root داخل template کامپوننت خودتون داشته باشید در غیر این صورت با خطا مواجه میشدید، البته راه حل هایی بود برای حل این موضوع اما در این ورژن شما قابلیت تعریف چند root رو داخل template دارید.
با دوستان خود به اشتراک بگذارید....
بزرگترین جامعه فارسی vuejs و nuxtjs در ایران
لینک گروه ：
https://t.me/ir_vuejs
لینک کانال ：
https://telegram.me/vue_js
#vue #vue_3 #news
ویژگی ها و تغییرات Vue 3
مطالعه قسمت های قبلی :
قسمت اول : 👇👇👇👇 👇
https://t.me/vue_js/69
قسمت دوم : 👇👇👇👇 👇
https://t.me/vue_js/70
7⃣ اضافه شدن Composition API
یکی از امکاناتی که بیشتر از همه سر و صدا کردن و حتی خیلی ها ناراضی بودن همین بود.
در ورژن دو شما میتونستید با یک پلاگین قابلیت Composition API به پروژه خودتون اضافه کنید اما در این ورژن به صورت توکار این قابلیت اضافه شده.
در ورژن دو ما از Options API استفاده میکردیم که در ورژن جدید هم پشتیبانی میشه و شما مجبور به استفاده از Composition API نیستید.
یکی از مشکلاتی که در روش قبلی وجود داشت این بود که در فایل های بزرگ خوانایی و مدیریت کد ها سخت میشد که در این روش این مشکل حل کردن. در کل میشه مزایای روش جدید توی دو مورد زیر خلاصه کرد.
🔶 مدیریت و خوانایی بهتر کد ها
🔶 اشتراک و استفاده مجدد از کد ها
با دوستان خود به اشتراک بگذارید....
بزرگترین جامعه فارسی vuejs و nuxtjs در ایران
لینک گروه ：
https://t.me/ir_vuejs
لینک کانال ：
https://telegram.me/vue_js
#vue #vue_3 #news
مطالعه قسمت های قبلی :
قسمت اول : 👇👇👇👇 👇
https://t.me/vue_js/69
قسمت دوم : 👇👇👇👇 👇
https://t.me/vue_js/70
7⃣ اضافه شدن Composition API
یکی از امکاناتی که بیشتر از همه سر و صدا کردن و حتی خیلی ها ناراضی بودن همین بود.
در ورژن دو شما میتونستید با یک پلاگین قابلیت Composition API به پروژه خودتون اضافه کنید اما در این ورژن به صورت توکار این قابلیت اضافه شده.
در ورژن دو ما از Options API استفاده میکردیم که در ورژن جدید هم پشتیبانی میشه و شما مجبور به استفاده از Composition API نیستید.
یکی از مشکلاتی که در روش قبلی وجود داشت این بود که در فایل های بزرگ خوانایی و مدیریت کد ها سخت میشد که در این روش این مشکل حل کردن. در کل میشه مزایای روش جدید توی دو مورد زیر خلاصه کرد.
🔶 مدیریت و خوانایی بهتر کد ها
🔶 اشتراک و استفاده مجدد از کد ها
با دوستان خود به اشتراک بگذارید....
بزرگترین جامعه فارسی vuejs و nuxtjs در ایران
لینک گروه ：
https://t.me/ir_vuejs
لینک کانال ：
https://telegram.me/vue_js
#vue #vue_3 #news
ویژگی ها و تغییرات Vue 3
مطالعه قسمت های قبلی :
قسمت اول : 👇👇👇👇 👇
https://t.me/vue_js/69
قسمت دوم : 👇👇👇👇 👇
https://t.me/vue_js/70
قسمت سوم : 👇👇👇👇 👇
https://t.me/vue_js/71
8⃣ اضافه شدن Suspense
قطعا شما خواستید یک سری دیتا از سمت سرور بگیرید و به کاربر نمایش بدید اما تا وقتی که دیتا گرفته نشده ما با v-if لودینگ یا متنی رو به کاربر نمایش میدادیم تا دیتا گرفته بشه و بهش نمایش بدیم . تگ suspens همین کار برای ما انجام میده و دو تا بلاک در اختیار ما میزاره که یکی وقتی دیتا در حال گرفته شدن هست نمایش میده و یکی موقعی که دیتا کامل دریافت شده.
9⃣ استفاده همزمان از چند v-model
اگر از vue 2 ایتفاده کرده باشید میدونید به یک تگ بیشتر از یک v-model نمیشه وصل کرد اما در Vue 3 شما میتونید هر تعداد v-model به تگ خودتون وصل کنید.
0⃣1⃣ قابلیت Portal یا Teleport
تگ جدیدی به نام teleport اضافه شده که به شما اجازه میده یک قطعه کد رو همونطور که از اسمش مشخصه هرجای پروژه که دوست داستین نمایش بدید که میتونه خیلی جذاب باشه. البته داخل همین ورژن هم میتونید با پلاگین portal-vue این کار انجام بدید.
با دوستان خود به اشتراک بگذارید....
بزرگترین جامعه فارسی vuejs و nuxtjs در ایران
لینک گروه ：
https://t.me/ir_vuejs
لینک کانال ：
https://telegram.me/vue_js
#vue #vue_3 #news
مطالعه قسمت های قبلی :
قسمت اول : 👇👇👇👇 👇
https://t.me/vue_js/69
قسمت دوم : 👇👇👇👇 👇
https://t.me/vue_js/70
قسمت سوم : 👇👇👇👇 👇
https://t.me/vue_js/71
8⃣ اضافه شدن Suspense
قطعا شما خواستید یک سری دیتا از سمت سرور بگیرید و به کاربر نمایش بدید اما تا وقتی که دیتا گرفته نشده ما با v-if لودینگ یا متنی رو به کاربر نمایش میدادیم تا دیتا گرفته بشه و بهش نمایش بدیم . تگ suspens همین کار برای ما انجام میده و دو تا بلاک در اختیار ما میزاره که یکی وقتی دیتا در حال گرفته شدن هست نمایش میده و یکی موقعی که دیتا کامل دریافت شده.
9⃣ استفاده همزمان از چند v-model
اگر از vue 2 ایتفاده کرده باشید میدونید به یک تگ بیشتر از یک v-model نمیشه وصل کرد اما در Vue 3 شما میتونید هر تعداد v-model به تگ خودتون وصل کنید.
0⃣1⃣ قابلیت Portal یا Teleport
تگ جدیدی به نام teleport اضافه شده که به شما اجازه میده یک قطعه کد رو همونطور که از اسمش مشخصه هرجای پروژه که دوست داستین نمایش بدید که میتونه خیلی جذاب باشه. البته داخل همین ورژن هم میتونید با پلاگین portal-vue این کار انجام بدید.
با دوستان خود به اشتراک بگذارید....
بزرگترین جامعه فارسی vuejs و nuxtjs در ایران
لینک گروه ：
https://t.me/ir_vuejs
لینک کانال ：
https://telegram.me/vue_js
#vue #vue_3 #news
🔸 خب همونطور که حتما متوجه شدین Evan You در کنفرانس 2020 Vuejs Global به صورت رسمی بعد از حدود 2 سال Vue 3 رو با اسم رمز "One Piece" منتشر کرد.
🔸 اگه هنوز نمیدونید چه تغییرات و اتفاقاتی در Vue 3 افتاده میتونید این تغییرات رو در قالب 4 مطلب زیر در کانال مطالعه کنید :
قسمت اول : 👇👇👇👇 👇
https://t.me/vue_js/69
قسمت دوم : 👇👇👇👇 👇
https://t.me/vue_js/70
قسمت سوم : 👇👇👇👇 👇
https://t.me/vue_js/71
قسمت چهارم: 👇👇👇👇 👇
https://t.me/vue_js/73
🔸 کسایی هم که قصد استفاده در پروژه های خودشون رو دارن یا میخوان شروع به یادگیری کنن توصیه شده از همون ورژن 2 هنوز شروع کنن و بعد مهاجرت کنن به ورژن جدید.
با دوستان خود به اشتراک بگذارید....
بزرگترین گروه و کانال vuejs و nuxtjs در ایران
لینک گروه ：
https://t.me/ir_vuejs
لینک کانال ：
https://telegram.me/vue_js
#vuejsamsterdam #vue #nuxt #conference #vuejsglobal #vue_3
🔸 اگه هنوز نمیدونید چه تغییرات و اتفاقاتی در Vue 3 افتاده میتونید این تغییرات رو در قالب 4 مطلب زیر در کانال مطالعه کنید :
قسمت اول : 👇👇👇👇 👇
https://t.me/vue_js/69
قسمت دوم : 👇👇👇👇 👇
https://t.me/vue_js/70
قسمت سوم : 👇👇👇👇 👇
https://t.me/vue_js/71
قسمت چهارم: 👇👇👇👇 👇
https://t.me/vue_js/73
🔸 کسایی هم که قصد استفاده در پروژه های خودشون رو دارن یا میخوان شروع به یادگیری کنن توصیه شده از همون ورژن 2 هنوز شروع کنن و بعد مهاجرت کنن به ورژن جدید.
با دوستان خود به اشتراک بگذارید....
بزرگترین گروه و کانال vuejs و nuxtjs در ایران
لینک گروه ：
https://t.me/ir_vuejs
لینک کانال ：
https://telegram.me/vue_js
#vuejsamsterdam #vue #nuxt #conference #vuejsglobal #vue_3
به تازگی ionic framework ورژن مخصوص Vue رو هم ارائه کرده. اگه قصد زدن اپ های موبایل با استفاده از Vue رو دارید پیشنهاد میکنم ionic رو هم جز گزینه هاتون حتما بزارید!
از خوبی هایی که داره :
✅ با Vue 3 ساخته شده.
✅ بیش از 100 کامپوننت مخصوص برای موبایل داره.
✅ باهاش میتونید اپ های Andriod ، ios، pwa خروجی بگیرید.
لینک وبسایت:
https://ionicframework.com/docs/vue/overview
با دوستان خود به اشتراک بگذارید....
بزرگترین گروه و کانال vuejs و nuxtjs در ایران
لینک گروه ：
https://t.me/ir_vuejs
لینک کانال ：
https://telegram.me/vue_js
#vue #ionic #mobile #pwa #vue_3
#ios #andriod #app
از خوبی هایی که داره :
✅ با Vue 3 ساخته شده.
✅ بیش از 100 کامپوننت مخصوص برای موبایل داره.
✅ باهاش میتونید اپ های Andriod ، ios، pwa خروجی بگیرید.
لینک وبسایت:
https://ionicframework.com/docs/vue/overview
با دوستان خود به اشتراک بگذارید....
بزرگترین گروه و کانال vuejs و nuxtjs در ایران
لینک گروه ：
https://t.me/ir_vuejs
لینک کانال ：
https://telegram.me/vue_js
#vue #ionic #mobile #pwa #vue_3
#ios #andriod #app