آموزش TanStack Start - فریمورک جدید فول استک برای React JS
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- افزایش ارزش و بهبود دانش خود به عنوان یک توسعهدهنده وب
- پیادهسازی احراز هویت امن با Clerk Auth
- ساخت و مدیریت پایگاههای داده با Postgres و Neon
- تسلط به یکپارچهسازی TypeScript ،shadcn/ui، Tailwind CSS ،Zod و React Hook Form برای ساخت اپلیکیشن های مقاوم، نوع-ایمن و مناسب کاربر
- محافظت از مسیرهای خاص برای اطمینان از اینکه فقط کاربران احراز هویت شده به بخشهای خاصی از اپلیکیشن خود دسترسی دارند.
- استفاده از Drizzle برای تعاملات یکپارچه با پایگاه داده Postgres خود
پیشنیازهای دوره
- تمایل به یادگیری و آزمایش: داشتن نگرش فعال و اشتیاق برای کشف فناوریهای جدید مانند TanStack Start ،TypeScript و مدیریت پایگاه داده به دانشجویان کمک میکند تا بیشترین بهره را از دوره ببرند.
- درک اولیه از React مورد نیاز است، زیرا این دوره بر اساس مفاهیم React ساخته شده و آنها را با TanStack Start یکپارچه میکند.
- آشنایی با Node و NPM برای مدیریت وابستگیها و اجرای محیطهای توسعه توصیه میشود.
توضیحات دوره
قدرت توسعه وب مدرن را با TanStack Start - فریمورک جدید و هیجانانگیز React آزاد کنید! در این دوره پروژهمحور، شما TanTracker، یک اپلیکیشن قوی برای ردیابی درآمد و هزینه را میسازید، در حالی که به ابزارها و تکنیکهای جدیدترین و داغترین فریمورک React مسلط میشوید.
با راهنمایی گام به گام، فراتر ازمبانی رفته و فناوریهای پیشرفته را یکپارچه میکنید و اطمینان حاصل میکنید که مهارتهای دنیای واقعی را به دست میآورید که بلافاصله در پروژههای شما قابل استفاده هستند.
آنچه خواهید آموخت:
- TanStack Router: راهاندازی مسیرهای پویا و پاسخگو برای تجربه کاربری یکپارچه
- توابع سمت سرور: پیادهسازی منطق کارآمد سمت سرور برای مدیریت داده اپلیکیشن شما
- TypeScript: نوشتن کد تمیز، مقیاسپذیر و نوع-ایمن برای فرانتاند و بکاند
- PostgreSQL با Neon: راهاندازی یک پایگاه داده میزبانی شده برای ذخیره امن داده درآمد و هزینه
- Drizzle ORM: سادهسازی تعاملات پایگاه داده با یک ORM نوع-ایمن و مناسب توسعهدهنده
- احراز هویت با Clerk: یکپارچهسازی آسان احراز هویت امن کاربر
- اعتبارسنجی با Zod: اطمینان از یکپارچگی داده با اعتبارسنجی قدرتمند اسکیما
- Shadcn UI و Tailwind CSS: طراحی یک رابط کاربری زیبا و مدرن با کامپوننتهای سفارشی و استایلدهی ابزار-محور
تمرکز پروژه:
شما TanTracker، یک اپلیکیشن کاملاً کاربردی خواهید ساخت که به کاربران اجازه میدهد:
- ثبت درآمد و هزینه: افزودن، ویرایش و حذف تراکنشها
- مشاهده گزارشها: نمایش داده از طریق نمودارها و خلاصههای پویا
- مدیریت حسابها: ایجاد یک تجربه شخصیسازی شده با احراز هویت امن کاربر
در پایان دوره، شما نه تنها یک پروژه در سطح حرفهای برای نمایش در نمونه کار خود خواهید داشت، بلکه اعتماد به نفس ساخت وب اپلیکیشن های پیچیده و مقیاسپذیر را با استفاده از جدیدترین ابزارهای صنعت نیز به دست خواهید آورد.
این دوره برای چه کسانی است؟
- توسعهدهندگان وب: کسانی که به دنبال یادگیری یا ارتقای مهارتهای خود با TanStack Start و ابزارهای مدرن هستند.
- فریلنسرها و جویندگان کار: کسانی که میخواهند پروژههای چشمگیر ایجاد کنند تا در بازار کار رقابتی برجسته شوند.
- علاقهمندان به فناوری: کسانی که مشتاق به بررسی یک پشته فناوری جامع به روشی عملی و کاربردی هستند.
چرا در این دوره شرکت کنیم؟
این دوره فراتر از صرفاً کدنویسی است - این دوره در مورد ساختن چیزی معنادار در حین کسب تجربه دنیای واقعی است. چه یک مبتدی باشید که آماده یادگیری جدیدترین ابزارها هستید و چه یک توسعهدهنده باتجربه که به دنبال جلوتر ماندن از منحنی هستید، این دوره برای شماست!
به ما بپیوندید و امروز ساختن TanTracker را شروع کنید!
این دوره برای چه کسانی مناسب است؟
- این دوره برای توسعهدهندگان وب ایدهآل است که میخواهند ارزش خود را به عنوان یک توسعهدهنده وب افزایش دهند و مهارتهای خود را در ساخت وبسایتها و اپلیکیشن ها با استفاده از ابزارها و فناوریهای مدرن مانند TanStack Start ارتقا دهند.
آموزش TanStack Start - فریمورک جدید فول استک برای React JS
-
مقدمه 04:20
-
ابزارها و منابع این دوره 02:32
-
راهاندازی پروژه 11:11
-
افزودن shadcn ui ،tailwind css و فونتهای سفارشی 15:44
-
ایجاد نوار ناوبری 05:26
-
راهاندازی Clerk 09:49
-
ایجاد صفحه داشبورد و افزودن محافظت از مسیر 12:25
-
افزودن پیوند به صفحه داشبورد در منوی کشویی کاربر 05:49
-
ایجاد صفحات تراکنشها و تراکنش جدید 16:01
-
رندر کامپوننت Card برای فرم تراکنش 05:32
-
ایجاد اسکیما فرم تراکنش با zod 06:02
-
رندر اولین فیلد فرم برای فرم تراکنش 11:05
-
رندر بقیه فیلدهای فرم برای فرم تراکنش 14:24
-
راهاندازی پایگاه داده postgres و ایجاد اسکیماهای جدول با drizzle 14:49
-
پر کردن پایگاه داده با داده دستهبندی 04:45
-
بارگذاری داده دستهبندی و پر کردن در فرم تراکنش 08:56
-
ایجاد تابع سرور createTransaction 16:46
-
ایجاد authMiddleware 11:57
-
مدیریت موفقیت ایجاد تراکنش 09:49
-
رندر کارت تراکنشها با عنوان پویا 13:10
-
پیادهسازی انتخابهای ماه و سال 10:03
-
پر کردن انتخاب سالها با سالهای موجود 14:51
-
ایجاد تابع سرور getTransactionsByMonth 10:53
-
اتمام تابع سرور getTransactionsByMonth 05:38
-
ساخت جدول تراکنشها 16:15
-
ایجاد صفحه ویرایش تراکنش 08:21
-
بارگذاری داده تراکنش با شناسه تراکنش 12:16
-
اتمام قابلیت بروزرسانی تراکنش 18:07
-
پیادهسازی قابلیت حذف تراکنش 16:21
مشخصات آموزش
آموزش TanStack Start - فریمورک جدید فول استک برای React JS
- تاریخ به روز رسانی: 1405/04/02
- سطح دوره:همه سطوح
- تعداد درس:29
- مدت زمان :06:28:32
- حجم :2.39GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy