آموزش 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 to the Course!

  • به دوره خوش آمدید! Welcome to the Course!

  • به دوره خوش آمدید! Welcome to the Course!

خوش آمدی! Welcome!

خوش آمدی! Welcome!

آشنایی با 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?

آشنایی با Vue.js و Nuxt Fundamentals Understanding Vue.js and Nuxt Fundamentals

آشنایی با Vue.js و Nuxt Fundamentals Understanding Vue.js and Nuxt Fundamentals

شروع شدن! 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?

شروع شدن! Getting Started!

شروع شدن! Getting Started!

ساختن وبلاگ و نمونه کارها با 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

  • ماژول های Nuxt و نصب Tailwind CSS Nuxt Modules & Installing Tailwind CSS

  • ماژول های Nuxt و نصب Tailwind CSS Nuxt Modules & Installing Tailwind CSS

  • ماژول های Nuxt و نصب Tailwind CSS Nuxt Modules & Installing Tailwind CSS

  • استایل دادن به برنامه با Tailwind CSS Styling the App with Tailwind CSS

  • استایل دادن به برنامه با Tailwind CSS Styling the App with Tailwind CSS

  • استایل دادن به برنامه با Tailwind CSS Styling the App with Tailwind CSS

  • اجزای موجود در Nuxt Components in Nuxt

  • اجزای موجود در Nuxt Components in Nuxt

  • اجزای موجود در Nuxt Components in Nuxt

  • سئو و متا (و فونت های سفارشی) SEO and Meta (And Custom Fonts)

  • سئو و متا (و فونت های سفارشی) SEO and Meta (And Custom Fonts)

  • سئو و متا (و فونت های سفارشی) SEO and Meta (And Custom Fonts)

  • واکشی داده ها Data Fetching

  • واکشی داده ها Data Fetching

  • واکشی داده ها Data Fetching

  • واکشی داده ها: فهرست پروژه - فهرست کردن پروژه های GitHub شما Data Fetching: Project List - Listing Your GitHub Projects

  • واکشی داده ها: فهرست پروژه - فهرست کردن پروژه های GitHub شما Data Fetching: Project List - Listing Your GitHub Projects

  • واکشی داده ها: فهرست پروژه - فهرست کردن پروژه های GitHub شما Data Fetching: Project List - Listing Your GitHub Projects

  • حالت تاریک در پروژه شما Dark Mode in Your Project

  • حالت تاریک در پروژه شما Dark Mode in Your Project

  • حالت تاریک در پروژه شما Dark Mode in Your Project

  • دکمه انتخاب حالت تاریک Dark Mode Selector Button

  • دکمه انتخاب حالت تاریک Dark Mode Selector Button

  • دکمه انتخاب حالت تاریک Dark Mode Selector Button

  • محتوای Nuxt - CMS مبتنی بر فایل استاتیک Nuxt Content - Static File Based CMS

  • محتوای Nuxt - CMS مبتنی بر فایل استاتیک Nuxt Content - Static File Based CMS

  • محتوای Nuxt - CMS مبتنی بر فایل استاتیک Nuxt Content - Static File Based CMS

  • راه اندازی وبلاگ با محتوای Nuxt Starting a Blog with Nuxt Content

  • راه اندازی وبلاگ با محتوای Nuxt Starting a Blog with Nuxt Content

  • راه اندازی وبلاگ با محتوای Nuxt Starting a Blog with Nuxt Content

  • مارک داون و تایپوگرافی Markdown and Typography

  • مارک داون و تایپوگرافی Markdown and Typography

  • مارک داون و تایپوگرافی Markdown and Typography

  • Markdown و Meta Tags (Front-Matter) Markdown and Meta Tags (Front-matter)

  • Markdown و Meta Tags (Front-Matter) Markdown and Meta Tags (Front-matter)

  • Markdown و Meta Tags (Front-Matter) Markdown and Meta Tags (Front-matter)

  • صفحات سفارشی در Markdown و سفارشی سازی تایپوگرافی Custom Pages in Markdown and Typography Customization

  • صفحات سفارشی در Markdown و سفارشی سازی تایپوگرافی Custom Pages in Markdown and Typography Customization

  • صفحات سفارشی در Markdown و سفارشی سازی تایپوگرافی Custom Pages in Markdown and Typography Customization

  • تصاویر و کد برجسته Images and Code Highlighting

  • تصاویر و کد برجسته Images and Code Highlighting

  • تصاویر و کد برجسته Images and Code Highlighting

  • فهرست پست های وبلاگ - پرس و جو از محتوا Blog Post List - Querying Content

  • فهرست پست های وبلاگ - پرس و جو از محتوا Blog Post List - Querying Content

  • فهرست پست های وبلاگ - پرس و جو از محتوا Blog Post List - Querying Content

  • اجزای Vue در داخل Markdown؟ نحو MDC! Vue Components Inside Markdown? MDC Syntax!

  • اجزای Vue در داخل Markdown؟ نحو MDC! Vue Components Inside Markdown? MDC Syntax!

  • اجزای Vue در داخل Markdown؟ نحو MDC! Vue Components Inside Markdown? MDC Syntax!

  • Vue: طراحی مجدد فهرست پست وبلاگ شماره 1 - نگاه Vue: Blog Post List Redesign #1 - The Look

  • Vue: طراحی مجدد فهرست پست وبلاگ شماره 1 - نگاه Vue: Blog Post List Redesign #1 - The Look

  • Vue: طراحی مجدد فهرست پست وبلاگ شماره 1 - نگاه Vue: Blog Post List Redesign #1 - The Look

  • Vue: طراحی مجدد فهرست پست وبلاگ شماره 2 - منطق Vue: Blog Post List Redesign #2 - The Logic

  • Vue: طراحی مجدد فهرست پست وبلاگ شماره 2 - منطق Vue: Blog Post List Redesign #2 - The Logic

  • Vue: طراحی مجدد فهرست پست وبلاگ شماره 2 - منطق Vue: Blog Post List Redesign #2 - The Logic

  • صفحه پروژه در Markdown Project Page in Markdown

  • صفحه پروژه در Markdown Project Page in Markdown

  • صفحه پروژه در Markdown Project Page in Markdown

  • فهرست مطالب: اسلات Table of Contents: Slots

  • فهرست مطالب: اسلات Table of Contents: Slots

  • فهرست مطالب: اسلات Table of Contents: Slots

  • فهرست مطالب: مؤلفه پیوندها Table of Contents: Links Component

  • فهرست مطالب: مؤلفه پیوندها Table of Contents: Links Component

  • فهرست مطالب: مؤلفه پیوندها Table of Contents: Links Component

  • فهرست مطالب: پیمایش صاف Table of Contents: Smooth Scrolling

  • فهرست مطالب: پیمایش صاف Table of Contents: Smooth Scrolling

  • فهرست مطالب: پیمایش صاف Table of Contents: Smooth Scrolling

  • فهرست مطالب: بخش فعال Table of Contents: Active Section

  • فهرست مطالب: بخش فعال Table of Contents: Active Section

  • فهرست مطالب: بخش فعال Table of Contents: Active Section

  • Handling 404: صفحه یافت نشد Handling 404: Page Not Found

  • Handling 404: صفحه یافت نشد Handling 404: Page Not Found

  • Handling 404: صفحه یافت نشد Handling 404: Page Not Found

  • انتقال صفحه Page Transitions

  • انتقال صفحه Page Transitions

  • انتقال صفحه Page Transitions

  • صفحه اصلی، لوازم در MDC، استفاده مجدد از مؤلفه BlogPosts Main Page, Props in MDC, Reusing the BlogPosts Component

  • صفحه اصلی، لوازم در MDC، استفاده مجدد از مؤلفه BlogPosts Main Page, Props in MDC, Reusing the BlogPosts Component

  • صفحه اصلی، لوازم در MDC، استفاده مجدد از مؤلفه BlogPosts Main Page, Props in MDC, Reusing the BlogPosts Component

  • اختیاری: مشکل با انتقال صفحه و TOC Optional: Problem with Page Transitions & TOC

  • اختیاری: مشکل با انتقال صفحه و TOC Optional: Problem with Page Transitions & TOC

  • اختیاری: مشکل با انتقال صفحه و TOC Optional: Problem with Page Transitions & TOC

  • رفع حالت تاریک و کامل کردن رابط کاربری Fixing Dark Mode & Perfecting the UI

  • رفع حالت تاریک و کامل کردن رابط کاربری Fixing Dark Mode & Perfecting the UI

  • رفع حالت تاریک و کامل کردن رابط کاربری Fixing Dark Mode & Perfecting the UI

  • اضافه کردن طراحی ریسپانسیو Adding Responsive Design

  • اضافه کردن طراحی ریسپانسیو Adding Responsive Design

  • اضافه کردن طراحی ریسپانسیو Adding Responsive Design

  • ایجاد نقشه سایت (مسیرهای سرور و نیترو) Generating Sitemap (Server Routes & Nitro)

  • ایجاد نقشه سایت (مسیرهای سرور و نیترو) Generating Sitemap (Server Routes & Nitro)

  • ایجاد نقشه سایت (مسیرهای سرور و نیترو) Generating Sitemap (Server Routes & Nitro)

  • ایجاد سایت استاتیک Generating Static Site

  • ایجاد سایت استاتیک Generating Static Site

  • ایجاد سایت استاتیک Generating Static Site

