چند روز پیش نیاز بود تا یک پروژه رو برای یک مدت راه اندازی کنم و قصد خرید vps رو نداشتم چون حدود 10-15 روز بیشتر قرار نبود پروژه بالا باشه.

دنبال راه حلی بودم که با لیارا آشنا شدم. سرویسی که به صورت ساعتی ارائه میشد و هر وقت هم که نیاز نداشتی میتونستی خاموشش کنی و اینطوری هزینه برات یک‌سوم حساب میشد.

جدا از این نحوه deploy کردن پروژه با cli لیارا خیلی ساده بود واسه همین تصمیم گرفتم به شما هم سرویس ها رو معرفی کنم.

در کل شما با یک دستور وبسایت خودتون راه اندازی میکنید و دیگه درگیر تنظیمات سرور نمیشید و کلی امکانات دیگه که داخل سایت بهشون اشاره شده.

✅ مقاله ی جالبی هم داشتن که چرا نباید vps بخریم و کار رو بسپاریم دست لیارا که بد نیست بخونید 👇
https://liara.ir/blog/no-vps

🎁 و راستی بعد از ثبت نام حساب شما 5 هزار تومان شارژ میشه که میتونید چند روزی رایگان سرویس ها رو امتحان کنید.

#vps #deploy #cloud #liara

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

✏️ همونطور که قبلا گفتیم و خبر دارید 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

ویژگی ها و تغییرات 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

ویژگی ها و تغییرات 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

#فرصت_شغلی #Frontend #Vuejs #Nuxtjs
ما در اتیچر به دنبال همکاری بلندمدت با یک توسعه دهنده‌ی ارشد فرانت اند (Senior Frontend) هستیم که بتونه در این استارتاپ رو به رشد همراهمون باشه.
برخی از مزایا، ارزشها و شرایط:

🌐سایت ما oteacher.org

✅مهارت‌های ضروری:
تسلط به یکی از فریمورک‌های Vue.js یا React
تسلط به مفاهیم SSR
تسلط بر Responsive Design
تسلط بر ES6
آشنایی با REST API
تسلط به Sass , CSS , HTML

✅مزایا:
حقوق تا 10 میلیون تومان
استارتاپ در حال رشد با میزان یادگیری بالا
ثبات و امنیت شغلی ( همکاری بلندمدت)
ساعت کاری منعطف و عملکردی
دسترسی عالی به مترو و BRT ( چهارراه ولیعصر)

⚠️محل سکونت شما در تهران برای این همکاری لازمه
⚠️توانایی کار تیمی برامون خیلی مهمه

اگر روحیه استارتاپی داری و دوست داری هم در مسیر رشد همراهیمون کنی و هم رشد کنی، برامون رزومه خودت رو ارسال کن تا کمی بیشتر با هم صحبت کنیم.

ارسال رزومه به:
@oteacher_careers

راه های ارتباطی:
@oteacher_careers
09910233988
job@oteacher.org

ویژگی ها و تغییرات 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

چند خبر کوتاه ولی بزرگ درباره فریم ورک Nuxt

🔶 اگر دوست دارید Compostion Api رو در Nuxt استفاده یا امتحان کنید میتونید از ماژول زیر استفاده کنید :
https://github.com/nuxt-community/composition-api

🔶 دیگه نیاز نیست که کامپوننت ها رو توی صفحات مختلف import کنید خود Nuxt به صورت اتوماتیک این کار انجام میده. اگر از Nuxt edge استفاده میکنید این قابلیت میتونید فعال کنید ولی برای بقیه ورژن ها میتونید این قابلیت رو با ماژول زیر اضافه کنید :
https://github.com/nuxt/components

🔶 پروژه جدید Nuxt Content هم رونمایی شد که یک جور headless cms هست که به شما اجازه میده از git یا فایل های مثل markdon, json و... سایت درست کنید.اطلاعات بیشتر
https://content.nuxtjs.org

🔶 و در اخر هم تیم Nuxt در حال کار روی ورژن 3 این فریم ورک هستن.

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

