📹 وبینار معرفی ابزار های توسعه مدرن وب و فریم ورک 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

احتمالا اسم وبسایت Vue Mastery شنیده باشید که در زمینه آموزش و دوره های آنلاین مرتبط با Vue.js فعالیت داره .

اگه قصد یادگیری Vue یا Nuxt یا کتابخانه های مرتبط با Vue رو دارید این فرصت رو از دست ندید !

چرا؟ چون Vue Mastery قصد داره در تاریخ 23 تا 25 اسفند (13 تا 15 March) کلیه آموزش های خودش رو به صورت رایگان برای همه قرار بده !!

پس بهتره این موقعیت رو از دست ندید. همین حالا از طریق لینک زیر ثبت نام کنید تا به محض رایگان شدن با خبر بشید .

https://www.vuemastery.com/free-weekend


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

#vuemastery #vue #nuxt #learning

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

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

اما بریم سراغ عیدی 🎁 به مناسبت نوروز و سه ساله شدن پست بعدی از دست ندید!!! 👇👇


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

#vue #vue_community #norooz

امسال که کرونا مهمان ناخواسته ما بود و این ایام رو اکثر دوستان در خانه سپری میکنن میتونه موقعیت خوبی باشه برای یادگیری و مطالعه.

اگه وقت مطالعه تو این روزا رو دارید میتونید

📘 کتاب «هنر کدنویسی خوانا» رو مطالعه کنید.

✅ کد تخفیف🎈 40% ویژه اعضای کانال و گروه :
ir-vuejs

✅ اعتبار کد تخفیف فقط تا 15 فروردین 99

سایت برای تهیه کتاب و مطالعه سه فصل کتاب به صورت رایگان :
🔗 https://book.tinybit.ir
------------------

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

#vue #book #norooz

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

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

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

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

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

#pluralsight #stay_home #learning #vue #nuxt

چند روز پیش نیاز بود تا یک پروژه رو برای یک مدت راه اندازی کنم و قصد خرید 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