آموزش گام به گام ساخت پروژههای Vue 3 با Tailwind CSS، Pinia و Vue Router
در این دوره جامع، با استفاده از Vue 3، Tailwind CSS، Pinia و Vite پروژههای واقعی بسازید.
قابلیتهای کلیدی دوره
- توسعه پروژههای واقعی با بهکارگیری Vue 3، Tailwind، Pinia و Vue Router.
- ترکیب Vue با فناوریهای غیر Vue مانند Cookie، بازگشتی (Recursion)، و درخواستهای قابل لغو Axios.
- درک عمیق و تسلط کامل بر Composition API و بهرهگیری حداکثری از قابلیتهای آن.
- قابلیت انطباق سریع با سایر فریمورکها مانند React، Svelte و موارد مشابه.
پیشنیازها
دانش پایه جاوا اسکریپت (JavaScript) و HTML.
درباره دوره
این دوره آموزشی، شما را با تکنولوژیهای مدرن Vue 3، Tailwind، Pinia و Vite آشنا میکند. بخش مربوط به Vue شامل آموزش Vue 3، Vue Router، VueX و Composition API است.
نیازی به تجربه Vue 2 ندارید. تمامی مفاهیم از ابتدا آموزش داده میشوند و دانش پایه جاوا اسکریپت نیز پوشش داده خواهد شد.
Vue صرفاً یک جعبه ابزار است؛ مسئولیت انتخاب ابزار مناسب برای هر وظیفه بر عهده ماست. هدف این دوره، تحلیل دقیق پروژهها و یافتن ویژگیهای مورد نیاز Vue است که نیازمند درک عمیق و جزئی از قابلیتهای Vue میباشد. ما تلاش میکنیم تا این درک عمیق را در شما ایجاد کنیم.
به عنوان مثال، دستورالعمل "v-on" ممکن است با متد native "addEventListener" یکسان به نظر برسد، اما تفاوتهای مهمی دارند. زمانی که "بستار (Closure)" در میان باشد، این تفاوتها خود را نشان میدهند. عدم اطلاع از این موضوع در طراحی برنامههای مبتنی بر "Closure" میتواند منجر به شکست پروژه و اتلاف وقت در یافتن علت مشکلات شود.
فراتر از مرزهای یک فناوری (Crossing Disciplinary Boundaries)
پروژههای واقعی شما به قابلیتهای Vue محدود نمیشوند. بنابراین، اغلب لازم است مرزهای بین فناوریها را درنوردیده و Vue را با فناوریهای غیر Vue ادغام کنید. به عنوان مثال، ذخیره ترتیب آیتمهای جدید ممکن است نیازمند استفاده از Cookie باشد، در حالی که ایجاد یک لیست میتواند از بازگشتی (Recursion) بهره ببرد.
هدف ما ساخت یک پروژه کامل است، نه فقط بخش Vue آن. بنابراین، تمام مباحث غیر Vue قبل از استفاده در برنامه Vue آموزش داده خواهند شد.
هماهنگسازی قابلیتهای Vue و غیر Vue
عبور از مرزهای فناوری چالشهای دیگری مانند سازگاری را به همراه دارد. نمیتوان دو فناوری متفاوت را بدون بررسی و تنظیمات لازم کنار هم قرار داد و انتظار عملکرد بینقص داشت.
به عنوان مثال، برای ادغام برنامه بازگشتی با متد رندر Vue، لازم است تغییراتی در برنامه بازگشتی ایجاد کنیم. همچنین، کتابخانه Axios به ما امکان لغو درخواستهای در حال اجرا را میدهد. برای نصب آن در متد "watchEffect" در Vue، نیاز به قرض گرفتن دامنه تابع setup داریم که این امر نیازمند همکاری سه بخش است.
درباره کامپوننتهای تک فایلی (Single-File Components)
معرفی کامپوننتهای تک فایلی را عمداً به تعویق انداختیم. بیشتر پروژهها در بخش Vue از تنها یک فایل HTML تشکیل شدهاند تا تمرکز شما بر روی Vue باشد. اما نگران نباشید، فرصتهای کافی برای کار با کامپوننتهای تک فایلی خواهید داشت. بخشهای Pinia و Tailwind CSS از کامپوننتهای تک فایلی استفاده میکنند.
OnlyKiosk Tech
نمایش نظرات