#nuxt

🔶 امروز و فردا (17-18 سپتامبر) کنفرانس Vuejs Global به صورت آنلاین برگزار میشه که دوستان میتونن با خرید تیکت این کنفرانس رو دنبال کنن.

🔶 پویا پارسا عزیز هم توی این کنفرانس ارائه داره که براش آرزوی موفقیت میکنیم.

🔶 اما در روز آخر Evan You به صورت رایگان و آنلاین از طریق YouTube قرار هست آخرین اخبار Vuejs رو ارائه بده پس از دست ندین !

برای اطلاعات بیشتر :
https://vuejs.amsterdam/

لینک پخش Youtube :
https://www.youtube.com/watch?v=Vp5ANvd88x0

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

#vuejsamsterdam #vue #nuxt #conference #vuejsglobal

🔸 امشب (جمعه 28 شهریور) حدود ساعت 8 شب کنفرانس Vuejs Global رو از دست ندید . Evan You دست پر اومده ....
به صورت آنلاین و رایگان از طریق یوتیوب

لینک پخش Youtube :
https://www.youtube.com/watch?v=Vp5ANvd88x0

میتونید از الان سابسکرایب کنید و Set reminder بزارین که به محض شروع شدن اطلاع پیدا کنید.

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

#vuejsamsterdam #vue #nuxt #conference #vuejsglobal

🔸 خب همونطور که حتما متوجه شدین 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

به تازگی 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.js با VueDX

اگر شما از ادیتور VsCode استفاده میکنید و از توسعه دهندگان Vue هم باشید قطعا با Vueter آشنا هستید و روی ادیتور خودتون نصب دارید.

اما پروژه VueDx یا Vue Developer Experience همونطور که از اسمش مشخص هست اومده تجربه بهتری برای شما توسعه دهنگان Vue ایجاد بکنه.

در حال حاضر این پروژه در ورژن آلفا هست و ممکن مشکلاتی داشته باشه ولی با این حال شما میتونید از مارکت VsCode این اکستنشن رو دانلود و استفاده کنید که تعداد نصب قابل توجهی هم داره.

حتما توصیه میکنم یک نگاه بندازید و قابلیت هایی که به شما میده رو ببینید چون واقعا یک سری از قابلیت هاش میتونه برنامه نویسی رو برای شما لذت بخش و شیرین تر کنه.

لینک Marketplace VsCode :
https://marketplace.visualstudio.com/items?itemName=znck.vue-language-features

مخزن گیتهاب :
https://github.com/znck/vue-developer-experience


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

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

#tools #vue #vscode #vuedx

کنفرانس Vue.js Amsterdam

🔶 8 و 9 اسفند ماه (Feb 26-27) کنفرانس Vue.js Amsterdam به صورت آنلاین برگزار میشه که Evan You و اعضای اصلی تیم Vue قرار آخرین اخبار و تکنولوژی ها رو با شما به اشتراک بزارن و شما می‌تونید به صورت آنلاین این کنفرانس رو دنبال کنید.

🔶 پویا پارسا عزیز هم توی این کنفرانس طبق روال گذشته حضور داره و قرار درباره Nuxt 3 ارائه داشته باشه که براش آرزوی موفقیت میکنیم.

🎟 دسترسی به این کنفرانس کاملا رایگان هست پس از همین حالا میتونید به صورت رایگان ثبت نام کنید.

اطلاعات بیشتر و ثبت نام :
https://vuejs.amsterdam/

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

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

#vue #nuxt #vuejsamsterdam

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

امسال چهارمین سالی هست که در کنار هم هستیم و خوشحالیم که روز به روز تعداد خانواده Vuejs فارسی بیشتر و بزرگتر میشه.

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


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

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

#vue #vue_community #norooz

🔸پشتیبانی Storybook از Vue 3
شما از این به بعد میتونید از Storybook داخل Vue 3 هم استفاده کنید. ناگفته نماند که شما میتونید داخل NUXT هم از Storybook استفاده کنید.

