آموزش Nextjs 14 و Tailwind CSS - ایجاد وبسایت پورتفولیوی مدرن
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- یادگیری Next js 14
- یادگیری Tailwind CSS
- یادگیری کدنویسی تمیز
- یادگیری تم تاریک و روشن
- یادگیری طرحبندی Masonry
- یاد بگیرید چگونه نسبت ابعاد تصویر را حفظ کنید.
پیشنیازهای دوره
- دانش اولیه ریاکت لازم است.
توضیحات دوره
سفری را برای تسلط به NextJS 14 و Tailwind CSS با این دوره جامع که برای توانمندسازی شما به منظور ساخت یک وبسایت پورتفولیوی پیشرفته طراحی شده است، شروع کنید. چه یک توسعهدهنده با تجربه باشید و بخواهید مهارتهای خود را ارتقا دهید یا یک مبتدی مشتاق به بررسی دنیای توسعه وب مدرن، این دوره برای برآورده کردن نیازهای یادگیری شما طراحی شده است.
با NextJS 14، شما از قدرت رندرینگ سمت سرور، تولید سایت استاتیک و ناوبری بینقص سمت کلاینت استفاده خواهید کرد، در حالی که از مزایای یک تجربه توسعه ساده شده بهرهمند خواهید شد. شما یاد خواهید گرفت چگونه از سیستم مسیریابی کارآمد Next JS استفاده کنید که به شما امکان میدهد وبسایتهای پویا را به سادگی ایجاد کنید.
همزمان، شما به بررسی انعطافپذیری Tailwind CSS خواهید پرداخت، یک فریمورک سی اس اس مبتنی بر یوتیلیتی که امکان توسعه سریع رابط کاربری را بدون قربانی کردن انعطافپذیری یا آزادی طراحی فراهم میکند. با تسلط به Tailwind CSS، شما کشف خواهید کرد چگونه به سادگی طراحیهای واکنشگرا و طرحبندیهای خیرهکننده خلق کنید.
در طول دوره، شما آموزشهای عملی و کاربردی را دنبال خواهید کرد، جایی که از ابتدا یک وبسایت پورتفولیوی مدرن خواهید ساخت. از ساختاردهی پروژه تا استایلدهی به کامپوننتها و پیادهسازی ویژگیهای تعاملی، شما در هر مرحله بهترین شیوهها و بینشهای ارزشمندی کسب خواهید کرد.
در پایان این دوره، شما نه تنها یک وبسایت پورتفولیوی پالیش شده خواهید داشت تا مهارتهای خود را به نمایش بگذارید، بلکه درک عمیقی از NextJS 14 و Tailwind CSS خواهید داشت که به شما قدرت میدهد پروژههای مختلف توسعه وب را با اطمینان انجام دهید. امروز در این دوره شرکت کنید و رازهای ایجاد وبسایتهای با کیفیت حرفهای با NextJS و Tailwind CSS را کشف کنید.
این دوره برای چه کسانی مناسب است؟
- همه کسانی که میخواهند مهارتهای NextJS و Tailwind CSS خود را بهبود دهند.
آموزش Nextjs 14 و Tailwind CSS - ایجاد وبسایت پورتفولیوی مدرن
-
پیشنیازها 01:58
-
دانلود کد منبع 04:02
-
ایجاد پروژه Next.js 04:02
-
ساختار فولدر Next.js 03:29
-
مسیریابی Next.js 06:49
-
کامپوننتهای سمت سرور Next.js در مقابل سمت کلاینت 04:09
-
Tailwind CSS چیست؟ 06:47
-
تنظیم خانواده فونت 05:09
-
مقدمه بخش 00:31
-
نصب پکیج تمهای Next 10:37
-
ایجاد کامپوننت سوئیچ 08:52
-
پویا کردن کامپوننت سوئیچ 08:37
-
مقدمه بخش 00:19
-
بیایید بخش هدر را شروع کنیم 13:06
-
اضافه کردن داده هدر بیشتر 14:41
-
پویا کردن هدر 07:26
-
مقدمه 00:26
-
راهاندازی داده برای بخش تماسها 06:10
-
استایلدهی به بخش تماسها 17:59
-
داده بخش درباره 05:46
-
استایلدهی به بخش درباره 07:37
-
معرفی 00:23
-
داده مهارتها 03:56
-
حلقهزنی در آرایه مهارتها 09:51
-
مقدمه 00:25
-
داده بخش تاریخچه کاری 03:11
-
استفاده از داده تاریخچه کاری 08:49
-
حلقهزنی در مهارتها و گزینهها 10:05
-
معرفی 01:02
-
داده پروژهها 02:33
-
استفاده از داده پروژهها 10:07
-
نسبت ابعاد تصویر 05:23
-
ایجاد مدل 09:49
-
پویا کردن مدل 07:48
-
نمایش جزئیات پروژه در مدل 16:09
-
معرفی 00:46
-
داده نظرات 07:31
-
حلقهزنی در نظرات 09:14
-
طرحبندی Masonry 05:31
-
دکمه نمایش بیشتر 09:45
-
ایجاد کامپوننت فوتر 04:09
-
آپلود کد منبع در گیتهاب 05:21
-
استقرار در Vercel 05:59
-
فیکس کردن مشکل 03:51
مشخصات آموزش
آموزش Nextjs 14 و Tailwind CSS - ایجاد وبسایت پورتفولیوی مدرن
- تاریخ به روز رسانی: 1404/10/04
- سطح دوره:همه سطوح
- تعداد درس:44
- مدت زمان :04:40:10
- حجم :2.06GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy