فریم ورک Vue js یا ویو جی اس یکی از محبوب ترین فریم ورک های جاوااسکریپت است که با هدف توسعه رابط کاربری (UI) در سال 2014 به عنوان یک فریم ورک متن باز معرفی شد و طی سال های اخیر استفاده از آن به شدت رو به رشد بوده است.
از Vue js برای ساخت و طراحی رابط کاربری نرم افزار ها و اپلیکیشن های تحت وب و موبایل استفاده می شود. همچنین میتوانید وب سایتی پیاده کنید که تک صفحه ای ( اصطلاحا spa یا single page application ) باشد.
تک صفحه بودن یک وب سایت باعث میشود که برای درخواست های کاربران در یک وب سایت ، نیاز به ریفرش نباشد یعنی کاربر وقتی از سایت شما استفاده میکنند این احساس را داشته باشد که یک اپلیکیشن دسکتاپ نصب کرده است یا یک برنامه رو موبایل خود اجرا کرده است.
به عنوان یک فریمورک مدرن Vue.js می‌تواند نیازهای متفاوتی را برآورده کند. این فریمورک برای داشتن کارایی بهتر از یک DOM مجازی استفاده می‌کند. (DOM مجازی، حالتی مفهومی و البته انتزاعی از یک DOM واقعی است). اهمیت این ماجرا در این است که فریمورک با استفاده از چنین تکنیکی سبک‌تر و در نهایت برای اجرا سریع‌تر میشود.
یکی از مهیج‌ترین موارد در Vue.js این است که از رویکردی مبتنی بر کامپوننت برای ساخت اپلیکیشن های تحت وب استفاده می کند. این رویکرد شامل یک فایل از کامپوننت‌هاست که می‌تواند مستقل از کل پروژه باشد، نکته مهم این است که شما میتوانید از آن چندین بار استفاده کنید و فرایند توسعه‌تان را سرعت ببخشید. این ابزار به شما کمک می‌کند که به بهترین شکل ممکن بتوانید کارهای‌تان را انجام دهید.
همچنین دوستان دوره nuxt.js (ناکست جی اس) در سایت قرار گرفت که پیشنهاد میکنم حتما بعد از این دوره مشاهده کنید.
دوره های پیشنهادی، بعد از گذراندن این دوره :
پیش نیاز این دوره :
برای ارسال نظر ابتدا باید وارد سایت شوید
سلام استاد شیخ عزیز، میخاستم بپرسم که داشتن نمونه کار در فرانت برای شروع کارآموزی چقدر مهمه؟ من چند جایی مصاحبه رفتم ولی طرف میپرسه چقدر بلدی میگم مثلا فلان قدر ولی براش اصلا قابل فهم نیست و حتی جایی رفتم گفت نمونه کار باید داشته باشی که بفهمم چی رو چقدر بلدی. منم استارت زدم برای ایجاد نمونه کار و میخام ببینم یک پروژه با جی کوئری و یک پروژه با ری اکت خوبه و کفایت میکنه؟ ببخشید انقدر طولنی شد❤️❤️❤️
سلام وقت بخیر.
بببیند داشتن نمونه کار یا رزومه خب بسیار مهم هست. تمام دوره های ما پروژه محور هستند که میتونید به عنوان نمونه کار در نظر بگیرید و حالا بهشون حتی شاخ و برگ بدید
و با توجه به هدف و مسیرتون دوره های که یاد میگیرید را در کنار هم قرار بدید و پروژه های مختلف را پیاده سازی کنید به عنوان نمونه کار
سلام آقای شیخ خسته نباشید
میخواستم بدونم می توان بک اند سایت را با لاراول نوشت و در فرانت اند از vue استفاده کرد، بصورتی که مشکل سئو نداشته باشه؟ و بصورت SSR باشه؟
و یا نه حتما لازمه برای حل مشکل سئو و ssr بودن در بک اند از ناکست استفاده کرد و لاراول را بی خیال شد؟
سلام وقت بخیر.
بله میتوان استفاده کرد، فرانت و بک اند دوتا موضوع جدا هست.
از vue استفاده کنید به شکل spa هست و سمت کلاینت. با ناکست هم بله میشه api نوشت و توی همون فرانت هم فراخوانی و استفاده کرد.
Removed Experimental Feature
reactivity transform
سلام استاد این بخش Dropped
بهتر نیست قسمت ۶۷ را بردارید
سلام وقت بخیر.
اول ویدیو مربوطه و توضیحات قسمتش مینویسم که حذف شده
سلام استاد.
من الفبای Vue رو یاد گرفتم و یه چنتا مینی پروژه : اپ وضعیت آب و هوا - عملیات Crud -
Todo list باهاش ایجاد کردم.
ولی الان میبینم دوره ی پروژه محور فارسی که کامل باشه یا پروژه های کاربردی با Vue رو آموزش بده اصلا وجود نداره...دوره ای که مثلا سبد خرید و اسلایدر آموزش بده یا یه سایتو کامل با ویو بیاره بالا...الان بنظرتون برای من راهی برای بیشتر یاد گرفتن و تسلط روی این زبان هست یا برم ری اکت یاد بگیرم که کلی دوره ی فارسی واسش وجود داره؟
سلام وقت بخیر.
بصورت کلی پیشنهاد ما اینکه با nuxt.js که فریمورک vue هست و دوره هاش هم توی سایت هست آشنا بشید که کار کردن باهاش بشدت ساده هست.
اما باز میتونید از یوتوب کمک بگیرید، دوره ای فارسی نمیشناسم
سلام جناب شیخ اولا ممنون بابت تدریس خوبتون ....
یک سوال داشتم اونم اینکه مثلا اگر ما یک سایت 100 صفحه ای داشتیم یعنی باید 100 تا فایل component داشته باشیم برای هر صفحه یکی؟؟؟
سلام وقت بخیر.
عموما این حجم از صفحه سایت ها ندارند ولی بصورت کلی بله
سلام بر آقای شیخ عزیز
در ابتدا جا داره از زحماتتون تشکر کنم
یک سوالی برای من تو این دوره پیش اومده و اونم اینکه توی پروژه های SPA حالا چه CSR و چه SSR وظیفه ارائه سایت مپ به عهده بخش فرانت هستش یا بک اند؟ اگر با فرانته چطور میشه در vue سایت مپ ساخت؟
سلام وقت بخیر.
سایت مپ یک آدرس یا نسیر هست که شما مسیرهای سایتتون را اونجا مشخص میکنید حالا بر اساس اصولی که داره
اینکار هم میتونه سمت بک اند انجام بشه هم میشه اطلاعات را سمت فرانت ارسال کرد و اون نشون بده
سلام استاد...یه سوال
من الان Html و Css و در حد خوبی بلدم و شاید بشه گفت سطح پیشرفته...جاوا اسکریپت رو هم بلدم و همینطور Api رو که با Axios کار میکنم...چند هفته ای میشه که Vue رو هم یاد گرفتم و پروژه ی همین دوره که عملیات Crud هست رو باهاش پیاده سازی کردم.
به نظر شما من الان آماده ی ورود به بازار کار هستم؟
اگه این پروژه و چند تا از طراحی سایت هام رو برای شرکت ها بفرستم به عنوان کارآموز استخدام میشم؟
سلام وقت بخیر.
همانطور که فرمودید چندین نمونه کار با طرح های مختلف پیاده سازی کنید از طرفی پیشنهاد میشه حتما با فریمورکش یعنی nuxt.js هم آشنا بشید که دوره هاش داخل سایت هست و کار آموزی در شرکت ها بشدت توی تجربه و مهارت شما کمک میکنه
ممنون استاد
ولی قصد یادگیری nuxt رو ندارم...طراحی سایت هم نمونه کار دارم چند تایی...حالا بنظر شما این موارد برای استخدام شدن به عنوان کارآموز و سپس استخدام رسمی کافیه؟
html
css
js
api
vue
خواهش میکنم، ببینید با nuxt.js خیلی راختر هست پیاده سازی پروژه بازم شرکت های شهرتون برید و ببینید به چه صورت هست
سلام این دروه اموزش vue.js ورژن 3 هست ؟؟؟
سلام وقت بخیر.
هم ورژن ۲ و هم ۳ هست.
سلام وقت بخیر
میخواستم بپرسم آیا این دوره هم بازتولید میشه یا خیر؟
سلام وقت بخیر.
خیر، دوره مشکلی نداره
عرض سلام و خسته نباشید من سوالم متفاوتی داشتم
خواستم ببینم این دوره برای کسی که react رو کامل یادگرفته مناسبه یا نه چون توی
شرکت نیاز به این فریم ورک هست و ازونور هم محدودیت زمانی داریم
حالا سوال اینع که توی این دوره میشه مقدمات و اون نیازمندی های اصلی رو یاد گرفت یا خیر
باتشکر
سلام وقت بخیر.
این دوره برای تمام کسانی که با پیش نیاز هاش آشنا باشند، مناسب هست حالا شما چون با ری اکت آشنا هستید بهتر درک میکنید و روند یادگیری سریع تر
و استاد یک پیشنهاد برای ارتقای کیفیت دوره...چون در غالب پروژه ها استفاده ازآیکون ها اجتناب ناپذیره طبیعتا برای بسیاری از مخاطبین این دوره سوال پیش اومده که چطور در Vue از آیکون ها استفاده کنیم...به نظرم اگر تمایل داشتین این مورد رو هم به بروز رسانی دوره اضافه کنید تا دوره از اینی که هست فوق العاده تر بشه.
صرفا خواستم پیشنهادی داده باشم که شاید بنظرتون مفید باشه.
سلام وقت بخیر.
آیکون که یا فایل css هست یا فرمت svg که به پروژه اضافه میشه مثله فایل css و موارد مختلف دیگه کعمه اضافه شده و مربوط میشه به دوره رایگان html و css که پیش نیاز این دوره هست.
من از کامپوننت آیکون ها در 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');
شما میتونید فایل css اضافه اون آیکون ها را اضافه کنید.
سلام استاد...یه سوال
توی پروژه ی دوره بخش روتر ها برای صفحه ی نمایش پست 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 و این دوتا موضوع جدا هستند.
درود فراوان استاد
من چندین دوره های آموزشی شمارو دیدم؛ نحوه بیان عالی و مسلط بودن به تمامی مطالب بسیار بسیار ارزش این دوره هارو بالا برده. پیامی جهت قدردانی هست. انشاالله همیشه موفق و سربلند باشید
سلام وقت بخیر.
ممنون از شما و حمایتتون🙏
خداروشکر دوره ها براتون مفید بوده
mojtaba
سلام استاد خسته نباشید چرا روت های من کار نمیکنه یعنی در url کروم من مقدار users رو پاس میدم اصلا کار نمیکنه روت من با اینکه طبق اموزش رفتم جلو وقتی که مقدار url رو میزنم وارد اون بخش از url نمیشه
علی شیخ
2 ماه پیش
سلام وقت بخیر.
والا باید ببینید ارور چی هست و چی لاگ میندازه
در نهایت یک پروژه جدید ایجاد و تست کنید.