از ساسان فرخ عزیز هم برای کمک و توسعه Storybook برای Vue 3 هم تشکر ویژه میکنیم.
اطلاعات بیشتر :
https://storybook.js.org/blog/storybook-vue3/

🔸 تجربه کار با Vite در NUXT
به وسیله این ماژول شما میتونید Nuxt رو به وسیله Vite اجرا کنید که در آینده نزدیک میتونه جایگزین Webpack در پروژه ها بشه.
اطلاعات بیشتر :
https://github.com/nuxt/vite

🔸بهینه سازی build times در NUXT
اگه از Nuxt استفاده میکنید و پروژه شما کمی بزرگ شده باشه حتما build times webpack زمان زیادی از شما رو گرفته و اذیتتون کرده. به وسیله این ماژول شما میتونید سرعت build times رو افزایش بدید!
اطلاعات بیشتر :
https://github.com/harlan-zw/nuxt-build-optimisations

🔸انتشار Vuex 4 برای Vue 3
بلاخره ورژن Stable ورژن 4 Vuex برای Vue 3 منتشر شد و شما میتونید با خیال راحت تر از اون استفاده کنید.
نکته ای که داره این از ورژن قبلی هم یعنی Vuex 3 هم پشتیبانی کامل داره و این یعنی که شما میتونید از این ورژن در Vue 2 هم استفاده بکنید.
اطلاعات بیشتر :
https://next.vuex.vuejs.org/


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

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

#vue #nuxt #news

🔸وبسایت Pluralsight به مدت یک ماه بیش از 7000 از دوره های خودش رو به صورت رایگان در اختیار همه گذاشته.(تا پایان ماه Aprill)

🔸خوبی که داره طیف زیاد و متنوع دوره ها و آموزش ها این وبسایت هست که فقط برای برنامه نویسی نیست و در زمینه های دیگه مثل گرافیک، مدیریت، معماری و کلی شاخه های دیگه فعالیت داره.

پس این فرصت از دست ندید و به بقیه هم اطلاع بدین تا از این موقعیت استفاده کنند!

آدرس وبسایت :
https://www.pluralsight.com

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

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

#freeapril #learning #skill_up #pluralsight

یک Store Managment جدید به نام Pinia

از وقتی که Vue 3 و Composition API اومد خیلی ها معتقد بودن که دیگه شاید واقعا نیاز به اضافه کردن Store Managment ها مثل Vuex به پروژه ها نیست از طرف دیگه سر کله Store Managment های جدیدی این وسط پیدا شد.

یکی از Store Managment هایی که مورد توجه بیشتری قرار گرفت Pinia بود که اومده بود برای رقابت با Vuex.

از قابلیت هایی مهم که داره میشه به موارد زیر اشاره کرد :
🔸 پشتیبانی از Vue 2 - 3
🔸ساختار ساده تر
🔸پشتیبانی از typescript
🔸پشتیانی از SSR (Nuxt)
🔸پشتیبانی از Devtools
🔸حجم کم

و کلی موارد دیگه که باعث شده Pinia مورد توجه قرار بگیره. میتونید به سایت زیر مراجعه کنید و داکیومنت اون ببینید و بیشتر باهاش آشنا بشید :
https://pinia.esm.dev/

🔸 به عنوان نکته اخر هم خوبه اشاره کنم Vuex v5 ساختار مشابهی به Pinia داره!


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

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

#pinia #store #store_managment #vuex

ما در اصفهان آهن دنبال کسی هستیم که Vuejs رو بلد باشه و با Nuxt هم کار کرده باشه
خوشحال میشیم رزومتو واسمون اینجا 👇🏻بفرستی
https://jobinja.ir/646968

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

شما میتونید فیلم رکورد شده این گفتگو رو دانلود کنید و مشاهده کنید.

لینک دیسکورد و تلگرام این گروه :

https://discord.gg/6gQrAfm7wQ

https://t.me/computer_channell

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

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

#vue #vue_talk