لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش Master Nuxt 3 - راهنمای کامل Full-Stack
Master Nuxt 3 - Full-Stack Complete Guide
نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:
باز کردن Nuxt 3 & Vue Mastery: ساخت Markdown Blog-Portfolio و Supabase Finance Tracker تسلط بر اصول و ویژگی های پیشرفته Nuxt 3 ایجاد یک وبلاگ و نمونه کار کامل با استفاده از برنامه های Markdown Styling به طور موثر با Tailwind CSS پیاده سازی مسیریابی مبتنی بر فایل در Nuxt برای مدیریت محتوا استفاده از طرحبندیها برای ساختارهای صفحه قابل استفاده مجدد افزودن یک انتخابگر حالت تاریک/روشن برای بهبود تجربه کاربر ساخت یک برنامه ردیاب مالی با Nuxt و Supabase استفاده از قابلیتهای ترکیبسازی برای عملیات CRUD منطقی قابل استفاده مجدد با Supabase Implementing Row Level Security (RLS) برای مجوزهای داده در Supabase تأیید اعتبار کاربر Supabase Auth Handling بارگذاری فایل در یک برنامه فول استک یکپارچه سازی کتابخانه کامپوننت NuxtUI برای یک رابط کاربری صیقلی استفاده از بهترین شیوه ها در توسعه تمام پشته با Nuxt و Vue دسترسی به کد منبع کامل برای یادگیری عملی و عیب یابی پیشها:Basic front- مهارت های پایانی مبانی جاوا اسکریپت مبانی مهارت های پایه Vue
با این راهنمای جامع به دنیای Nuxt 3 شیرجه بزنید. این دوره آموزشی برای توسعهدهندگانی که مشتاق هستند تمام قدرت چارچوب Nuxt 3 را باز کنند، یک تجربه یادگیری فشرده و مبتنی بر پروژه را به شما ارائه میدهد که شما را به یک استاد Nuxt تمام پشته تبدیل میکند.
سفر خود را با ساختن یک وبلاگ و نمونه کار با نشانه گذاری شروع کنید. بیاموزید که چگونه با Tailwind CSS بدون زحمت به آن استایل دهید و با مسیریابی مبتنی بر فایل Nuxt برای مدیریت محتوای خود مانند یک حرفه ای آشنا شوید. از طرحبندیهای داخلی برای ایجاد ساختار قابل استفاده مجدد در صفحات مختلف استفاده کنید. بعلاوه، با اجرای یک انتخابگر حالت تاریک/روشن، سطح تجربه کاربر را ارتقا دهید.
سپس، با توسعه یک برنامه ردیاب مالی قوی با استفاده از Nuxt و Supabase، مجموعه مهارت خود را افزایش دهید. در هنر ایجاد کامپوزیشنها مسلط شوید و نحوه اجرای عملیاتی مانند گرفتن، درج و بهروزرسانی دادهها را به طور کارآمد با Supabase کشف کنید. امنیت سطح ردیف (RLS) را کاوش کنید تا مجوزهای داده را مدیریت کنید و برای احراز هویت یکپارچه کاربر، روی Supabase Auth ضربه بزنید. با آپلود فایل ها عمل کنید و برنامه خود را تعاملی تر و کاربردی تر کنید. کتابخانه مؤلفه NuxtUI را ادغام کنید تا ظاهر و احساسی زیبا به برنامه خود بدهید.
از طریق این پروژهها، بهترین روشها برای توسعه Nuxt و Vue را بررسی خواهید کرد که میتواند به طور جهانی برای هر پروژه تمام پشته اعمال شود. به علاوه، دیگر لازم نیست نگران گیر افتادن باشید. این دوره با کد منبع کامل برای هر پروژه همراه است. فرصت را از دست ندهید تا پتانسیل کامل استک خود را باز کنید. اکنون شیرجه بزنید.
سرفصل ها و درس ها
خوش آمدی!
Welcome!
خوش آمدی!
Welcome!
خوش آمدی!
Welcome!
به دوره خوش آمدید!
Welcome to the Course!
به دوره خوش آمدید!
Welcome to the Course!
به دوره خوش آمدید!
Welcome to the Course!
آشنایی با Vue.js و Nuxt Fundamentals
Understanding Vue.js and Nuxt Fundamentals
آشنایی با Vue.js و Nuxt Fundamentals
Understanding Vue.js and Nuxt Fundamentals
آشنایی با Vue.js و Nuxt Fundamentals
Understanding Vue.js and Nuxt Fundamentals
مقدمه بخش: درک Vue.js و Nuxt Fundamentals
Section Intro: Understanding Vue.js and Nuxt Fundamentals
مقدمه بخش: درک Vue.js و Nuxt Fundamentals
Section Intro: Understanding Vue.js and Nuxt Fundamentals
مقدمه بخش: درک Vue.js و Nuxt Fundamentals
Section Intro: Understanding Vue.js and Nuxt Fundamentals
Vue.js چیست؟
What is Vue.js?
Vue.js چیست؟
What is Vue.js?
Vue.js چیست؟
What is Vue.js?
Nuxt چیست؟
What is Nuxt?
Nuxt چیست؟
What is Nuxt?
Nuxt چیست؟
What is Nuxt?
کلاینت در مقابل رندر سمت سرور
Client vs Server Side Rendering
کلاینت در مقابل رندر سمت سرور
Client vs Server Side Rendering
کلاینت در مقابل رندر سمت سرور
Client vs Server Side Rendering
چه چیزی می توانید با Nuxt بسازید؟
What You Can Build with Nuxt?
چه چیزی می توانید با Nuxt بسازید؟
What You Can Build with Nuxt?
چه چیزی می توانید با Nuxt بسازید؟
What You Can Build with Nuxt?
شروع شدن!
Getting Started!
شروع شدن!
Getting Started!
شروع شدن!
Getting Started!
نصب VSCode، Node و Vue Dev Tools!
Installing VSCode, Node and Vue Dev Tools!
نصب VSCode، Node و Vue Dev Tools!
Installing VSCode, Node and Vue Dev Tools!
نصب VSCode، Node و Vue Dev Tools!
Installing VSCode, Node and Vue Dev Tools!
دریافت کد منبع دوره
Getting the Course Source Code!
دریافت کد منبع دوره
Getting the Course Source Code!
دریافت کد منبع دوره
Getting the Course Source Code!
چگونه کمک بگیریم؟
How to get help?
چگونه کمک بگیریم؟
How to get help?
چگونه کمک بگیریم؟
How to get help?
ساختن وبلاگ و نمونه کارها با Nuxt 3
Building a Blog & Portfolio with Nuxt 3
ساختن وبلاگ و نمونه کارها با Nuxt 3
Building a Blog & Portfolio with Nuxt 3
ساختن وبلاگ و نمونه کارها با Nuxt 3
Building a Blog & Portfolio with Nuxt 3
معرفی بخش: Nuxt 3 Blog & Portfolio Deep Dive
Section Intro: Nuxt 3 Blog & Portfolio Deep Dive
معرفی بخش: Nuxt 3 Blog & Portfolio Deep Dive
Section Intro: Nuxt 3 Blog & Portfolio Deep Dive
معرفی بخش: Nuxt 3 Blog & Portfolio Deep Dive
Section Intro: Nuxt 3 Blog & Portfolio Deep Dive
ایجاد برنامه جدید Nuxt
Creating the New Nuxt Application
ایجاد برنامه جدید Nuxt
Creating the New Nuxt Application
ایجاد برنامه جدید Nuxt
Creating the New Nuxt Application
ایجاد صفحات و مسیریابی
Creating Pages and Routing
ایجاد صفحات و مسیریابی
Creating Pages and Routing
ایجاد صفحات و مسیریابی
Creating Pages and Routing
پارامترهای مسیر و پیوندها
Route Parameters and Links
پارامترهای مسیر و پیوندها
Route Parameters and Links
پارامترهای مسیر و پیوندها
Route Parameters and Links
طرح بندی ها
Layouts
طرح بندی ها
Layouts
طرح بندی ها
Layouts
تنظیم طرحبندیهای مختلف
Setting Different Layouts
تنظیم طرحبندیهای مختلف
Setting Different Layouts
تنظیم طرحبندیهای مختلف
Setting Different Layouts
احراز هویت: عملیات مدیریت و کلید خدمات (Seeder)
Authentication: Admin Operations and Service Key (Seeder)
احراز هویت: عملیات مدیریت و کلید خدمات (Seeder)
Authentication: Admin Operations and Service Key (Seeder)
احراز هویت: عملیات مدیریت و کلید خدمات (Seeder)
Authentication: Admin Operations and Service Key (Seeder)
احراز هویت: وارد نشده اید؟ تغییر مسیر!
Authentication: Not Logged In? Redirect!
احراز هویت: وارد نشده اید؟ تغییر مسیر!
Authentication: Not Logged In? Redirect!
احراز هویت: وارد نشده اید؟ تغییر مسیر!
Authentication: Not Logged In? Redirect!
Refactor Time: اعلان نان تست برنامه قابل استفاده مجدد
Refactor Time: Reusable App Toast Notification
Refactor Time: اعلان نان تست برنامه قابل استفاده مجدد
Refactor Time: Reusable App Toast Notification
Refactor Time: اعلان نان تست برنامه قابل استفاده مجدد
Refactor Time: Reusable App Toast Notification
رفع مشکلات: منوی کاربر و RLS برای عملیات حذف
Fixing Issues: User Menu and RLS For Delete Operation
رفع مشکلات: منوی کاربر و RLS برای عملیات حذف
Fixing Issues: User Menu and RLS For Delete Operation
رفع مشکلات: منوی کاربر و RLS برای عملیات حذف
Fixing Issues: User Menu and RLS For Delete Operation
نمایه کاربر: مسیرهای تودرتو، پیمایش عمودی و صفحه تنظیمات
User Profile: Nested Routes, Vertical Navigation and Settings Page
نمایه کاربر: مسیرهای تودرتو، پیمایش عمودی و صفحه تنظیمات
User Profile: Nested Routes, Vertical Navigation and Settings Page
نمایه کاربر: مسیرهای تودرتو، پیمایش عمودی و صفحه تنظیمات
User Profile: Nested Routes, Vertical Navigation and Settings Page
مشخصات کاربر: فرم
User Profile: Form
مشخصات کاربر: فرم
User Profile: Form
مشخصات کاربر: فرم
User Profile: Form
نمایه کاربر: ذخیره متادیتای کاربر و تغییر ایمیل
User Profile: Saving User Metadata & Changing Email
نمایه کاربر: ذخیره متادیتای کاربر و تغییر ایمیل
User Profile: Saving User Metadata & Changing Email
نمایه کاربر: ذخیره متادیتای کاربر و تغییر ایمیل
User Profile: Saving User Metadata & Changing Email
نمایه کاربر: ذخیره و استفاده از تنظیمات برگزیده کاربر برنامه
User Profile: Storing and Using App User Preferences
نمایه کاربر: ذخیره و استفاده از تنظیمات برگزیده کاربر برنامه
User Profile: Storing and Using App User Preferences
نمایه کاربر: ذخیره و استفاده از تنظیمات برگزیده کاربر برنامه
User Profile: Storing and Using App User Preferences
مقدمه ای بر ذخیره سازی Supabase
Introduction to Supabase Storage
مقدمه ای بر ذخیره سازی Supabase
Introduction to Supabase Storage
مقدمه ای بر ذخیره سازی Supabase
Introduction to Supabase Storage
آپلود فایل ها (تصویر آواتار): دریافت فایل
Uploading Files (Avatar Image): Getting the File
آپلود فایل ها (تصویر آواتار): دریافت فایل
Uploading Files (Avatar Image): Getting the File
آپلود فایل ها (تصویر آواتار): دریافت فایل
Uploading Files (Avatar Image): Getting the File
آپلود فایل ها (تصویر آواتار): بارگذاری واقعی به سیاست های ذخیره سازی و دسترسی
Uploading Files (Avatar Image): Actual Upload to Storage and Access Policies
آپلود فایل ها (تصویر آواتار): بارگذاری واقعی به سیاست های ذخیره سازی و دسترسی
Uploading Files (Avatar Image): Actual Upload to Storage and Access Policies
آپلود فایل ها (تصویر آواتار): بارگذاری واقعی به سیاست های ذخیره سازی و دسترسی
Uploading Files (Avatar Image): Actual Upload to Storage and Access Policies
نمایش نظرات