آموزش استک مدرن Next JS - ابزارها و هوش مصنوعی - آخرین آپدیت
دانلود Next JS Modern Stack - Tooling and AI
این دوره یک راهنمای عملی برای ساخت اپلیکیشنهای فولاستک مدرن با Next.js، NestJS، ابزارهای قدرتمند توسعهدهنده و جریان کاری مبتنی بر هوش مصنوعی است.
به جای تمرکز صرف بر کدنویسی ویژگیها، این دوره به شما میآموزد چگونه ساختاری برای پروژه ایجاد کنید که با رشد آن، تمیز، مقیاسپذیر، Type-safe و بهرهور باقی بماند.
شما یک اپلیکیشن یادداشتبردار ساده با الهام از محیط ترمینال خواهید ساخت. خودِ اپلیکیشن هدف اصلی نیست؛ بلکه تمرکز واقعی روی ابزارها، معماری، اتوماسیون و جریان توسعه پشت یک پروژه مدرن TypeScript است.
چه چیزی این دوره را منحصر به فرد میکند؟
بسیاری از دورهها نحوه ساخت یک ویژگی را آموزش میدهند. این دوره بر سیستمهایی تمرکز دارد که توسعه ویژگیها را سریعتر، تمیزتر و نگهداری آنها را آسانتر میکند.
شما یک monorepo فولاستک با فرانتاند Next.js و بکاند NestJS ایجاد میکنید و سپس همه چیز را از طریق قراردادهای مشترک، کلاینتهای API تولید شده، ابزارهای کیفیت کد و متدهای توسعه با کمک هوش مصنوعی متصل میکنید.
در پایان، درک خواهید کرد که چگونه ابزارهای مدرن و هوش مصنوعی میتوانند در یک پروژه واقعی با هم همکاری کنند.
ساخت یک Full-Stack Monorepo مدرن
شما با ایجاد یک ساختار Monorepo تمیز برای اپلیکیشن خود شروع خواهید کرد.
شما یاد میگیرید که چگونه:
Next.js و NestJS را در یک فضای کاری (Workspace) تنظیم کنید.
اپلیکیشنها و پکیجهای مشترک را به صورت شفاف سازماندهی کنید.
از Turborepo برای مدیریت و اجرای چندین اپلیکیشن استفاده کنید.
ساختاری برای پروژه ایجاد کنید که بتواند با ایدههای شما مقیاسپذیر شود.
این کار پایه و اساس محکمی برای توسعه حرفهای فولاستک به شما میدهد.
ساخت اپلیکیشن یادداشتبردار با استایل ترمینال
شما یک اپلیکیشن یادداشتبردار ساده با الهام از ترمینالهای قدیمی خواهید ساخت.
این پروژه به عمد متمرکز و ساده طراحی شده تا زمان کمتری را صرف منطقهای پیچیده بیزینسی کنید و زمان بیشتری را به درک استک مدرن پشت آن اختصاص دهید.
در طول پروژه، معماری فرانتاند، ارتباطات بکاند، یکپارچهسازی دیتابیس، کلاینتهای API تولید شده و توسعه ویژگیها با کمک هوش مصنوعی را بررسی خواهید کرد.
حفظ تمیزی کد با Biome
پروژههای مدرن به ابزارهای کیفیت کد سریع و قابل اعتماد نیاز دارند، به خصوص زمانی که هوش مصنوعی در تولید کد کمک میکند.
شما از Biome برای Linting و Formatting استفاده خواهید کرد تا کدتان در کل پروژه تمیز، یکپارچه و با قابلیت نگهداری بالا باشد.
یاد میگیرید چگونه استانداردهای کیفیت یکسانی را برای کدهای نوشته شده توسط خودتان و کدهای تولید شده توسط AI اعمال کنید.
مدیریت State با TanStack Query و nuqs
شما یاد میگیرید که چگونه وضعیت فرانتاند را با استفاده از ابزارهای مدرن و Type-safe مدیریت کنید.
شما از موارد زیر استفاده خواهید کرد:
TanStack Query برای واکشی دادهها (Fetching)، کشینگ، Server State و Mutations.
nuqs برای همگامسازی وضعیت اپلیکیشن با پارامترهای URL.
الگوهای Type-safe برای جستجو، فیلترها، صفحهبندی و وضعیت UI.
این امر به شما کمک میکند اپلیکیشنهایی بسازید که پیمایش، اشتراکگذاری، دیباگ و نگهداری آنها آسانتر است.
ساخت یک بکاند Type-Safe
در بخش بکاند، یک API مدرن را با استفاده از NestJS، PostgreSQL، Neon و Prisma خواهید ساخت.
شما یاد میگیرید که چگونه:
یک بکاند NestJS را ساختاربندی کنید.
از طریق Neon به PostgreSQL متصل شوید.
مدلهای داده را با Prisma تعریف کنید.
با استفاده از کدهای تمیز TypeScript با دیتابیس ارتباط برقرار کنید.
ویژگیهای بکاند را با یک پایه مقیاسپذیر بسازید.
تولید خودکار تایپهای API و Hookها
شما از Swagger و Orval برای اتصال بهینهتر بکاند و فرانتاند استفاده خواهید کرد.
شما یاد میگیرید که چگونه:
API خود در NestJS را با Swagger مستند کنید.
تایپهای TypeScript را از روی قراردادهای API تولید کنید.
توابع Fetching و Hookهای فرانتاند را به صورت خودکار تولید کنید.
کدهای فرانتاند و بکاند را همگام نگه دارید.
تایپهای تکراری و کدهای تکراری API را کاهش دهید.
این کار یک جریان کاری تمیزتر ایجاد کرده و از عدم تطابق بین فرانتاند و بکاند جلوگیری میکند.
ساخت جریان کاری آماده برای AI با Claude
هوش مصنوعی میتواند سرعت توسعه را افزایش دهد، اما زمانی بهترین عملکرد را دارد که پروژه شما ساختار، قوانین و قراردادهای مشخصی داشته باشد.
شما یاد میگیرید چگونه از قوانین (Rules) و مهارتها برای Claude AI استفاده کنید تا بتواند به طور موثر در محیط کد شما فعالیت کند.
شما خواهید دید که چگونه:
کانتکست (زمینه) مفیدی از پروژه را به AI بدهید.
قوانین قابل استفاده مجدد برای توسعه یکپارچه ایجاد کنید.
از AI برای کمک به ساخت ویژگیهای جدید استفاده کنید.
کدهای تولید شده را با استانداردهای پروژه خود همسو نگه دارید.
کمک AI را با Linting، Formatting، Type Safety و ابزارهای اتوماسیون ترکیب کنید.
هدف این نیست که اجازه دهید AI پروژه شما را در دست بگیرد، بلکه هدف این است که آن را به بخش قابل اعتمادی از جریان کاری شما تبدیل کنید.
در پایان این دوره
شما موارد زیر را به دست خواهید آورد:
درک عملی از Full-stack Monorepos با Next.js و NestJS.
تجربه استفاده از Turborepo برای مدیریت چندین اپلیکیشن.
یک جریان کاری تمیز برای کیفیت کد با Biome.
مدیریت وضعیت فرانتاند به صورت Type-safe با TanStack Query و nuqs.
یک بکاند ساخته شده با NestJS، PostgreSQL، Neon و Prisma.
تولید خودکار تایپهای API، توابع و Hookها با Swagger و Orval.
یک متد عملی برای استفاده از Claude AI جهت ساخت موثرتر ویژگیها.
یک پایه قابل استفاده مجدد برای پروژههای مدرن، مقیاسپذیر و آماده برای AI با TypeScript.
به این دوره بپیوندید و یاد بگیرید که چیزی فراتر از یک اپلیکیشن بسازید. یاد بگیرید چگونه یک جریان توسعه مدرن ایجاد کنید که به شما کمک کند سریعتر حرکت کنید، سازمانیافته بمانید و نرمافزارهای بهتری خلق کنید.
مقدمه Introduction
-
مقدمه Introduction
راه اندازی پروژه Project Setup
-
شروع پروژه Init Project
-
راهاندازی Next JS Init Next JS
-
راهاندازی Git Init Git
-
دستورات ریشه (Root) Root commands
-
صفحه اصلی Home Page
-
محتوای ترمینال Terminal Content
-
Biome Biome
-
دستورات Biome Biome commands
-
کار با lefthook Playing with lefthook
بکاند Backend
-
NestJs NestJs
-
افزودن Turbo Add Turbo
-
Prisma و دیتابیس Prisma and DB
-
تست اتصال دیتابیس Testing DB connection
-
Seed دیتابیس Seed DB
-
پوشههای API Folders API
-
دریافت پوشهها در فرانتاند Get folders on FE
تولید API API Generation
-
Swagger Swagger
-
تولید API با Orval Generate API with Orval
-
Folder DTO و API بهتر Folder DTO and better api
پکیجها Packages
-
معرفی وضعیت (State) Introduce state
-
معرفی Nuqs Introduce Nuqs
-
معرفی Classnames Introduce Classnames
ساخت اپلیکیشن ترمینال Build Terminal App
-
دریافت پوشههای تودرتو Get nested folders
-
ساخت ستونها Build columns
-
تجزیه و ذخیره مسیر (Path) Parse and store path
-
نمایش یادداشتها Display notes
-
اصلاح دریافت یادداشتهای انتخاب شده Correct get selected notes
-
صفحه جزئیات یادداشت Note detail page
-
API یادداشت Note API
-
نمایش دادههای یادداشت Display note data
توسعه با هوش مصنوعی AI Development
-
هوش مصنوعی Claude Claude AI
-
استفاده از AI برای کدنویسی Use AI to Code
-
افزودن ویژگی ایجاد یادداشت Add note create feature
-
Tan stack queries و پایان دوره Tan stack queries & Course End
https://donyad.com/d/4ace85
Eincode by Filip Jerga
آموزش آنلاین Eincode تضمین می کند که بهترین تجربه یادگیری آنلاین را برای مخاطبان خود فراهم می کند. محتوای با کیفیت بالا و مفاهیم برنامه نویسی که در پروژه های واقعی توضیح داده شده اند، زمینه هایی هستند که Eincode در آنها می درخشد! Eincode عمدتا دوره هایی را پوشش می دهد که بر راهنمای برنامه نویسی برای توسعه وب و موبایل تمرکز دارند. اگر به دنبال راهنماهای کامل و جامع هستید، Eincode انتخاب مناسبی برای شماست. دوره ها نیز توسط مربی فیلیپ جرگا منتشر می شود. به سلامتی و به کدنویسی ادامه دهید!
Filip Jerga
مهندس نرم افزار نام من فیلیپ جرگا است و من یک مهندس نرم افزار با تجربه و توسعه دهنده آزاد هستم. من دارای مدرک کارشناسی ارشد در هوش مصنوعی و چندین سال تجربه کار بر روی طیف گسترده ای از فناوری ها و پروژه ها از توسعه ++C برای دستگاه های اولتراسوند گرفته تا برنامه های موبایل و وب مدرن در React و Angular هستم. در طول زندگی حرفهایام، دانش فنی پیشرفته و توانایی توضیح موضوعات برنامهنویسی را به وضوح و با جزئیات برای مخاطبان گسترده کسب کردهام. از شما دعوت میکنم دوره آموزشی خود را بگذرانید، جایی که من تلاش زیادی کردهام تا مفاهیم مهندسی وب و نرمافزار را به صورت مفصل، عملی و قابل درک توضیح دهم.
نمایش نظرات