دوستان این دوره با محتوا و کیفیت بهتر کامل بازتولید شده و لینک و عنوان دوره آموزش رایگان ویو جی اس (Vue.js) پروژه محور هست.
فریم ورک Vue js یا ویو جی اس یکی از محبوب ترین فریم ورک های جاوااسکریپت است که با هدف توسعه رابط کاربری (UI) در سال 2014 به عنوان یک فریم ورک متن باز معرفی شد و طی سال های اخیر استفاده از آن به شدت رو به رشد بوده است.
از Vue js برای ساخت و طراحی رابط کاربری نرم افزار ها و اپلیکیشن های تحت وب و موبایل استفاده می شود. همچنین میتوانید وب سایتی پیاده کنید که تک صفحه ای ( اصطلاحا spa یا single page application ) باشد.
تک صفحه بودن یک وب سایت باعث میشود که برای درخواست های کاربران در یک وب سایت ، نیاز به ریفرش نباشد یعنی کاربر وقتی از سایت شما استفاده میکنند این احساس را داشته باشد که یک اپلیکیشن دسکتاپ نصب کرده است یا یک برنامه رو موبایل خود اجرا کرده است.
به عنوان یک فریمورک مدرن Vue.js میتواند نیازهای متفاوتی را برآورده کند. این فریمورک برای داشتن کارایی بهتر از یک DOM مجازی استفاده میکند. (DOM مجازی، حالتی مفهومی و البته انتزاعی از یک DOM واقعی است). اهمیت این ماجرا در این است که فریمورک با استفاده از چنین تکنیکی سبکتر و در نهایت برای اجرا سریعتر میشود.
یکی از مهیجترین موارد در Vue.js این است که از رویکردی مبتنی بر کامپوننت برای ساخت اپلیکیشن های تحت وب استفاده می کند. این رویکرد شامل یک فایل از کامپوننتهاست که میتواند مستقل از کل پروژه باشد، نکته مهم این است که شما میتوانید از آن چندین بار استفاده کنید و فرایند توسعهتان را سرعت ببخشید. این ابزار به شما کمک میکند که به بهترین شکل ممکن بتوانید کارهایتان را انجام دهید.
همچنین دوستان دوره nuxt.js (ناکست جی اس) در سایت قرار گرفت که پیشنهاد میکنم حتما بعد از این دوره مشاهده کنید.
دوره های پیشنهادی، بعد از گذراندن این دوره :
پیش نیاز این دوره :
برای ارسال کامنت ابتدا باید وارد سایت شوید
سلام استاد...یه سوال
توی پروژه ی دوره بخش روتر ها برای صفحه ی نمایش پست path رو id: نوشتیم
اما برای صفحه ی ایجاد پست path رو create گذاشتیم...میخواستم بدونم اون دو نقطه : پشت id دلیلش چی بوده و چرا برای create نذاشتیم...میدونم در قسمت های قبل تر توضیح دادین ولی برای من بین آموزش ها فاصله افتاد و یادم رفت و دقیقا خاطرم نیست توی قسمت چند توضیحش دادین!
و در نهایت دوره ی عالی ای بود...نحوه ی تدریستون بی نظیره و بسیار از شما آموختم.
سلام وقت بخیر.
ممنون از شما
برای مقادیری که در url متغیر هست میتوان از دو نقطه استفاده کرد.
فرضا چندتا پست هست که id دارند و این id طبیعتا تکراری نیست. برای نمتیش پست ها میتونیم به این شکل دریافت کنیم.
posts/1 یا post/2
که مقدار دوم در url ما متغیر هست پس دو نقطه قرار میدیم.
سلام استاد. شیوه ی تدریس شما عالیه.
استاد سطح دوره مقدماتی هست یا متوسط؟
مثلا 70 درصد Vue رو پوشش میده؟
ازین دوره به اندازه ای یاد میگیریم که بازار کار و شرکت ها نیاز دارن؟
سلام وقت بخیر.
ممنون از شما و حمایتتون
ببینید برنامه نویسی دنیای خودش را داره و مثله هر شغل دیگه ای نیاز به کار، تمرین و تجربه داره و اینجوری نیست که چندتا دوره ببینید و تموم نیاز به تمرین هم داره
توی این دوره شما با vue به خوبی آشنا میشید و بعدش میتونید دوره فریمورکش یعنی nuxt.js را مشاهده کنید و روش کار و تمرین کنید و سایت های مختلف ایجاد کنید. از طرفی اگه قصد کار توی شرکتی دارید، کارآموزی توی شرکت هم خیلی به تجربه شما کمک میکنه
سلام و عرض ادب. خسته نباشید.
خواستم بدونم با گذروندن این دوره میتونم
به عنوان یک junior وارد بازار کار بشم؟
سلام وقت بخیر.
ببینید برنامه نویسی دنیای خودش را داره و مثله هر شغل دیگه ای نیاز به کار، تمرین و تجربه داره و اینجوری نیست که چندتا دوره ببینید و تموم شه نیاز به تمرین هم داره
توی این دوره شما با vue به خوبی آشنا میشید و بعدش میتونید دوره فریمورکش یعنی nuxt.js را مشاهده کنید و روش کار و تمرین کنید و سایت های مختلف را ایجاد کنید. از طرفی اگه قصد کار توی شرکتی دارید، کارآموزی توی شرکت هم خیلی به تجربه شما کمک میکنه
سلام آقای شیخ.
دوره عالی است.
به مشکلی خوردم امیدوارم پاسخمو بدین تا بخش های بعدی رو بتونم ادامه بدم.
بعد از ایجاد پروژه و کامپوننت ها با vue cli بار اول مشکلی به وجود نمیاد و صفحه ی اچ تی ام ال پروژه توی مروگر بالا میاد. منظورم همون صفحه ایه که آدرسش توی cmd بعد ایجاد پروژه به ما داده میشه و توی مرورگر واردش میکنیم localhoost:8080 ... حالا وقتی مثلا مرورگر رو میبندم یا لب تاب رو خاموش و روشن میکنم و مجددا میخوام صفحه رو بالا بیارم بعد وارد کردن آدرس توی مرورگر صفحه بالا نمیاد...باید چیکار کنم؟
سلام وقت بخیر.
شما برای اجرا پروژه باید دستور npm run serve را بزنید که پروژه start بشه
حتما پیش نیاز های دوره را آشنا یا مشاهده کرده باشید.
استاد من پیش نیاز ها رو بلدم
html, css, js
مشکل حل شد. ممنون از پاسخگویی سریعتون.
دوره npm هم پیش نیاز هست. بسیار عالی
با سلام
ببخشید یه سوالی برای من پیش آمده بود این که می توان از چند فریم ورک هم زمان در یک وبسایت استفاده کرد.
سلام وقت بخیر.
بصورت کلی فریمورک های مرتبط با هم مثله فریمورک های js اگه تداخل نداشته باشه میشه ولی اشتباه هست و با یک فریمورک میشه هندل کرد.
خیلی دوره خوبی بود آقای شیخ واقعا منو نجات دادین
من فقط یه مشکلی برام بوجود اومده از کلاس های بوت استرپ یک سری هارو قبول نمیکنه ولی با بقیه مشکلی نداره
سلام وقت بخیر.
ممنون از شما و حمایتتون🙏
خداروشکر دوره براتون مفید بوده
شما باید inspect بگیرید و ببینید کلاس ها به چه شکل هست و چه استایلی داره
درود برشما استاد. ممنون از زحمات شما. یک سوالی داشتم برای ایجاد وب سایت های معمولی اگر بخوایم فرانت رو با ویو ایجاد کنیم برای سمت بک اند بهترین زبان کدام است که هم سرعت بالایی داشته باشه و هم استفاده کردنش راحت تر باشه. و پسشنهاداتی هم بین nuxt و nest دارید راهنمایی کنید ممنونم
سلام وقت بخیر.
میتوانید از فریمورک لاراول استفاده کنید.
در خصوص سوال دومتون nuxt.js فریمورک vue.js هست و nest.js فریمورک node.js و این دوتا موضوع جدا هستند.
درود فراوان استاد
من چندین دوره های آموزشی شمارو دیدم؛ نحوه بیان عالی و مسلط بودن به تمامی مطالب بسیار بسیار ارزش این دوره هارو بالا برده. پیامی جهت قدردانی هست. انشاالله همیشه موفق و سربلند باشید
سلام وقت بخیر.
ممنون از شما و حمایتتون🙏
خداروشکر دوره ها براتون مفید بوده
سلام تو کدوم قسمت در مورد composable صحبت شده
سلام وقت بخیر.
اگه نکاهی به عنوان جلسات کنید مشخص هست، جلسه 36
سلام استاد خسته نباشید
ایا ویوجی اس مناسب پروژه های بزرگ و حرفه ای و سنگین هستش اگر در کنارش از ناکست جی اس استفاده کنیم ؟
ممنون میشم راهنمایی کنید
سلام وقت بخیر.
ویو جی اس که در کنار ناکست استفاده نمیشه!!!
بلکه ناکست فریمورک ویو هست و از ویو داره استفاده میکنه، برای آشنایی بیشتر میتوانید ویدیو معرفی دوره ناکست جی اس و ویدیو های ابتدای رایگان دوره را مشاهده کنید.
سلام خسته نباشید
می تونیم در کنار ویو جی اس از html,css,tailwindو ............ استفاده کنیم؟
سلام وقت بخیر.
بله، vue فریمورک js هست. حتما پیش نیاز های دوره ای vue را ببینید.
ببخشید استاد منظورم این بود که می تونیم به این فریمورک هایی که نام بردم به صفحمون استایل و بقیه ی کارهاش رو انجام بدم و برای تک صفحه ای کردنش از ویو جی اس استفاده کنم ؟
بله، قطعا شما برای استایل و کد html به این موارد نیاز دارید.
دوره را تا انتها ببنید، پروژه که پیاده سازی کردیم.
سلام و خسته نباشید.
آقای شیخ به نظر من فن بیانتون ضعیف بود توی این دوره .
تا الان که قسمت 30 هستم یه چند جا از قسمت ها صدای بچه میاد
و بعضی جاها یه سوتی های ریزی میدید که چون حواستون پرت هست حواس ما هم پرت میشه.
تشکر.
سلام وقت بخیر.
ممنون از ارسال نظرتون
ممنون میشه اگه نکته ای مثبتی هم هست بفرمائید.
یکی از نکات مثبت دوره این بود که به بخش های ریزی تقسیم شده بود و این به دانشجو کمک میکنه که از طولانی بودن یک قسمت نترسه.
دوره های مشابه در یوتیوب هر قسمت حدودا 40 دقیقه بود و در 11 قسمت آموزش تموم میشد.
ممنون از ارسال نظرتون
سلام و وقت بخیر.
استاد من هر موقع که میخوام یه کامپوننت رو نامگذاری کنم مرورگر مشکل multi-word ازم میگیره ...
راهکار؟
سلام وقت بخیر.
توی توضیحات جلسه مربوطه یعنی ۲۳ گفته شده حتی توی کامنت های اون جلسه
عزیز با کمال ادب باید بگم که استاد فن بیانش فوق العاده هست
و حرف نداره
متاسفانه درک شما کم هست
وگرنه تولید محتوا استاد کره ماه هم پیدا نمیشه
من با همین اموزش ها دو سایت خبری قالب سایتشون رو بروز کردم
خیلی ممنونم از محبت و حماییتون
خداروشکر دوره براتون مفید بوده
سلام استاد خسته نباشید با تشکر از شما که لطف می کنید و همچین دوره های کاربردی رو به صورت رایگان در اختیار دیگران قرار می دید
من هنوز شروع نکردم به دیدن این دوره ی کاربردی ولی قبلش خواستم بدونم که ایا با دیدن این دوره و یادگیری vue.js می توان اپلیکیشن های تک صفحه ای رو نوشت ؟ ممنون میشم راهنمایی کنید
سلام وقت بخیر.
اگه توضیحات و ویدیو معرفی را ببینید گفته شده!!!
مناسب برای تک صفحه ای هست اما سطحش بالا هست و باید حتما پیش نیاز های دوره را کار و آشنا باشید.
سلام .. برنامه ای برای آموزش vue native دارین ؟
سلام وقت بخیر.
خیر?
سلام برای دیدن این دوره , اگر پیشنیازهاش رو بلد نباشیم به مشکل میخوریم؟؟؟
سلام وقت بخیر.
والا اسمش روش هست، پیش نیاز!!!
سلام. واقعا مطالب زیادی از شما آموختم و به رسم ادب خواستم کامنتی قرار بدم و از شما که دانشتون رو به صورت رایگان در اختیار دیگران قرار دادید تشکر کنم..
امیدوارم همیشه شاد و سربلند باشید.
سلام وقت بخیر.
ممنون از شما و حمایتتون?
خداروشکر دوره براتون مفید بوده
استاد کل پروژه مثل فروشگاه با vue زده بشه
از لحاظ سئو درست نیست؟
سلام وقت بخیر.
صفحاتی که نیاز به سئو داره، بصورت ssr باشه، بهتر هست.
سلام وقتتون بخیر من جلسه 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 بشید.
abolfazl_mousavi_amjad
و استاد یک پیشنهاد برای ارتقای کیفیت دوره...چون در غالب پروژه ها استفاده ازآیکون ها اجتناب ناپذیره طبیعتا برای بسیاری از مخاطبین این دوره سوال پیش اومده که چطور در Vue از آیکون ها استفاده کنیم...به نظرم اگر تمایل داشتین این مورد رو هم به بروز رسانی دوره اضافه کنید تا دوره از اینی که هست فوق العاده تر بشه.
صرفا خواستم پیشنهادی داده باشم که شاید بنظرتون مفید باشه.
علی شیخ
2 سال پیش
سلام وقت بخیر.
آیکون که یا فایل css هست یا فرمت svg که به پروژه اضافه میشه مثله فایل css و موارد مختلف دیگه کعمه اضافه شده و مربوط میشه به دوره رایگان html و css که پیش نیاز این دوره هست.
abolfazl_mousavi_amjad
2 سال پیش
من از کامپوننت آیکون ها در main.js و نصب npm مربوط به آیکون ها استفاده کردم و فکر کردم این کار توی Vue ضروریه
import { library } from '@fortawesome/fontawesome-svg-core';
import { faWarning } from '@fortawesome/free-solid-svg-icons';
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
library.add(faWarning);
const app = createApp(App);
app.component('font-awesome-icon',FontAwesomeIcon);
app.mount('#app');
علی شیخ
2 سال پیش
شما میتونید فایل css اضافه اون آیکون ها را اضافه کنید.