فریم ورک Vue js یا ویو جی اس یکی از محبوب ترین فریم ورک های جاوااسکریپت است که با هدف توسعه رابط کاربری (UI) در سال 2014 به عنوان یک فریم ورک متن باز معرفی شد و طی سال های اخیر استفاده از آن به شدت رو به رشد بوده است.
از Vue js برای ساخت و طراحی رابط کاربری نرم افزار ها و اپلیکیشن های تحت وب و موبایل استفاده می شود. همچنین میتوانید وب سایتی پیاده کنید که تک صفحه ای ( اصطلاحا spa یا single page application ) باشد.
تک صفحه بودن یک وب سایت باعث میشود که برای درخواست های کاربران در یک وب سایت ، نیاز به ریفرش نباشد یعنی کاربر وقتی از سایت شما استفاده میکنند این احساس را داشته باشد که یک اپلیکیشن دسکتاپ نصب کرده است یا یک برنامه رو موبایل خود اجرا کرده است.
به عنوان یک فریمورک مدرن Vue.js میتواند نیازهای متفاوتی را برآورده کند. این فریمورک برای داشتن کارایی بهتر از یک DOM مجازی استفاده می‌کند. (DOM مجازی، حالتی مفهومی و البته انتزاعی از یک DOM واقعی است). اهمیت این ماجرا در این است که فریمورک با استفاده از چنین تکنیکی سبک‌تر و در نهایت برای اجرا سریع‌تر میشود.
یکی از مهیج‌ترین موارد در Vue.js این است که از رویکردی مبتنی بر کامپوننت برای ساخت اپلیکیشن های تحت وب استفاده می کند. این رویکرد شامل یک فایل از کامپوننت‌هاست که میتواند مستقل از کل پروژه باشد، نکته مهم این است که شما میتوانید از آن چندین بار استفاده کنید و فرایند توسعه‌تان را سرعت ببخشید. این ابزار به شما کمک می‌کند که به بهترین شکل ممکن بتوانید کارهای‌تان را انجام دهید.
همچنین دوستان دوره nuxt.js (ناکست جی اس) در سایت قرار گرفت که پیشنهاد میکنم حتما بعد از این دوره مشاهده کنید.
دوره های پیشنهادی، بعد از گذراندن این دوره :
پیش نیاز این دوره :
برای ارسال نظر ابتدا باید وارد سایت شوید
سلام وقت بخیر استاد ممنون بابت اموزش خهای خوبتون
من npm رو نصب کردم سراسری برای کامپوننت های جدا اما یه فایلی با پسوند vue ایجاد میکردم ارور میداد ! البته yarn رو نصب کردم npm جواب نمیداد
بعد اینک تا اون cmd باز نباشه خروجی کار رو نمیتونیم ببینبم از از صفحه html اگه صفحه cmd رو ببندیم چطوری دوباره اجرا کنیم
سلام وقت بخیر.
ممنون از شما، حتما حتما در ابتدا پیش نیاز های دوره را ببینید کار کنید و به خوبی آشنا بشید بعد این دوره را مشاهده کنید.
سلام استاد وقت بخیر امیدوارم حالتون خوب باشه
استاد ببخشید من یه سوال داشتم من الان ref رو بلد هستم
اما خواستم بدونم در چه زمان هایی مناسبه که از ref استفاده کنیم
در این شرایط زمان استفاده کردن از ref هارو نمیدونم اگر میشه یه توضیح بدید
سپاس
سلام وقت بخیر.
ممنون از شما، برای تعاریف متغیرهاتون توی کامپوننت استفاده میکنید.دوره را کامل ببینید که پروژه پیاده سازی و ازش استفاده شده تا بهتر درک کنید.
سلام خسته نباشید
من اولین بار بود که از دوره های پیجتون استفاده کردم و دوره ویو کامل راهم انداخت چ تونستم پروژم رو کامل و بدون نقص بالا بیارم.
فقط مشکلی که هست بعد از اپلود روی سرور وقتی روی اینسپکت المنت میزنم توی قسمت سورس ها قسمت وب پک تمامممم فایل های توی فولدر sec پروژه رو و کامپوننت هام رو نمایش میده و این اصلا خوب نیست.. میشه یه راهنمایی بکنید که چطور میتونم نمایش محتویاتی وب پک رو به کاربران غیر فعال کنم؟ ممنون
سلام وقت بخیر.
ممنون از شما
دلیلش این هست که vue-cli توی حالت production به صورت پیش فرض فایل های source map که webpack ایجاد میکنه را حذف نمیکنه و شما توی تب source مشاهده میکنید.نیاز هست که این مورد را غیرفعال کنید برای اینکار فایلی به نام vue.config.js در پوشه root یا اصلی پروژه ایجاد میکنید که باهاش میتونید کانفیگ های مختلف vue-cli را داخلش قرار بدید و توی این فایل گرینه productionSourceMap: false را اضافه میکنید، به این شکل
module.exports = {
productionSourceMap: false
};سلام
کاش یک جلسه درباره نحوه آپلود فایل هم صحبت میکردید...
میتونید در همین بخش نظرات نحوه انجامش رو توضیح بدید؟
سلام وقت بخیر.
این مورد مانند ارسال فایل با جاوااسکریپت هست که پیش نیاز این دوره هست و فرقی نداره، کافیه سرچ کنید آپلود فایل با جاوااسکریپت، اصلا پیچیده نیست
در کل شما باید از کلاس FormData استفاده کنید. مثال
const formData = new FormData()
formData.append('myFile', files[0])
fetch('/saveImage', {
method: 'POST',
body: formData
})
.then(response => response.json())
.then(data => {
console.log(data)
})
.catch(error => {
console.error(error)
})سلام مهندس وقت بخیر
دورتون واقعا عالی بود ممنون
فقط یه سوالی خدممتون داشتم اینکه دوره نکست جی اس کی منتشر میشه؟
سلام وقت بخیر.
ممنون از شما?
زمانیکه نسخه stable ورژن ۳ بیاد.
سلام استاد به نظرتون یادگیری Option API الزامیه ؟ فقط یادگیری Compostion API کافی نیست ؟
سلام وقت بخیر.
چیز خیلی سختی نیست، پس یادش بگیرید.من توی دوره گفتم بخاطر اینکه شاید توی پروژه ای، جای ببینید و براتون سوال بشه
سلام وقت بخیر
استاد من آخرین ورژن vue رو نصب کردم ،اما از روش composition api که استفاده میکنم کدهام اجرا نمیشن! مشکلش میدونید بخاطر چیه؟
با تشکر
سلام وقت بخیر.
والا همینجور که نمیشه گفت، باید ببینید ارور دارید یا خیر، درست کد ها را نوشتید و ....
با سورس کدی که در اختیارتون هست مقایسه کنید.
سلام وقت بخیر
فهمیدم مشکل از کجاست
این کدها مشکلمو برطرف کرد
import Vue from 'vue'
import CompositionApi from '@vue/composition-api'
Vue.use(CompositionApi) چک کنید که ورژن چند vue را نصب کردید توی package.json باید ورژن ۳ را نصب کرده باشید.
سلام و عرض ادب استاد
من دوره ی لاراول رو گذرونده بودم، اما دوره ی لاراول شما رو که دیدم واقعا حیرت زده شدم که با چه ظرافتی تمام جوانب لازم رو پوشش دادین و حتی کدهای هر آموزش از قبل آماده شده بود. بهترین کیفیتی که میشه متصور شد برای یک آموزش!
الان هم که میبینم دوره ی Vue js رو خود شما باز هم (رایگان) گذاشتید، واقعا نمیدونم چی بگم
سپاسگذارم و قلبا آرزوی موفقیت و سلامتی براتون دارم
سلام وقت بخیر.
ممنون از شما، خداروشکر دوره ها براتون مفید بوده?
با سلام و خسته نباشید. آیا اگر بخوایم از nuxt استفاده کنیم باید حتما سمت سرور رو با nodejs بنویسیم؟؟؟
سلام وقت بخیر.
خیر
من نمیتوانم ویدیو هارو play بکنم.
سلن وقت بخیر.
تست شد و مشکلی توی نمایش بصورت آنلاین و دانلود وجود نداره
سلام استاد
ممنون از دوره خوبتون
دوره nuxt هم قرار میدین؟
خیلی وقته گفتین می خوام دوره nuxt بزارم
سلام وقت بخیر.
ما گفتیم زمانی که ورژن 3 بیاد و هنوز نسخه stable ورژن 3 نیامده
سلام روز بخیر استاد یه سوال همونطور که توی پروژه آخر کار ها رو انجام دادید منم همون کارا رو انجامم دادم ولی وقتی وارد صفحه یک کاربر میشم صفحه رو که ریلود میکنم صفحه سفید میشه و حتما باید به صفحه قبل یعنی لیست کاربران برگردم و صفحه رو رفرش کنم و بعد دوباره به کاربر برگردم
دلیلش چی میتونه باشه؟؟؟؟؟؟
سلام وقت بخیر.
توی سرور یا لوکال؟ inspect میگیرید توی بخش console ارور چی میده؟
سلام استاد وقت بخیر!
اونجایی که با کمک cli میاید و vue رو نصب میکنید یه سوال میپرسه که شما از نسخه 2 میخواید استفاده کنید یا نسخه 3 شما چطوری نسخه 3 رو انتخاب میکنید میتونید از رو این عکس ببینید منظورم چیه
https://themco.ir/browser1.png
سلام وقت بخیر.
نوشته جلوی سوال، که با جهت های کیبورد میتونید انتخاب کنید.
سلام خسته نباشید استاد عزیز!
خیلی اموزش خوبی هست کامل و بی نظیر!
ممنون که این اموزش رو رایگان در اختیار ما قرار دادید بهترین هارو براتون ارزو میکنم
سلام وقت بخیر.
ممنون از شما
سلام و عرض ادب . ممنون از لطف بزرگتون بابت آموزش هایی که قرار دادین
استاد چطوری میتونم یکجا دانلود کنم تا زمانی که به اینترنت دسترسی ندارم آموزش ببینم ؟
سلام وقت بخیر.
ممنون از شما.
دانلود یکجا نداریم?
سلام استاد
واقعا ممنون هستم ...!
خیلی خوب هست که افرادی مثل شما هستند که همه چیز برایشان پول نیست و کمی هم می خواهند به جامعه برنامه نویسی کشورشون کمک کنند .
موفق باشید
سلام وقت بخیر.
ممنون از شما❤
سلام
با یادگیری vuejs نسبت به react میتونیم انتظار داشته باشیم جایی استخدام بشیم با این بازار کاری که vue داره؟
به نظرم ری اکت برای ابتدا کار سنگین هست و نیاز به دانستن جاوااسکریپت خیلی قوی تری نست به ویو داره
سلام وقت بخیر.
هر دو بازارکار خوبی دارند و همچنین یادگیری ساده، اما در کل بحث جاوااسکریپت را به خوبی باید آشنا باشید.
با سلام و خسته نباشید
میشه یک دوره آموزشی nuxt.js هم تهیه بشه ..ممنون میشم
سلام وقت بخیر.
انشاا... نسخه stable آند،حتما توی برنامه کاری قرار میدیم.
سلام
براي اينكه يك ويژگي و كدي رو بخوايم به پروژه اضافه كنيم آيا در سطح جونيور بايد بتونيم كدهايي كه ديگران نوشتن و با سرچ گوگل بتونيم بخونيم و كل اون كدهارو يادبگيريم و به پروژه اضافه كنيم يا اينكه بايد سطح بالاتري داشته باشيم براي كار با كدهاي ديگران در گيت هاب و استك اور فلو؟
راهكار اين كار كه راحت تر انجام بشه چي هست؟
به نظرتون براي انتخاب اولين فريمورك جاوااسكريپتي كه بتونيم كدهاي بقيه رو هم راحت تر متوجه بشيم react مناسبت تر هست يا vue ؟
تشكر
سلام وقت بخیر.
ببینید این مورد بستگی به تجربه کاری شما داره و به مرور زمان با نحوه دیباگ و رفع باگ آشنا میشید و با کدها بیشتر آشنا میشید و ربطی نداره با چه فریمورکی کار میکنید در ابتدا باید پیش نیازهای این دوره ها را کار و آشنا باشید.
yaserpro
سلام استاد وقت بخیر من وقتی میخوام یک فایل vue بسازم یا مثال همون فایل hello-world حذف میکنم و home.vue میسازم زمانی که تو اپ ایمپورت میکنم این ارور رو میده
Component name "Home" should always be multi-word vue/multi-word-component-names
دقیقا همون کاری ک شما تو ویدیو انجام دادین منم انجام دادم
نمیدونم ارورش چیه
بازم ممنون بابت اموزش های خوب شما
علی شیخ
2 سال پیش
سلام وقت بخیر.
ممنون از شما،متن ارور گفته که اسم کامپوننت باید چند کلمه ای باشه یعنی بجای اینکه Home باشه مثلا باشه HomeComponent یا HomeCom
برای غیر فعال کردن هم توی بخش آخر دوره صحبت شده، فقط دقت کنید که پیش نیاز دوره ها بشدت مهم هستند.