فریم ورک Vue js یا ویو جی اس یکی از محبوب ترین فریم ورک های جاوااسکریپت است که با هدف توسعه رابط کاربری (UI) در سال 2014 به عنوان یک فریم ورک متن باز معرفی شد و طی سال های اخیر استفاده از آن به شدت رو به رشد بوده است.
از Vue js برای ساخت و طراحی رابط کاربری نرم افزار ها و اپلیکیشن های تحت وب و موبایل استفاده می شود. همچنین میتوانید وب سایتی پیاده کنید که تک صفحه ای ( اصطلاحا spa یا single page application ) باشد.
تک صفحه بودن یک وب سایت باعث میشود که برای درخواست های کاربران در یک وب سایت ، نیاز به ریفرش نباشد یعنی کاربر وقتی از سایت شما استفاده میکنند این احساس را داشته باشد که یک اپلیکیشن دسکتاپ نصب کرده است یا یک برنامه رو موبایل خود اجرا کرده است.
به عنوان یک فریمورک مدرن Vue.js می‌تواند نیازهای متفاوتی را برآورده کند. این فریمورک برای داشتن کارایی بهتر از یک DOM مجازی استفاده می‌کند. (DOM مجازی، حالتی مفهومی و البته انتزاعی از یک DOM واقعی است). اهمیت این ماجرا در این است که فریمورک با استفاده از چنین تکنیکی سبک‌تر و در نهایت برای اجرا سریع‌تر میشود.
یکی از مهیج‌ترین موارد در Vue.js این است که از رویکردی مبتنی بر کامپوننت برای ساخت اپلیکیشن های تحت وب استفاده می کند. این رویکرد شامل یک فایل از کامپوننت‌هاست که می‌تواند مستقل از کل پروژه باشد، نکته مهم این است که شما میتوانید از آن چندین بار استفاده کنید و فرایند توسعه‌تان را سرعت ببخشید. این ابزار به شما کمک می‌کند که به بهترین شکل ممکن بتوانید کارهای‌تان را انجام دهید.
همچنین دوستان دوره nuxt.js (ناکست جی اس) در سایت قرار گرفت که پیشنهاد میکنم حتما بعد از این دوره مشاهده کنید.
دوره های پیشنهادی، بعد از گذراندن این دوره :
پیش نیاز این دوره :
برای ارسال نظر ابتدا باید وارد سایت شوید
سلام وقتتون بخیر من جلسه 23 اموزش vuejs هستم و وقتی میخوام فایل Home.vue رو به App.vue بفرستم از اسم Home.vue خطا میگیره
C:\Users\zahra\Desktop\vueclii\src\components\Home.vue
1:1 error Component name "Home" should always be multi-word vue/multi-word-component-names
چکار باید بکنم تا باگم حل شه؟
سلام وقت بخیر.
توی توضیحات همون قسمت در سایت گفته شده
سلام استاد خسته نباشید دوره ب شدت عالی بود و من دیدمش کامل میخاستم برم سمت nuxt فق قبلش میخاستم روی vue مسلط بشم ولی نمیدونم چ پروژه هایی رو بزنم ک بتونه بهم کمک کنه اگه میشه راهنماییم کنین
سلام وقت بخیر.
پروژه دوره ای vue را کار کنید اوکی هست و مباحث دوره را درک کنید اوکی هست و بعد وارد دوره ای nuxt و فروشگاهی nuxt بشید.
سلام وقتتون بخیر من وقتی vue create vu3رو میزنم با ارور you are using node v10.18.0 ,but this version of @vue /cli requires Node ^12.0.0 ||<=14.0.0
Please upgrade yoyr Node version
رو به رو شدم .لازم به ذکره سیستم من ۳۲بیتی و ویندوز ۷ چیکار کنم؟
به خاطر مول پایین بودنم‌نمیدونم ویندوز کامپیوتر رو عوض کنم
سلام وقت بخیر.
ارور میگه که باید ورژن های بالاتر node را نصب کنید حتما و شما ببینید ورژن بالاتر نیاز به چه مواردی داره و باید سیستم شما به اون صورت باشه
با سلام
یه سوال دیگه هم داشتم
من پس از اتمام پروژم با Vue
محتوایات فایل dist رو زیپ کرده و روی پوشه public-html هاست گزاشتم و اکسترکتش کردم
ولی وقتی دامنه رو میزنم مینویسه This site can’t be reached
نمی دونم مشکلش چیه
من کلا ناشی هستم در این زمینه اگه میشه یه کمک و یه راهنمایی ریزی کنید ،دمتون گرم
سلام وقت بخیر.
اگه طبق جلسه deploy انجام داده باشید نباید مشکلی باشه و مشکل از جای دیگه ای هست حالا دامنه هنوز ست نشده و نیاز به مدت زمان هست یا سرور مشکل داره
بازم برای تست شما هر آنچه توی پوشه public_html هست را پاک کنید و فقط یک سند html به اسم index قرار بدید که فرضا یدونه تگ h1 با متنی تستی داخلش و اگه ادرس دامنه را بزنید باید نشون بده
سلام استاد خسته نباشید
من یک پروژه کامل با vue توی بخش فرانت اند نوشتم و حالا میخوام بهش بک اند اضافه کنم (هیچ اطلاعاتی راجب به بک اند ندارم)
میخواستم بدونم که قبل از شروع آیا میشود در پروژه های vue بک اند نوشت و یا استفاده کرد
همین طور که گفتم هیچ اطلاعاتی راجب به بک اند ندارم و اگه میشه راهنماییم کنید کلا
سلام وقت بخیر.
بک اند میشه همان api که شما بهش درخواست های مختلف برای حذف، ویرایش، ایجاد و یا دریافت اطلاعات میدید و برای شما انجام میده و نتیجه را برمیگردونه که درموردش توی دوره ای async که پیش نیاز دوره هست گفته شده اما به هر حال نیاز به api دارید حالا این api توسط خودتون نوشته شده یا شخص و تیم دیگه ای که دارید شما ازش استفاده میکنید.
حجم دوره تون خیلی کمه
سلام وقت بخیر.
دوره ۱۱ ساعت هست!! اما در کل یک دوره به محتوا هست نه مدت زمانش
ممنون از ارسال نظرتون🙏
استاد سلام
استاد یه سوال ازتون دارم
استاد من میخوام یه فریمورک جاوااسکریپت رو یاد بگیرم ولی گیج شدم
به نظر شما آلپاین قدرتمند تره یا ویو ؟
سلام وقت بخیر.
این دو کارشون متفاوت هست، هر دو را یاد بگیرید.
سلام
من میخوام یک مقدار از درون تگ a رو بگیرم که عدد هست اما با v-model نمیتونم چون فقط برای input کار میکنه
اگر مثل این مثال اینپوتی نداشتیم و خواستیم مقدار را بگیریم باید از چه دایرکتیوی استفاده کنیم؟
تشکر
سلام وقت بخیر.
میتوانید از ref استفاده کنید. حتما داکیومنت هم بخونید.
عرض سلام و وقت بخیر
عذر میخوام من سوالی در رابطه با nuxt و vue داشتم
من بخش بک اند و ارتباط با سرور یک وبسایت رو با جنگو رست و nuxt انجام دادم ولی الان که پروژه رو روی هاست گذاشتم و قصد دارم که اون رو سئو کنم مشکلی وجود داره که اطلاعات و دیتا بعد از قالب وبسایت روی وبسایت قرار میگیره و خزنده های گوگل متون و عکس ها رو که از سرور ارسال میشه رو نمیتونن دریافت کنن و اطلاعات داینامیک بعد از لود شدن صفحه روی صفحه قرار میگیرن و همین دلیلی هست که سایت از نظر سئو رنک خوبی نمیتونه بگیره
ممنون میشم اگر مقدور هستش راهنمایی بفرماییید تا چطور کاری کنم که اطلاعات و دیتا همزمان با قالب و لود شدن صفحه روی صفحه قرار بگیرند
سلام وقت بخیر.
Vue یک فریمورک js سمت فرانت هست و کدهای vue توی مروگر دانلود و اجرا میشه، پس توی سورس کدی که به مروگر ارسال میشه فقط یک div به ای دی app هست و بقیه کارها زمانیکه مروگر کدهای vue را دانلود کرد اجرا میشه به این موضوع
csr (client side rendering) گفته میشه
حالا شما میتوانید ساختار صفحه را ایجاد و بعد به مروگر ارسال کنید که بهش
ssr (server side rendering) گفته میشه که با فریمورک nuxt خیلی ساده میتوانید انجام بدید.
سلام , بالاخره nuxt پس از مدت ها انتظار ورژن استیبلش ریلیز شد ولی مثینکه با پکییج Axios مشکل داره :(
سلام وقت بخیر.
اطلاعی در خصوص مشکل با axios ندارم. اما خودش یکسری توابع برای دریافت اطلاعات ایجاد کرده و شما نیازی به axios ندارید.
استاد عزیز سلام
استاد من یه سوال و راهنمایی برای ادامه راهم از شما دارم
استاد من پروژه هامو با لاراول و بوت استرپ تمرین و پیاده سازی میکنم و همه چی صفر تا صد برنامه نویسی و از سایت شما آموزش دیدم
الان میبینم که برای طراحی سایت به دانش جاوا اسکریپت و ajax هم نیازه
من دوره جاوااسکریپت شمارو دیدم و تمرین کردم
برای بحث ajax شما کدوم فریمورک رو معرفی میکنید که من یادش بگیرم و توی پروژه هام استفاده بکنم ازش ؟
سلام وقت بخیر.
برای فرانت اند، بله باید با جاوااسکریپت آشنا باشید، من فریمورک alpine که دوره اش به همراه پیش نیاز هاش که توی وب سایت هست را پیشنهاد میکنم.
سلام استاد ، به نظر شما با توجه به اینکه در لاراول و vuejs به جای webpack از vite استفاده شده نیاز هست که webpack رو یاد بگیریم؟ یا میتونیم به جاش vite رو یاد بگیریم؟
سلام وقت بخیر.
یادگیریش سخت نیست و خالی از لطف نیست، اما در کل بله میتوانید یادش نگیرید.
سلام ناکست 3 هم رلیز شد
سلام وقت بخیر.
نسخه RC هست و هنوز stable نیومده، انشاا... بعد از ریلز نسخه stable حتما حتما توی سایت قرار میدیم.
سلام استاد خسته نباشید ممنون از آموزش خوبتون
توی قسمت vue cli از قسمت اکوسیستم لینکشو میارید ولی دیگه تو داکیومنت ویو قسمت cli نیست
و به جاش npm init vue@latest هستش که از vite استفاده میکنه
تفاوت این دو مورد به غیر اینکه تو این دستور vite جایگزین webpacke شده چیه؟
سلام وقت بخیر.
vite هم یک باندلر مانند webpack هست.
سلام و خسته نباشید استاد .
استاد اگه vue ۲ رو بلد باشیم ، سینتکس با vue 3 فرق داره ؟
سلان وقت بخیر.
یک روش دیگه هم توی vue 3 اضافه شده که میتوانید استفاده کنید. روش vue 2 هم میتوان توی vue 3 استفاده کرد.
کامل در موردش توی دوره گفته شده
سلام استاد عزیز، ممنونم از آموزش های خوبتون. پیروز باشید
سلام وقت بخیر.
ممنون از شما، خداروشکر دوره براتون مفید بوده🙏
سلام استاد محترم - با تشکر از رحمات جنابعالی.
دو سوال کلی در مورد فریم ورک های فرانت اند دارم:
1- آیا می توان یک برنامه رو به صورت آف لاین و بدون استفاده از ابزار هایی مانند npm هم دولوپ کرداز این جهت می پرسم که نرم افزار من در یک شبکه داخلی باید کار کنه و دسترسی به اینترنت نداره . راهی و جود داره که وابستگی ها رو دستی وارد یک برنامه فرانت اند کنیم؟
2- آیا می توان هم برنامه فرانت اند و بک اند رو روی یک پروژه دولوپ کنیم. مثلا من که با spring boot کار بک اند رو انجام میدم مجبورم برای فرانت یک پروژه دیگه رو روی ip دیگه بالا بیارم . میشه که هر دو داخل یک پروژه پکیج بشن چه موقع دولوپ چه موقع اجرا.
با تشکر مجدد
سلام وقت بخیر.
در مورد سوال اولتون، شاید بشه توی یک سیستم دیگه که اینترنت داره پکیج نصب کنید و پوشه node_modules را کپی کنید و مشکلی پیش نیاد، احتمالا بشه و باید تست کنید.
سوال دومتون هم میشه با دادن پورت های مختلف به سرور و فرانت انجام داد.
سلام خدمت آقای شیخ عزیز
خواستم سوال کنم که این دوره پس نیاز دیگه ای هم داره یا جامع و کامله؟
با تشکر
سلام وقت بخیر.
هیچ دوره ای کامل نیست، اما ما تمام تلاشمون را کردیم که دوره کامل باشه، بقیش کار، تمرین و تجربه و چالش هست.
سلام استاد وقت بخیر من وقتی میخوام یک فایل vue بسازم یا مثال همون فایل hello-world حذف میکنم و home.vue میسازم زمانی که تو اپ ایمپورت میکنم این ارور رو میده
Component name "Home" should always be multi-word vue/multi-word-component-names
دقیقا همون کاری ک شما تو ویدیو انجام دادین منم انجام دادم
نمیدونم ارورش چیه
بازم ممنون بابت اموزش های خوب شما
سلام وقت بخیر.
ممنون از شما،متن ارور گفته که اسم کامپوننت باید چند کلمه ای باشه یعنی بجای اینکه Home باشه مثلا باشه HomeComponent یا HomeCom
برای غیر فعال کردن هم توی بخش آخر دوره صحبت شده، فقط دقت کنید که پیش نیاز دوره ها بشدت مهم هستند.
alirezanasr
استاد کل پروژه مثل فروشگاه با vue زده بشه
از لحاظ سئو درست نیست؟
علی شیخ
11 ساعت پیش
سلام وقت بخیر.
صفحاتی که نیاز به سئو داره، بصورت ssr باشه، بهتر هست.