یادگیری NextJs (App Router) با ساخت وب اپلیکیشن فولاستک
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- یادگیری ساخت اپلیکیشن فولاستک با استفاده از جدیدترین قابلیتهای NextJs
- یادگیری نحوه تفکر در React
- یادگیری طراحی وب اپلیکیشن های فولاستک
- کوئری زدن و تغییر دادهها در پایگاه داده با استفاده از Drizzle ORM
- یادگیری ساخت طرح بندی های با کیفیت و دقیق با Tailwind CSS
- یادگیری احراز هویت کاربران با استفاده از Supabase Auth
توضیحات دوره
به دورهی آموزشی فولاستک NextJs (App Router) خوش آمدید!
این دوره برای آموزش ساخت وب اپلیکیشن فولاستک از ابتدا با استفاده از جدیدترین App Router در NextJs طراحی شده است، و قسمت جذاب ماجرا این است که این دوره پروژهمحور است. ما همهی مباحث را به کار میبندیم و یک کلون توئیتر خواهیم ساخت.
فرقی نمیکند که تازهکار هستید یا توسعهدهندهی با تجربه React و NextJs، این دوره برای هر کسی که میخواهد یاد بگیرد چگونه یک وب اپلیکیشن فولاستک با جدیدترین فناوریها بسازد، مناسب است.
در طول دوره یاد میگیرید چگونه با Next.js قسمت فرانتاند اپلیکیشن را بسازید. در ادامه می آموزید که چگونه صفحات و مسیرها را ایجاد کنید، با کامپوننتها و اکشنهای سمت سرور کار کنید و از ابزارهای توسعه داخلی برای سرعت و بهرهوری بیشتر استفاده نمایید. همچنین با Supabase و Drizzle ORM آشنا میشوید تا بکاند اپلیکیشن را بسازید. یاد میگیرید چگونه اسکیمای پایگاه داده را طراحی کنید، با داده ها کار کنید و با استفاده از کتابخانهی Supabase Client JS و Drizzle ORM با پایگاه داده ارتباط برقرار کنید.
علاوه بر این، یاد می گیرید چگونه با Tailwind CSS ظاهر اپلیکیشن خود را استایل کنیم. Tailwind یک فریمورک CSS مبتنی بر یوتیلیتی است که ایجاد طراحیهای زیبا و ریسپانسیو را آسان میکند. در ادامه یاد میگیرید چگونه با استفاده از کلاسهای داخلی، اپلیکیشن را سریع استایل کنید و طراحی را بر اساس برند خود سفارشی کنید. همچنین نحوه استفاده از Zod برای اعتبارسنجی ورودی کاربر را آموزش میبینید. Zod یک کتابخانهی قدرتمند اعتبارسنجی است که بهسادگی ورودی کاربران را بررسی و امنیت اپلیکیشن را تضمین میکند.
در پایان این دوره، درک کاملی از ساخت وب اپلیکیشن های فولاستک با جدیدترین قابلیتهای Next.js خواهید داشت.
همچنین در پایان این پروژه یک کلون توییتر فعال خواهید داشت. دوره به گونهای طراحی شده که فعالیت عملی داشته باشید و یک اپلیکیشن واقعی بسازید.
پس اگر آمادهاید یاد بگیرید چگونه با Next.js یک وب اپلیکیشن فولاستک بسازید، هماکنون در این دوره شرکت کنید!
با توضیحات روشن و مثالهای عملی، میتوانید با اطمینان و سهولت وب اپلیکیشن خود را بسازید.
این دوره برای چه کسانی مناسب است؟
- توسعهدهندگان مبتدی ReactJs و NextJs که علاقهمند به ورود به دنیای فولاستک هستند.
- توسعهدهندگانی که میخواهند پروژههای کامل را از ابتدا با جدیدترین فناوریها بسازند.
یادگیری NextJs (App Router) با ساخت وب اپلیکیشن فولاستک
-
راهاندازی محیط توسعه 13:09
-
ساخت سایدبار چپ توئیتر با استفاده از Tailwind CSS 20:30
-
ساخت تایملاین توئیتر با استفاده از Next.js و Tailwind CSS 22:39
-
ساخت طرح بندی بخش ترندها و اینکه چه کسی را برای استفاده از Tailwind CSS دنبال کنیم 22:42
-
طراحی پایگاه داده PostgreSQL کلون توئیتر با استفاده از ChatGPT و dbdiagram 18:23
-
احراز هویت با Supabase در دایرکتوری اپلیکیشن Next.js 13 40:45
-
ذخیره توئیت در پایگاه داده با استفاده از اکشن های سمت سرور و Supabase در NextJs 27:19
-
مدیریت خطاها در اکشن های سمت سرور NextJs 16:44
-
واکشی تمامی توئیتها در کامپوننت سرور React 17:40
-
ویژگی لایک و آنلایک کردن - بخش 1 18:31
-
ویژگی لایک و آنلایک کردن - بخش 2 27:35
-
بهینهسازی وب اپلیکیشن 19:34
-
رفع یک باگ 03:25
-
ساخت اسکیمای Drizzle ORM از SQL با استفاده از ChatGPT 32:49
-
چگونه جداول را به یکدیگر متصل کنید و یک کوئری پیچیده با Drizzle ORM بسازید؟ 38:20
-
ویژگی پاسخ به توئیت - بخش 1 25:37
-
ویژگی پاسخ به توئیت - بخش 2 20:36
-
معرفی ویژگی پاسخ بینهایت 02:01
-
پیادهسازی ویژگی پاسخ بینهایت 17:28
-
واکشی پاسخ 13:42
-
نمایش شمارش پاسخها 08:13
-
ساخت صفحه پروفایل و قابلیت بارگذاری آواتار 45:55
مشخصات آموزش
یادگیری NextJs (App Router) با ساخت وب اپلیکیشن فولاستک
- تاریخ به روز رسانی: 1404/06/21
- سطح دوره:همه سطوح
- تعداد درس:22
- مدت زمان :07:53:39
- حجم :7.56GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy