5مینی پروژه نمایش پسورد (تمرینی برای رویداد ها و متد ها)11:07
6اتصال دیتای یک طرفه (One way data binding)11:00
7اتصال دیتای دو طرفه (Two way data binding)12:54
8استفاده از شرط ها10:54
9پروژه فرم (تمرینی برای شرط ها در Vue Js)9:42
10استفاده از حلقه ها در Vue Js15:01
11تفاوت بین v-if و v-show4:23
12پروژه Todo10:40
13اتصال استایل ها از ویو جی اس (class and style binding)14:38
14مینی پروژه style binding9:54
15نحوه تعریف Computed در Vue13:14
16نحوه تعریف watch در Vue11:18
17مینی پروژه تبدیل مقادیر برای watch6:51
18مینی پروژه …Typing برای watch8:26
19نحوه پیاده سازی کامپوننت ها11:29
20نحوه تعریف props در کامپوننت9:46
21مینی پروژه دوره های آموزشی برای کامپوننت ها14:28
22آموزش refs در VueJs10:36
23نحوه ارزیابی prop ها در Vue11:54
24آموزش slot ها در کامپوننت9:49
25آموزش local component ها در VueJs7:58
26Event Modifier ها در Vue Js – قسمت 128:24
27Event Modifier ها در Vue Js – قسمت 28:54
28مفهوم mount در Vue Js10:49
29معرفی متد های lifeCycle در Vue Js14:53
30نحوه استفاده از متد های lifeCycle18:49
31استفاده از دیرکتیو is برای نمایش کامپوننت ها8:38
32نحوه نصب و راه اندازی Vue Cli21:39
33بررسی ساختار پروژه Vue Cli19:17
34مفهوم import و export در Vue Cli13:20
35استفاده از کامپوننت های تودرتو (Nested Component)11:43
36استایل دهی به کامپوننت های Vue Cli7:47
37مفهوم و نحوه عملکرد Virtual Dom (بصورت تئوری)13:47
38نحوه عملکرد Virtual Dom در Vue (بصورت عملی)13:53
39تغییر و ارسال دیتا از کامپوننت parent به child10:49
40تغییر و ارسال دیتا از کامپوننت child به parent (به کمک emit)11:00
41مینی پروژه فالو/آنفالو با Vue Cli21:11
42چرا در Vue نباید از BootStrap استفاده کرد؟8:39
43نحوه نصب و استفاده از فریمورک BootStrap-Vue در Vue18:23
44استفاده از EventBus در Vue23:35
45ساختن Directive های کاستوم14:41
46درک مفاهیم Spa و Route10:28
47نصب و پیکربندی Vue Router19:38
48مینی پروژه Spa14:04
49مفهموم name در Router7:59
50کار با Dynamic Route و History Mode30:22
51Api چیست؟8:09
52دریافت Api از openWeatherMap6:54
53کد نویسی Ui پروژه Weather App12:11
54دریافت اطلاعات از Api26:47
55نمایش تاریخ و زمان در پروژه Weather App12:05
56استفاده از Axios برای ارسال ریکوئست به Api8:00
57پروژه Calculator / نحوه پیاده سازی5:09
58پیاده سازی پروژه ماشین حساب – قسمت 113:58
59پیاده سازی پروژه ماشین حساب – قسمت 213:38
60پروژه فروش بلیط آنلاین – نحوه پیاده سازی6:23
61پیاده سازی پروژه فروش بلیط آنلاین13:53
همکاری با سبزلرن
kashefymajid –
با سلام
من نسخه دوم رو نیاز به آموزش دارم.آیا این نسخه آموزش داده شده؟
محمدامین سعیدی راد (خریدار محصول) –
سلام عزیز، بله.
دوره برای Vue2 هست.
AliHosseni (خریدار محصول) –
سلام
برای استفاده از بوت استرپ در vue 3 طبق ویدئو پیش رفتم ولی باز ارور دریافت میکنم میشه راهنمایی کنید تمام ارور ها مربوط به node modules هست
محمدامین سعیدی راد (خریدار محصول) –
سلام عزیز.
لطفا یه عکس از اروری که دارین رو تو بخش پرسش و پاسخ دوره بفرستین، چک میکنم براتون.
sam (خریدار محصول) –
سلام استاد
ممنون از دوره های خوبتون
من میخواستم بدونم شما پیشنهاد میکنید اول این دوره رو ببینم بعد برم از روی داکیومنت ورژن جدید رو یاد بگیرم یا از اول برم سمت ورژن جدید؟؟
محمدامین سعیدی راد (خریدار محصول) –
سلام عزیز.
اگه جاوا اسکریپت و زبان انگلیسیتون خیلی خوبه و میتونین با مطالعه داکیومنت یاد بگیرین، از اول برید سمت ورژن جدید.
در غیر این صورت اول این دوره رو بگذرونین و سپس تغییرات ورژن جدید رو با یوتوب و مطالعه داکیومنت یاد بگیرین.
amirMahdiRahimi (خریدار محصول) –
سلام استاد خسته نباشید
من یک پروژه کامل با vue توی بخش فرانت اند نوشتم و حالا میخوام بهش بک اند اضافه کنم (هیچ اطلاعاتی راجب به بک اند ندارم)
میخواستم بدونم که قبل از شروع آیا میشود در پروژه های vue بک اند نوشت و یا استفاده کرد
همین طور که گفتم هیچ اطلاعاتی راجب به بک اند ندارم و اگه میشه راهنماییم کنید کلا
محمدامین سعیدی راد (خریدار محصول) –
سلام عزیز.
خود فریمورک Vue مخصوص فرانت‌اند هست و نمیشه باهاش سمت سرور رو توسعه داد.
برای توسعه بک‌اند باید از تکنولوژی های مربوط به بک‌اند مثل Nodejs، Php و … استفاده کرده و از Api های مربوطه داخل Vue برای ارتباط با بک‌اند استفاده کنید.
Amir.rashidy (خریدار محصول) –
با عرض سلام و خسته نباشید.
استاد براینکه با روند توسعه صفر تا صد سایت با ویو آشنا بشیم پیشنهادی ندارین؟
محمدامین سعیدی راد (خریدار محصول) –
سلام امیر جان.
سوالت چارچوب نداره.
لطفا یکم واضح‌تر بپرس.
ghazal karami (خریدار محصول) –
ببخشید به نظر لینک های دانلود مشکل دارن و ممنون میشم راهنمایی کنید .
محمدامین سعیدی راد (خریدار محصول) –
سلام عزیز. چه مشکلی؟
Amir (خریدار محصول) –
سلام و عرض ادب ممنون از دوره خوبتون
یک پرسشی داشتم در چند سایت انگلیسی زده بوت استرپ 5 برخلاف بقیه ورژن ها به دلیل حذف جی کوئری قابل استفاده در vue هست اما شما گفتید
ورژن 5 هم نمیشه استفاده کرد در vue میشه یک توضیحی بدید اگر ممکنه
محمدامین سعیدی راد (خریدار محصول) –
سلام امیر جان.
بوت استرپ 5 همچنان از جاوا اسکریپت خام استفاده می‌کنه و این موضوع با vDom در تداخله.
papaowl (خریدار محصول) –
سلام وقت بخیر با تشکر از نحوه تدریس و وقتی که برای تهیه دوره گذاشتید
مطالب ویو 3 کی بارگذاری میشن …آیا برنامه ای برای هست؟
محمدامین سعیدی راد (خریدار محصول) –
سلام عزیز، ممنونم از لطفت.
راستش فعلا برنامه‌ای برای Vue3 نداریم. بعد از یادگیری Vue2 برای ورژن 3 میتونی از خود داکیومنت استفاده کنی.
sina3005 (خریدار محصول) –
سلام استاد خسته نباشید. یه سوال داشتم این بود که مثلا الان شما هم react رو بلدید هم vue، به نظرتون ما هم هر دو تای این ها رو یاد بگیریم مشکلی پیش نمیاد؟ منظورم اینه بهتره فقط یکیش رو یاد بگیریم یا هر دو تا رو هم یاد بگیریم سردرگم حین کد زدن نمیشیم؟
محمدامین سعیدی راد (خریدار محصول) –
سلام سینا جان.
نه، پیشنهاد نمی‌کنم دو تکنولوژی رو یاد بگیری.
یا ری‌اکت یا ویو. یکیشو انتخاب کنی و توش دیپ بشی خیلی بهتره.
بهزاد (خریدار محصول) –
سلام استاد،خسته نباشید،جسارتا چطور این دو تا دوره،یعنی ری اکت و vue با هم مقایسه میشن زمانی که انقدر ساعت تدریسشون متفاوته؟یکی تقریبا ۱۰۰ ساعت و دیگری فقط ۱۳ ساعت!این به این معنی هستش که ری اکت خیلی خیلی کامل تره و بهتره؟یا دلیل دیگه ای داره؟
محمدامین سعیدی راد (خریدار محصول) –
سلام بهزاد جان.
نه، میزان ساعات تدریس برای یک دوره معیار مناسبی برای مقایسه دو تکنولوژی نیست.
دلایل دیگه‌ای داره که یکیش تعداد پروژه‌های بیشتر داخل دوره ری‌اکت هست.
امین مجیدی –
سلام ببخشین من موقع اجرای npm create-react-app روی لینوکس با این ارور مواجه می شم می شه راهنماییم کنین: npm err code econnreset
محمدامین سعیدی راد (خریدار محصول) –
سلام امیر جان.
مشکل بخاطر اینترنتتون هست. روی Npm پروکسی ست کنین.
hessamdolatshah (خریدار محصول) –
سلام چطوری میشه بدون cdn از vuejs استفاده کنیم
محمدامین سعیدی راد (خریدار محصول) –
سلام عزیز.
میتونین Cdn ویو رو تو Browser وارد کرده و سورس‌کدش رو Save کنید. بعد فایل دانلود شده رو به پروژه لینک کنید.
پ‌ن: این مورد رو باید قبل از جاوا اسکریپت بلد می‌بودید.
majidarman (خریدار محصول) –
سلام استاد خوبین، من vue cli رو نصب میکنم و در اخر این ارور ها رو بهم میده، بارها امتحان کردم حتی با فیلتر شکنم امتحان کردم ولی باز نصب نشد، لطف کنین راهنمایی م کنین،
npm ERR! code ERR_SOCKET_TIMEOUT
npm ERR! network Socket timeout
npm ERR! network This is a problem related to network connectivity.
npm ERR! network In most cases you are behind a proxy or have bad network settings.
npm ERR! network
npm ERR! network If you are behind a proxy, please make sure that the
npm ERR! network ‘proxy’ config is set properly. See: ‘npm help config’
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\majidarman\AppData\Local\npm-cache\_
محمدامین سعیدی راد (خریدار محصول) –
سلام عزیز.
جهت تسریع در پاسخگویی لطفا سوالات فنی مربوط به محتوای جلسات دوره و جاوا اسکریپت رو تو بخش پرسش و پاسخ مطرح کنید.
aftab_azad20 (خریدار محصول) –
سلام و عرض ادب
ممنونم از دوره فوق العاده عالی تون… یک سوال داشتم…. من یه مینی پروژه دارم به این صورت که تو کامپوننت اصلی یک جدول طراحی کردم که شامل یکسری اطلاعاته…و در کامپوننت دوم فرمی رو طراحی کردم که قراره اطلاعات رو برای کامپوننت اول ارسال کنه با استفاده از emit.مشکلی که اینجا هست اینه که من اگه کامپوننت دوم رو در اولی وارد کنم که بتونم دریافت اطلاعات انجام بدم. محتویات کامپوننت فرعی در صفحه اصلی نمایش داده میشه…من فقط میخوام با یک کلیک اطلاعات ارسال بشه و در جدول صفحه اصلی نمایش داده بشه..ممنون میشم در این مورد راهنماییم کنید
محمدامین سعیدی راد (خریدار محصول) –
سلام عزیز.
جهت تسریع در پاسخگویی لطفا سوالات فنی مربوط به محتوای جلسات دوره و Vue رو تو بخش پرسش و پاسخ مطرح کنید.
AliAshooriyoon (خریدار محصول) –
سلام و درود خدمت مدرس گرامی و همچنین مدیریت وب سایت سبزلرن
ای کاش با توجه به اینکه مدرسین بسیار خوبی دارید در داخل وبسایتتون آموزش انگولار هم قرار می دادید.
چون این فریمورک هم بازار کار خوبی در ایران داره و همچنین منابع آموزشیش به زبان فارسی بسیار کمه.
با تشکر.
محمدامین سعیدی راد (خریدار محصول) –
سلام علی جان، ممنونم از لطفت.
فعلا به دلیل محبوبیت پایین انگیولار نسبت به ری‌اکت و ویو سبزلرن برنامه‌ای براش نداره.
در صورت صلاحدید در آینده اگه مدرس خوبی برای انگیولار پیدا شه، یک دوره جامع و پروژه محور انگیولار برگزار خواهد شد 👌🖤
بهزاد (خریدار محصول) –
امیدوارم یه روز ری اکت نیتیو هم داخل برنامه آموزشی سبزلرن قرار بگیره
majidarman (خریدار محصول) –
سلام استاد عزیز، من وارد اکانتم شدم ولی اجازه استفاده نمیده و ازم میخاد ک singe in کنم
محمدامین سعیدی راد (خریدار محصول) –
سلام عزیز.
لطفا این مورد رو از طریق تیکت واقع در پنل کاربری با پشتیبان های سبزلرن در میون بذارین تا راهنمایی های لازم رو در اختیارتون قرار بدن.
baharziaee28 (خریدار محصول) –
سلام آموزش جاوا اسکریپت تون عالی بووود
کاشکی زودتر آموزش Vue3 هم بزارید 🙁
mohammad.n.08 (خریدار محصول) –
سلام و خسته نباشید خدمت استاد عزیز
از همراهی شما نهایت لذت رو میبرم
انشالله عمرتون روز افزون باشه
aftab_azad20 –
عالی عالی عالی
ریحانه (خریدار محصول) –
سلام استاد
من دوره رایگان صفر تا صد js رو هم قبل از این دوره vue شرکت کردم و واقعا میخواستم از اینکه تخصصتون رو رایگان و صادقانه و ب طرز باورنکردنی ساده و روان در اختیارمون قرار میدین صمیمانه تشکر کنم 😉 ,واقعا ازتون ممنونم…❤
محمدامین سعیدی راد (خریدار محصول) –
سلام عزیز.
ممنونم از لطفتون و خیلی خوشحالم که تونستم براتون مفید باشم.
پر قدرت ادامه بدین ✌️❤️
sajadd3869 (خریدار محصول) –
سلام. جلسه آخر دوره اومدید توی template بصورت دستی اسم کشور هارو نوشتید.
یعنی:
Select
Iran
USA
Turkey
حالا من میخوام اینارو حلقه بزنم یعنی:
{{ cc }}
ولی value های اون آبجکت رو میده. چجوری میتونم توی لوپ v-for به key های یه آبجکت دسترسی پیدا کنم؟
محمدامین سعیدی راد (خریدار محصول) –
سلام عزیز.
یه عکس از کدی که نوشتین در قالب فایل Zip تو بخش پرسش و پاسخ آپلود کنین، چک میکنم براتون.
Hassan (خریدار محصول) –
سلام مجدد
ببخشید مهندس من این ارور برام حل نمیشه Vue رو هم import میکنم ولی باز تغییر نمیکنه اگه میشه کد یا راحل رو بنویسید.
کدام پوشه یا فایل رو بررسی کنم.
توصفحه گوگل هم هیچی نمایش نمیده حتی اون هشتک قسمت URLرو هم نشون نمیده.
ارور کنسول اینه:
app.js:318 Uncaught TypeError: Cannot read properties of undefined (reading ‘use’)
————————
از این خط ارور میگیره
Vue.use(VueRouter)
محمدامین سعیدی راد (خریدار محصول) –
سورس کدت رو تو بخش پرسش و پاسخ دوره آپلود کن چک کنم برات.
Hassan (خریدار محصول) –
سلام
من وقتی ویو روتر رو استفاده میکنم در فایل main.js این ارور تو کنسول بهم میده
app.js:318 Uncaught TypeError: Cannot read properties of undefined (reading ‘use’)
————————
از این خط ارور میگیره
Vue.use(VueRouter)
هرکاری میکنم درست نمیشه چه خاکی برای گل گرفتن مناسبه بگیرم آب ):
محمدامین سعیدی راد (خریدار محصول) –
سلام عزیز.
مشکل اینه که Vue رو نمی‌شناسه.
کدتون رو چک کنین که Vue حتما تو فایل مورد نظر وجود داشته باشه.
Vahid_vng (خریدار محصول) –
سلام استاد خسته نباشید من با توجه به محدودیت زمانی که دارم و اینکه همه میگن vue js ساده تر از react js هستش این دوره رو انتخاب کردم و بعد چند روز که تا جلسه 20 رسیدم میبینم که واقعا دوره عالی ای هستش . بعد از اتمام دوره و رسیدن به تسلط روی دوره و با توجه به اینکه فعلا تمرکزتون روی تموم کردن دوره react js هستش. پیشنهاد شما برای اپدیت به ورژن 3 چیه؟ میشه راحت از طریق داکیومنت vue اینکارو انجام داد یا تغییرات اعمال شده خیلی زیادن ؟
محمدامین سعیدی راد (خریدار محصول) –
سلام عزیز.
جمله “ویو راحت‌تر از ری‌اکت هست” کاملا حرف اشتباهیه بنظرم و بعنوان کسی که با هر دو تکنولوژی پروژه بزرگ توسعه داده مخالفم باهاش.
بله. اگه JS و Vue2 رو بخوبی بلد باشین، براحتی میتونین با مطالعه داکیومنت خودتونو به Vue3 آپدیت کنین.
زهرا رضایی (خریدار محصول) –
من دوره‌ی صفر تا صد جاوا اسکریپت شما روهم شرکت کردم، و تدریستون توی اون هم واقعا عالیه استاد.
از این لطف و محبت شما که این دوره‌های کاربردی و با کیفیت‌تونو رایگان می‌زارین واقعا و صادقانه ممنونم.
محمدامین سعیدی راد (خریدار محصول) –
خوشحالم که تونستم براتون مفید باشم،
ممنونم از لطفتون 🙏❤️
زهرا رضایی (خریدار محصول) –
سلام استاد، وقتتون بخیر.
ممنون بابت این دوره‌ی عالی.
اینکه مطالب پیچیده رو با زبان ساده و روان برامون توضیح میدین،عالیه استاد.
مرسی بابت این دوره‌ی عالی.
من واقعا مشتاقانه منتظر تدریس ویو۳ هستم استاد.
محمدامین سعیدی راد (خریدار محصول) –
سلام عزیز. ممنونم از لطف بی‌کرانتون.
در آینده دوره آپدیت میشه حتما 👌❤️
Erfn (خریدار محصول) –
سلام این دوره برای ورژن ۳ از اول یاد میدید vue رو یا اصلا دیگه اپدیت نمیشه؟
محمدامین سعیدی راد (خریدار محصول) –
سلام عرفان جان.
نه، کل دوره از اول رکورد نمیشه.
تغییرات مربوط به Vue 3 در قالب آپدیت به دوره اضافه خواهد شد 🙏❤️
hamidchoo (خریدار محصول) –
سلام و خسته نباشید . لطفا قالب پروژه اخر رو بزارین
محمدامین سعیدی راد –
سلام عزیز، منظورتون سورس‌کد پروژه نهایی دوره هست؟ 🤔❤️
sajadd3869 (خریدار محصول) –
سلام.
دایی جان شما واقعا دوررره ی خوبی داری و خوشم اومد ازش که تصمیم گرفتم علی رغم وجود ورژن۳ ورژن ۲ رو یاد بگیرم. ولی حیفه که این دوره ورژن ۳ نیست.
منتظر یه دوره تووپ vue3 پولی ( قیمت کم البته ) هستیم😁
دمتم گرم
محمدامین سعیدی راد (خریدار محصول) –
سلام سجاد جان.
سبزلرن فعلا برنامه‌ای برای دوره جدید Vue نداره.
در آینده اگه تو برنامه های سبزلرن قرار بگیره، حتما یه دوره توپ برگزار میشه 👌❤️
متین (خریدار محصول) –
سلام استاد این ویو نیتیو ظاهرا امروزکه من کامنت میگذارم منقضی شده موقعی که فیلما ضبط کردین بوده اگه منقضی نشده بگین چجوریه ایا به سایت دیگه منتقل شده و اگه دیگه منسوخ هس لطفا در اول صفحه ویرایشش کنین جا داره از تدریستون تشکر کنم که واقعا عالیه
محمدامین سعیدی راد (خریدار محصول) –
سلام متین جان.
نه، فریمورک Vue Native منقضی نشده و همچنان پشتیبانی داره و قابل استفادست.
برای دسترسی به داکیومنت Vue Native به این لینک مراجعه کنین.
hamidchoo (خریدار محصول) –
سلام استاد این لینک رو باز میکنیم یه warning هست و نوشته که منسوخ شده
محمدامین سعیدی راد (خریدار محصول) –
بله حمید جان انگار ویو نیتیو منسوخ شده و دیگه Maintain نمیشه.
چون ازش استفاده نمی‌کردم اطلاع نداشتم.
خدا رحمتش کنه :))
بهزاد (خریدار محصول) –
سلام استاد،چرا باید یه تکنولوژی منسوخ بشه؟من که یاد نگرفتم،ولی خب تعجب کردم،تکلیف کسایی که اونو یاد داشتن یا در حال یادگیری ش بودن چی میشه؟!
محمدامین سعیدی راد (خریدار محصول) –
سلام.
منسوخ شدن تکنولوژی می‌تونه دلایل مختلفی داشه باشه.
دلایلی مثل پشتیبانی ضعیف، عدم توانایی کافی در برطرف کردن نیاز های کاربر، ساخته شدن تکنولوژی بهتر و جدید یا …
منسوخ شدن یک تکنولوژی یهو انجام نمیشه.
طی بلند مدت انجام میشه که عمدتا قابل پیش بینی هست.
بهزاد (خریدار محصول) –
پشتیبانی سبزلرن و پاسخگویی خیلی عالی هستش،اینجا سوال میپرسیم،تو کانال و استوری پیج جواب میگیریم😁😁😁
تشکر فراوان
hamidchoo (خریدار محصول) –
سلام ممنون بابت آموزش خوبتون .
لطفا در ابدیت دوره یه پروژه کامل با api بزنید
محمدامین سعیدی راد (خریدار محصول) –
سلام عزیز، چشم حتما ❤
Erfn (خریدار محصول) –
سلام ایا برای یادگیری vue js باید ورژن2 رو هم یاد بگیریم یا نه میشه از ورژن 3 شروع کرد؟
محمدامین سعیدی راد (خریدار محصول) –
سلام عرفان جان.
نه، ویو 2 پیش نیاز ویو 3 نیست.
میتونین مستقیما Vue 3 رو شروع کنین.
____HYSM____ (خریدار محصول) –
سلام استاد ممنونم از دوره خوبتون
استاد این مشکل چیه
Compiled with problems:X
ERROR
Conflict: Multiple assets emit different content to the same filename index.html
کامپوننت اجرا میشه اما این ارور هستش
محمدامین سعیدی راد (خریدار محصول) –
سلام احمد جان.
این و این لینک رو چک کن، نتیجه رو بهم خبر بده.
محسن (خریدار محصول) –
سلام
پس ورژن ۳ کی ضبط میشه؟
محمدامین سعیدی راد (خریدار محصول) –
سلام عزیز.
انشالله در دی ماه استارت می‌خوره.
Yasinra (خریدار محصول) –
سلام و عرض ادب.
اول از همه از شما بابت دوره خوبتون ممنونم و من مشتاقانه منتظر vue3 هستم. دوم اینکه یک مشکلی برای من در برخی جلسات وجود داره و اونم اینه که کد برخی جلسات مثل پروژه ماشین حساب برای دانلود وجود نداره.
در آخر خواستم بگم لطفا تعداد پروژه بیشتری به نسبت vue2 در vue3 کار کنید. ممنون.
محمدامین سعیدی راد (خریدار محصول) –
سلام عزیز.
مشکلی که برای برخی جلسات گفتین رو چک میکنم.
برای تعداد پروژه‌ها هم چشم 💪❤️
Sajjad (خریدار محصول) –
تا اینجای دوره که عالی بوده
ممنون و خسته نبتشید بابت تهیه این دوره خوب
محمدامین سعیدی راد (خریدار محصول) –
سلام عزیز.
ممنونم از لطفتون و خوشحالم که دوره براتون مفید بوده.
پر قدرت ادامه بدین 💪❤
Sajjad (خریدار محصول) –
🔥🔥❤❤چشم حتما