ساختن وبلاگ و نمونه کارها با Nuxt 3 Building a Blog & Portfolio with Nuxt 3

ساختن وبلاگ و نمونه کارها با Nuxt 3 Building a Blog & Portfolio with Nuxt 3

Git، GitHub و Vercel: از راه اندازی تا استقرار در زمان کوتاه Git, GitHub & Vercel: From Setup to Deployment in No Time

  • بخش معرفی: Git، GitHub و Vercel: از راه اندازی تا استقرار در زمان کوتاه Section Intro: Git, GitHub & Vercel: From Setup to Deployment in No Time

  • بخش معرفی: Git، GitHub و Vercel: از راه اندازی تا استقرار در زمان کوتاه Section Intro: Git, GitHub & Vercel: From Setup to Deployment in No Time

  • بخش معرفی: Git، GitHub و Vercel: از راه اندازی تا استقرار در زمان کوتاه Section Intro: Git, GitHub & Vercel: From Setup to Deployment in No Time

  • نصب Git و درک Git و GitHub Installing Git and Understanding Git and GitHub

  • نصب Git و درک Git و GitHub Installing Git and Understanding Git and GitHub

  • نصب Git و درک Git و GitHub Installing Git and Understanding Git and GitHub

  • ایجاد مخزن، مرحله بندی، تعهد و راه اندازی GitHub Creating Repository, Staging, Committing and Setting Up GitHub

  • ایجاد مخزن، مرحله بندی، تعهد و راه اندازی GitHub Creating Repository, Staging, Committing and Setting Up GitHub

  • ایجاد مخزن، مرحله بندی، تعهد و راه اندازی GitHub Creating Repository, Staging, Committing and Setting Up GitHub

  • اتصال مخزن محلی و از راه دور و فشار دادن تغییرات Connecting the Local & Remote Repository and Pushing Changes

  • اتصال مخزن محلی و از راه دور و فشار دادن تغییرات Connecting the Local & Remote Repository and Pushing Changes

  • اتصال مخزن محلی و از راه دور و فشار دادن تغییرات Connecting the Local & Remote Repository and Pushing Changes

  • اتصال GitHub به Vercel Connecting GitHub to Vercel

  • اتصال GitHub به Vercel Connecting GitHub to Vercel

  • اتصال GitHub به Vercel Connecting GitHub to Vercel

