قسمت اول : راه‌اندازی اپلیکیشن VUE 3 : نصب و راه‌اندازی Vite, VUE و TailwindCSS
Вставка
- Опубліковано 12 січ 2025
- در این دوره آموزشی جامع و پروژه محور، شما با یکی از محبوب‌ترین فریم‌ورک‌های جاوا اسکریپت یعنی Vue.js آشنا خواهید شد. همراه با ما، یک داشبورد حرفه‌ای را با استفاده از ابزارهای قدرتمند Vite و Tailwind CSS توسعه خواهیم داد.
☑️ در این دوره یاد خواهید گرفت:
Vue.js: مفاهیم پایه، کامپوننت‌ها، مدیریت داده‌ها، روتر و ...
Vite: ساخت پروژه‌های Vue.js با سرعت بالا و تجربه توسعه بهتر
Tailwind CSS: طراحی رابط کاربری زیبا و واکنش‌گرا بدون نوشتن CSS زیاد
ساختار پروژه Vue: درک عمیق از ساختار فایل‌ها و پوشه‌های یک پروژه Vue
مدیریت بسته‌ها با npm: نصب و مدیریت وابستگی‌های پروژه
در این قسمت اول، به موارد زیر پرداختیم:
معرفی Vue.js، Vite و Tailwind CSS
نصب Node.js و npm
ایجاد یک پروژه جدید Vue با Vite
ساختار اولیه پروژه و فایل‌های مهم آن
نصب و پیکربندی Tailwind CSS
ایجاد یک کامپوننت ساده و اعمال استایل با Tailwind CSS
________________
☑️ در قسمت‌های بعدی، به مباحث پیشرفته‌تری مانند:
کامپوننت‌های سفارشی
مدیریت حالت با Pinia
روتر Vue
تست واحد
استایلینگ پیشرفته با Tailwind CSS
و ... خواهیم پرداخت.
اگر به توسعه وب با Vue.js علاقه‌مند هستید، این دوره برای شما مناسب است. حتی اگر هیچ تجربه قبلی در زمینه فریم‌ورک‌های جاوا اسکریپت ندارید، می‌توانید به راحتی مفاهیم را یاد بگیرید.
برای مشاهده قسمت‌های بعدی، کانال ما را دنبال کنید.
_______________
☑️ لینک‌های مفید:
گیت هاب قسمت اول : github.com/unk...
Node.js: nodejs.org/
npm: www.npmjs.com/
Vite: vitejs.dev/
Tailwind CSS: tailwindcss.com/
Vue.js: vuejs.org/
nvm (Node Version Manager): github.com/nvm...
📖 Visual Studio Extentions
Tailwind CSS IntelliSense : marketplace.vi...
Vola : marketplace.vi...
Prettier Formatter for Visual Studio Code : marketplace.vi...
Vue 3 snippets : marketplace.vi...
اینکه وقت کشی نمیکنی و وقت مردمو تلف نمیکنی خیلی عالیه . دو ساعت سر هر مبحث لفتش نمیدی .دمتون گرم کارتون خیلی خوبه❤
سلام مجدد
خیلی لطف داری. وقت مخاطب ارزشمند ترین سرمایه شه. سعی من همیشه بر اینه آموزشها رو به شکلی ارائه بدم که هم کامل باشن و هم اینکه حوصله سر بر نباشن.
خوشحالم که از روش تدریس خوشت اومده
اگه پیشنهاد خاصی برای بهبود آموزشها داری حتما بهمون بگو 👾🪻👾
best tutorial❤🎉
👾🪻👾🪻
👍👍
🪻👾
عالی لطفا قسمت هارو زود به زود آپلود کنید ❤❤
خیلی خوشحالم که از قسمت اول آموزش لذت بردی.
حق با شماست، سعی من بر اینه که آموزشها رو به صورت منظم و در کوتاه‌ترین زمان ممکن منتشر کنم، بدون اینکه از کیفیتشون کم بشه.
خوشحالم که به این آموزش علاقه‌مند شدی. پیشنهاد می‌کنم حتما قسمت دوم رو هم ببینی که به موضوعات خیلی جالبی مثل ساخت کامپوننت‌های سفارشی و استفاده از Template Syntax می‌پردازیم.
خبر خوب اینه که قسمت سوم هم تا آخر همین هفته آماده میشه و منتشر خواهد شد.
سپاس از همراهیت 👾🪻
nice🎉
Thanks 👾🪻
good❤
gracias 👾🪻♥️
کامنت در جهت حمایت :)
سپاس عرفان عزیز🪻👾
تدریست عالیه، بدون وقت کشی و اتلاف وقت بیشترین اطلاعات رو میدی بنظرم اینجوری سریع یه مفهوم رو میشه درک کرد و بعد با داکیومنت عمیق تر یادگرفت
سلام و سپاس، خیلی ممنون از لطف شما. خوشحالم که آموزش مفید بوده
حتماً آموزش‌های بعدی را هم دنبال کنید تا مباحث پیشرفته‌تر Vue 3 را مرور کنی.
اگر موضوع خاصی هم هست که دوست داری در موردش آموزش بدم، حتما به من بگید. پیشنهادات بچه های کانال از هرچیزی برای من مهمتره.
اگر این آموزش براتون مفید بوده، لطفاً با دوستانتون هم به اشتراک بگذارید.
اگر سوالی در مورد Vue 3، Vite یا TailwindCSS دارید، حتما بپرسید
@@BW8builtwithbits حتما❤❤
وای وای دستخوش عجب سری . فقط لطفا همه مطالب زو کامل و بی نقص بگید و چیزی رو جا نندازید ❤❤❤❤ وظیفه ما حمایت از کانتتت خفنه❤
سلام مهدی عزیز
خیلی ممنونم از حمایت گرمت. خوشحالم که از سری آموزش‌های Vue 3 خوشت اومده.
مطمئن باش هدفم اینه که همه مطالب رو به صورت کامل و دقیق آموزش بدم. سعی می‌کنم هیچ نکته مهمی رو جا نندازم و همه چیز رو از پایه توضیح بدم تا همه بتونن به راحتی مفاهیم رو درک کنن.
نظرات و پیشنهاداتت برام خیلی ارزشمنده و باعث میشه که کیفیت آموزشها رو هر روز بهتر کنم.
ممنون از همراهی و حمایتت.
@@BW8builtwithbits خیلی عالی . زیبا کلام هستید . لطفا یه سری بسازید که اموزش سینگل پیج اپلیکیشن رو با لارلول و livewire و alpinejs تدریس کنید .ترکیب این سه تا که گفتم خیلی خفنن مخصوصا لایو وایر که عاشقشم. اینو پیشنهاد دادم چون من زیاد اموزش های پیشرفته یا سنیور میبینم واسه همین تو یوتوب فارسی ندیدم کسی که این سه تارو با هم در یک دوره پروژه محور تدریس کنه. بازم ممنون ازتون .عاشق چنلتون و صدای زیبای شما هستم ❤❤❤❤
سلام..واقعا از شما ممنونم بابت این دوره عالی... لطفا مانند دوره لازاول 11 و ...اینقدر فیلم و تند نکنید. سریع بگید اما نه دیگه اینقدر..درسته میشه سرعت فیلم و کند کرد..اما شما یه سری جاه ها کد ها رو که میزنی ..اینقدر سریع هست که نمیشه فهمید... با تشکر..
سپاس از شما که وقت گذاشتید و نظرتو رو در مورد آموزشها به اشتراک گذاشتی. نظر شما برام خیلی مهمه و سعی می‌کنم در آموزش‌های بعدی بهش توجه ویژه‌ای داشته باشم.
در مورد سرعت آموزش، کاملا حق با شماست. گاهی اوقات در تلاش برای پوشش دادن مطالب زیاد، ممکنه سرعت آموزش کمی بالا بره و بعضی از جزئیات برای بعضی از دوستان کمتر قابل درک باشه. لطفا حتما اینجور موارد رو بپرسید در کامنتها.
پیش فرض م اینه که مبحثی که در اپیزودهای قبلی گفته شده رو سریعتر جلو برم و مبحثی که جدید هست رو ارومتر توضیح بدم. برای اپیزود ۳۰ م لاراول سعی کردم سرعت پایین تری ضبط کنم. حتما نظرتون رو درباره ش بگید
🪻👾