دوره جامع استفاده از Vue.js در لاراول (با Inertia.js)
از صفحات چندگانه و بارگذاری‌های مجدد خسته شده‌اید؟ می‌خواهید وب‌اپلیکیشن‌های سریع، مدرن و تعاملی مانند بهترین‌های دنیا بسازید؟
دوره "استفاده از Vue.js در لاراول" دروازه‌ای برای ورود شما به دنیای توسعه فول-استک مدرن است. در این دوره، ما شما را با یکی از قدرتمندترین و پرطرفدارترین ترکیب‌های دنیای وب، یعنی لاراول برای بک‌اند و Vue.js برای فرانتاند، آشنا می‌کنیم. اما برگ برنده این دوره، معرفی ابزار شگفت‌انگیز Inertia.js است!
Inertia.js چیست و چرا این دوره را متمایز میکند؟ اینرشیا به شما اجازه می‌دهد اپلیکیشن‌های کاملاً تعاملی و تک‌صفحه‌ای (Single-Page Application) بسازید، بدون آنکه خود را درگیر پیچیدگی‌های ساخت، مدیریت و احراز هویت یک API مجزا کنید. شما همچنان از روتینگ و کنترلرهای قدرتمند لاراول استفاده می‌کنید و داده‌ها را مستقیماً به کامپوننت‌های Vue پاس میدهید. نتیجه، سرعت توسعه بالاتر و تجربه‌ی کاربری بی‌نظیر است.
در این دوره چه مسیری را طی می‌کنیم؟
-
راه‌اندازی اولیه: کار را با نصب لاراول و ویو جی اس آغاز کرده و سپس Inertia.js را به عنوان پل ارتباطی بین این دو غول فناوری نصب می‌کنیم.
-
جریان داده: یاد می‌گیرید چگونه متغیرها و داده‌ها را از سمت سرور (کنترلر لاراول) به کامپوننت‌های Vue در سمت کلاینت ارسال کنید.
-
کامپوننت‌های پویا: با مفهوم
Reactive Dataدر ویو آشنا شده و کامپوننت‌هایی می‌سازید که به تغییرات داده‌ها به صورت آنی واکنش نشان می‌دهند. -
معماری فرانتاند: با استفاده از لایه‌بندی (Layouts)، ساختار اصلی صفحات خود (مانند هدر، فوتر و سایدبار) را یک بار تعریف کرده و در تمام کامپوننتها از آن بهره میبرید.
-
ناوبری SPA: قدرت تگ
<Link>در اینرشیا را برای جابجایی بین صفحات بدون رفرش شدن کل صفحه کشف می‌کنید. -
کار با فرم‌ها: به صورت عملی، عملیات مهمی مانند ساخت، ویرایش و حذف کاربران را با استفاده از فرم‌های Vue.js که با بک‌اند لاراول در ارتباط هستند، پیاده‌سازی می‌کنید.
این دوره برای توسعه‌دهندگان لاراول که می‌خواهند بدون یادگیری کامل یک فریمورک فرانتاند یا درگیری با API، رابطهای کاربری مدرن و سریعی بسازند، بهترین انتخاب است.
سرفصل های دوره
نصب لاراول و ویو جی اس
نصب InertiaJs در لاراول
ارسال متغیر ها به کامپوننت
دیتای Reactive
لایه بندی کامپوننت ها
استفاده از تگ Link
وارد کردن قالب وبلاگ به لاراول
جدا کردن روت ادمین
وارد کردن پنل ادمین
آشنایی با دستور v-for
استفاده از فرم در ویو جی اس
ویرایش کاربر
استفاده از نام روت
حذف کاربر
اعتبار سنجی
استفاده از flash message در ویو جی اس
صفحه بندی در ویو جی اس
ساخت کامپوننت برای صفحه بندی
آپلود عکس
نمایش عکس در ویو جی اس
نمایش تاریخ شمسی در ویو جی اس
ساخت مدل دسته بندی ها
متدهای کنترلر دسته بندی ها
ساخت مدل پست ها
ایجاد پست
نمایش پست ها
ویرایش پست
حذف پست و ویرایش عکس کاربر
ساخت کامپوننت برای قالب سایت
دریافت اطلاعات در صفحه اصلی سایت
نمایش مقاله ها بر اساس دسته بندی ها
صفحه بندی لیست مقالات
نمایش جزئیات مقاله
پیشنیاز های دوره چه چیزهایی هستند؟
- لاراول
- ویو جی اس
نظرات دانشجویان
مدرس دوره
سید ایمان هاشمی
از سال 94 به برنامه‌نویسی علاقمند شدم و الان بیشتر از 8 ساله که در زمینه برنامه نویسی وب فعالیت میکنم. به تدریس علاقه دارم و دوست دارم دانشی که در این راه بدست آوردم را در اختیار دیگران هم قرار بدم.
سوالات متداول
خیر، آشنایی مقدماتی کافیست. این دوره مفاهیم کلیدی Vue.js که برای کار با لاراول و اینرشیا نیاز دارید، مانند کامپوننتها و داده‌های Reactive را پوشش می‌دهد. تمرکز اصلی بر روی یکپارچه‌سازی است.
هر دو برای ساخت رابطهای کاربری داینامیک هستند. اما در Livewire شما کامپوننتها را با PHP (در Blade) مینویسید، در حالی که با Inertia شما از تمام قدرت جاوا اسکریپت و فریمورک Vue.js در فرانتاند بهره میبرید و حس یک SPA واقعی را به کاربر میدهید.
مهمترین پیشنیاز، تسلط کافی بر روی فریمورک لاراول (مفاهیمی مانند روتینگ، کنترلر، و Eloquent) است.
بله، برخلاف SPA های سنتی، Inertia.js به صورت پیشفرض از قابلیت رندر سمت سرور (Server-Side Rendering) پشتیبانی میکند که به موتورهای جستجو کمک میکند محتوای شما را به درستی شناسایی و ایندکس کنند.