Git، GitHub و Vercel: از راه اندازی تا استقرار در زمان کوتاه Git, GitHub & Vercel: From Setup to Deployment in No Time

Git، GitHub و Vercel: از راه اندازی تا استقرار در زمان کوتاه Git, GitHub & Vercel: From Setup to Deployment in No Time

استقرار نمونه کارها: با Vercel به صورت زنده بروید Portfolio Deployment: Go Live with Vercel

  • استقرار پروژه نمونه کارها در Vercel Deploying the Portfolio Project on Vercel

  • استقرار پروژه نمونه کارها در Vercel Deploying the Portfolio Project on Vercel

  • استقرار پروژه نمونه کارها در Vercel Deploying the Portfolio Project on Vercel

استقرار نمونه کارها: با Vercel به صورت زنده بروید Portfolio Deployment: Go Live with Vercel

استقرار نمونه کارها: با Vercel به صورت زنده بروید Portfolio Deployment: Go Live with Vercel

برنامه ردیابی مالی تمام پشته با Nuxt و Supabase Full-Stack Finance Tracking App With Nuxt and Supabase

  • معرفی بخش: برنامه ردیابی مالی تمام پشته با Nuxt و Supabase Section Intro: Full-Stack Finance Tracking App With Nuxt and Supabase

  • معرفی بخش: برنامه ردیابی مالی تمام پشته با Nuxt و Supabase Section Intro: Full-Stack Finance Tracking App With Nuxt and Supabase

  • معرفی بخش: برنامه ردیابی مالی تمام پشته با Nuxt و Supabase Section Intro: Full-Stack Finance Tracking App With Nuxt and Supabase

  • ایجاد پروژه ردیابی مالی! Creating the Finance Tracking Project!

  • ایجاد پروژه ردیابی مالی! Creating the Finance Tracking Project!

  • ایجاد پروژه ردیابی مالی! Creating the Finance Tracking Project!

  • NuxtUI، Layout و Header NuxtUI, Layout and Header

  • NuxtUI، Layout و Header NuxtUI, Layout and Header

  • NuxtUI، Layout و Header NuxtUI, Layout and Header

  • خلاصه بخش و انتخاب دوره Summary Section and Period Selection

  • خلاصه بخش و انتخاب دوره Summary Section and Period Selection

  • خلاصه بخش و انتخاب دوره Summary Section and Period Selection

  • جزء روند (آیکون ها، اسپینرها) Trend Component (Icons, Spinners)

  • جزء روند (آیکون ها، اسپینرها) Trend Component (Icons, Spinners)

  • جزء روند (آیکون ها، اسپینرها) Trend Component (Icons, Spinners)

  • جزء روند (نمایش اختلاف درصد) Trend Component (Showing Percentage Difference)

  • جزء روند (نمایش اختلاف درصد) Trend Component (Showing Percentage Difference)

  • جزء روند (نمایش اختلاف درصد) Trend Component (Showing Percentage Difference)

  • قالب بندی ارز قابل تنظیم - نوشتن کد قابل استفاده مجدد Currency Formatting Composable - Wrirting Reusable Code

  • قالب بندی ارز قابل تنظیم - نوشتن کد قابل استفاده مجدد Currency Formatting Composable - Wrirting Reusable Code

  • قالب بندی ارز قابل تنظیم - نوشتن کد قابل استفاده مجدد Currency Formatting Composable - Wrirting Reusable Code

  • جزء معامله واحد Single Transaction Component

  • جزء معامله واحد Single Transaction Component

  • جزء معامله واحد Single Transaction Component

  • ایجاد پروژه Supabase Creating Supabase Project

  • ایجاد پروژه Supabase Creating Supabase Project

  • ایجاد پروژه Supabase Creating Supabase Project

  • استفاده از Supabase در Nuxt Using Supabase in Nuxt

  • استفاده از Supabase در Nuxt Using Supabase in Nuxt

  • استفاده از Supabase در Nuxt Using Supabase in Nuxt

  • ایجاد جدول معاملات Creating Transactions Table

  • ایجاد جدول معاملات Creating Transactions Table

  • ایجاد جدول معاملات Creating Transactions Table

  • واکشی داده - با استفاده از مشتری Supabase Fetching Data - Using Supabase Client

  • واکشی داده - با استفاده از مشتری Supabase Fetching Data - Using Supabase Client

  • واکشی داده - با استفاده از مشتری Supabase Fetching Data - Using Supabase Client

  • معامله درآمد یا هزینه؟ Income or Expense Transaction?

  • معامله درآمد یا هزینه؟ Income or Expense Transaction?

  • معامله درآمد یا هزینه؟ Income or Expense Transaction?

  • گروه بندی معاملات بر اساس تاریخ Grouping Transactions by Date

  • گروه بندی معاملات بر اساس تاریخ Grouping Transactions by Date

  • گروه بندی معاملات بر اساس تاریخ Grouping Transactions by Date

  • خلاصه روزانه معاملات Daily Summary of Transactions

  • خلاصه روزانه معاملات Daily Summary of Transactions

  • خلاصه روزانه معاملات Daily Summary of Transactions

  • حذف تراکنش ها و مؤلفه نان تست Deleting Transactions and Toast Component

  • حذف تراکنش ها و مؤلفه نان تست Deleting Transactions and Toast Component

  • حذف تراکنش ها و مؤلفه نان تست Deleting Transactions and Toast Component

  • نمایش تازه‌سازی با انتشار رویدادها Refreshing View by Emitting Events

  • نمایش تازه‌سازی با انتشار رویدادها Refreshing View by Emitting Events

  • نمایش تازه‌سازی با انتشار رویدادها Refreshing View by Emitting Events

  • مجموع معاملات Transactions Totals

  • مجموع معاملات Transactions Totals

  • مجموع معاملات Transactions Totals

  • جزء معین Modal Component

  • جزء معین Modal Component

  • جزء معین Modal Component

  • کامپوننت مدال سفارشی - اضافه کردن تراکنش ها Custom Modal Component - Adding Transactions

  • کامپوننت مدال سفارشی - اضافه کردن تراکنش ها Custom Modal Component - Adding Transactions

  • کامپوننت مدال سفارشی - اضافه کردن تراکنش ها Custom Modal Component - Adding Transactions

  • فرم ها: ورودی ها Forms: Inputs

  • فرم ها: ورودی ها Forms: Inputs

  • فرم ها: ورودی ها Forms: Inputs

  • اشکال: ایالت Forms: State

  • اشکال: ایالت Forms: State

  • اشکال: ایالت Forms: State

  • فرم ها: اعتبارسنجی Forms: Validation

  • فرم ها: اعتبارسنجی Forms: Validation

  • فرم ها: اعتبارسنجی Forms: Validation

  • فرم ها: اعتبارسنجی طرحواره با کتابخانه زود Forms: Schema Validation with the Zod Library

  • فرم ها: اعتبارسنجی طرحواره با کتابخانه زود Forms: Schema Validation with the Zod Library

  • فرم ها: اعتبارسنجی طرحواره با کتابخانه زود Forms: Schema Validation with the Zod Library

  • فرم ها: پاک کردن داده های فرم و خطاها Forms: Clearing Form Data and Errors

  • فرم ها: پاک کردن داده های فرم و خطاها Forms: Clearing Form Data and Errors

  • فرم ها: پاک کردن داده های فرم و خطاها Forms: Clearing Form Data and Errors

  • کاشت پایگاه داده - تولید داده های جعلی Database Seeding - Generating Fake Data

  • کاشت پایگاه داده - تولید داده های جعلی Database Seeding - Generating Fake Data

  • کاشت پایگاه داده - تولید داده های جعلی Database Seeding - Generating Fake Data

  • مرتب سازی تراکنش ها به دو روش - در Backend و Frontend Sorting Transactions 2 Ways - on Backend and on Frontend

  • مرتب سازی تراکنش ها به دو روش - در Backend و Frontend Sorting Transactions 2 Ways - on Backend and on Frontend

  • مرتب سازی تراکنش ها به دو روش - در Backend و Frontend Sorting Transactions 2 Ways - on Backend and on Frontend

  • فرم ها: ذخیره داده (افزودن تراکنش) Forms: Saving Data (Adding Transaction)

  • فرم ها: ذخیره داده (افزودن تراکنش) Forms: Saving Data (Adding Transaction)

  • فرم ها: ذخیره داده (افزودن تراکنش) Forms: Saving Data (Adding Transaction)

  • Refactor Time: Composable - Transaction Fetching Refactor Time: Composable - Transaction Fetching

  • Refactor Time: Composable - Transaction Fetching Refactor Time: Composable - Transaction Fetching

  • Refactor Time: Composable - Transaction Fetching Refactor Time: Composable - Transaction Fetching

  • کار با تاریخ - محاسبه دوره های زمانی تراکنش Working With Dates - Calculate Transaction Time Periods

  • کار با تاریخ - محاسبه دوره های زمانی تراکنش Working With Dates - Calculate Transaction Time Periods

  • کار با تاریخ - محاسبه دوره های زمانی تراکنش Working With Dates - Calculate Transaction Time Periods

  • واکشی فقط تراکنش های انتخاب شده Fetching Only the Selected Transactions

  • واکشی فقط تراکنش های انتخاب شده Fetching Only the Selected Transactions

  • واکشی فقط تراکنش های انتخاب شده Fetching Only the Selected Transactions

  • رفع مشکلات: با هیدراتاسیون، واکنش پذیری و داده ها Fixing Issues: With Hydration, Reactivity and Data

  • رفع مشکلات: با هیدراتاسیون، واکنش پذیری و داده ها Fixing Issues: With Hydration, Reactivity and Data

  • رفع مشکلات: با هیدراتاسیون، واکنش پذیری و داده ها Fixing Issues: With Hydration, Reactivity and Data

  • احراز هویت در Supabase Authentication in Supabase

  • احراز هویت در Supabase Authentication in Supabase

  • احراز هویت در Supabase Authentication in Supabase

  • احراز هویت: فرم و جریان ورود به سیستم Authentication: Sign-In Form and Flow

  • احراز هویت: فرم و جریان ورود به سیستم Authentication: Sign-In Form and Flow

  • احراز هویت: فرم و جریان ورود به سیستم Authentication: Sign-In Form and Flow

  • احراز هویت: منطق ورود به سیستم و پیوندهای جادویی Authentication: Sign-In Logic and Magic Links

  • احراز هویت: منطق ورود به سیستم و پیوندهای جادویی Authentication: Sign-In Logic and Magic Links

  • احراز هویت: منطق ورود به سیستم و پیوندهای جادویی Authentication: Sign-In Logic and Magic Links

  • احراز هویت: صفحه تایید لینک جادویی Authentication: Magic Link Confirmation Page

  • احراز هویت: صفحه تایید لینک جادویی Authentication: Magic Link Confirmation Page

  • احراز هویت: صفحه تایید لینک جادویی Authentication: Magic Link Confirmation Page

  • احراز هویت: داده های کاربر وارد شده و خروج از سیستم Authentication: Signed In User Data & Signing Out

  • احراز هویت: داده های کاربر وارد شده و خروج از سیستم Authentication: Signed In User Data & Signing Out

  • احراز هویت: داده های کاربر وارد شده و خروج از سیستم Authentication: Signed In User Data & Signing Out

  • احراز هویت: راه اندازی حفاظت از داده ها Authentication: Data Protection Setup

  • احراز هویت: راه اندازی حفاظت از داده ها Authentication: Data Protection Setup

  • احراز هویت: راه اندازی حفاظت از داده ها Authentication: Data Protection Setup

  • احراز هویت: نوشتن درج/انتخاب سیاست های RLS Authentication: Writing Insert/Select RLS Policies

  • احراز هویت: نوشتن درج/انتخاب سیاست های RLS Authentication: Writing Insert/Select RLS Policies

  • احراز هویت: نوشتن درج/انتخاب سیاست های RLS Authentication: Writing Insert/Select RLS Policies

  • احراز هویت: عملیات مدیریت و کلید خدمات (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

  • آپلود فایل ها (تصویر آواتار): حذف فایل ها Uploading Files (Avatar Image): Deleting Files

  • آپلود فایل ها (تصویر آواتار): حذف فایل ها Uploading Files (Avatar Image): Deleting Files

  • آپلود فایل ها (تصویر آواتار): حذف فایل ها Uploading Files (Avatar Image): Deleting Files

  • آپلود فایل ها (تصویر آواتار): نمایش آواتار کاربر (دریافت URL عمومی) Uploading Files (Avatar Image): Displaying User Avatar (Getting Public URL)

  • آپلود فایل ها (تصویر آواتار): نمایش آواتار کاربر (دریافت URL عمومی) Uploading Files (Avatar Image): Displaying User Avatar (Getting Public URL)

  • آپلود فایل ها (تصویر آواتار): نمایش آواتار کاربر (دریافت URL عمومی) Uploading Files (Avatar Image): Displaying User Avatar (Getting Public URL)

  • ویرایش تراکنش ها - جهانی کردن فرم Editing Transactions - Making the Form Universal

  • ویرایش تراکنش ها - جهانی کردن فرم Editing Transactions - Making the Form Universal

  • ویرایش تراکنش ها - جهانی کردن فرم Editing Transactions - Making the Form Universal

  • ویرایش تراکنش‌ها - کارآمد کردن آن Editing Transactions - Making it Work

  • ویرایش تراکنش‌ها - کارآمد کردن آن Editing Transactions - Making it Work

  • ویرایش تراکنش‌ها - کارآمد کردن آن Editing Transactions - Making it Work

  • رفع مشکلات مربوط به تاریخ و مدال Fixing Issues with Dates & Modals

  • رفع مشکلات مربوط به تاریخ و مدال Fixing Issues with Dates & Modals

  • رفع مشکلات مربوط به تاریخ و مدال Fixing Issues with Dates & Modals

برنامه ردیابی مالی تمام پشته با Nuxt و Supabase Full-Stack Finance Tracking App With Nuxt and Supabase

برنامه ردیابی مالی تمام پشته با Nuxt و Supabase Full-Stack Finance Tracking App With Nuxt and Supabase

استقرار پروژه ردیاب مالی Deploying the Finance Tracker Project

  • پیکربندی Finance Tracker و استقرار در Vercel Configuring the Finance Tracker and Deploying on Vercel

  • پیکربندی Finance Tracker و استقرار در Vercel Configuring the Finance Tracker and Deploying on Vercel

  • پیکربندی Finance Tracker و استقرار در Vercel Configuring the Finance Tracker and Deploying on Vercel

استقرار پروژه ردیاب مالی Deploying the Finance Tracker Project

استقرار پروژه ردیاب مالی Deploying the Finance Tracker Project

نمایش نظرات

نظری ارسال نشده است.

آموزش Master Nuxt 3 - راهنمای کامل Full-Stack
خرید اشتراک و دانلود خرید تکی و دانلود | 160,000 تومان (5 روز مهلت دانلود) زمان تقریبی آماده سازی لینک دانلود این دوره آموزشی حدود 5 تا 24 ساعت می باشد.
جزییات دوره
15.5 hours
108
Udemy (یودمی) udemy-small
03 آبان 1402 (آخرین آپدیت رو دریافت می‌کنید، حتی اگر این تاریخ بروز نباشد.)
803
4.6 از 5
دارد
دارد
دارد

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Piotr Jura  45,000+ Enrollments Piotr Jura 45,000+ Enrollments

پرفروش ترین و بالاترین امتیاز مدرس توسعه وب

Piotr Jura  45,000+ Enrollments Piotr Jura 45,000+ Enrollments

پرفروش ترین و بالاترین امتیاز مدرس توسعه وب

Udemy (یودمی)

یودمی یکی از بزرگ‌ترین پلتفرم‌های آموزشی آنلاین است که به میلیون‌ها کاربر در سراسر جهان امکان دسترسی به دوره‌های متنوع و کاربردی را فراهم می‌کند. این پلتفرم امکان آموزش در زمینه‌های مختلف از فناوری اطلاعات و برنامه‌نویسی گرفته تا زبان‌های خارجی، مدیریت، و هنر را به کاربران ارائه می‌دهد. با استفاده از یودمی، کاربران می‌توانند به صورت انعطاف‌پذیر و بهینه، مهارت‌های جدیدی را یاد بگیرند و خود را برای بازار کار آماده کنند.

یکی از ویژگی‌های برجسته یودمی، کیفیت بالای دوره‌ها و حضور استادان مجرب و با تجربه در هر حوزه است. این امر به کاربران اعتماد می‌دهد که در حال دریافت آموزش از منابع قابل اعتماد و معتبر هستند و می‌توانند به بهترین شکل ممکن از آموزش‌ها بهره ببرند. به طور خلاصه، یودمی به عنوان یکی از معتبرترین و موثرترین پلتفرم‌های آموزشی آنلاین، به افراد امکان می‌دهد تا به راحتی و با کیفیت، مهارت‌های مورد نیاز خود را ارتقا دهند و به دنبال رشد و پیشرفت شغلی خود باشند.