ساخت وبسایت آژانس با Tailwind CSS ،React و Framer Motion
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- یادگیری Tailwind CSS و تبدیل شدن به یک حرفهای در آن
- استفاده از React Hooks و Reference برای پیادهسازی عملکردهای بینظیر در وبسایتها
- کسب دانش خوب درباره Framer Motion و ایجاد انیمیشنهای چشمگیر
- یادگیری چگونگی پیادهسازی عناصر Boiler Plate و سفارشیسازی آنها
- یادگیری چگونگی استقرار رایگان هر وبسایتی در Netlify
پیشنیازهای دوره
- داشتن کمی دانش درباره React مفید است اما الزامی نیست.
توضیحات دوره
این یک پروژهی سرگرمکننده برای ساخت وبسایت آژانس با React است که به شما آموزش میدهد چگونه کامپوننتها و عناصر اختصاصی را با Tailwind CSS بسازید و همچنین انیمیشنهای جذابی با Framer Motion خلق کنید. علاوه بر این، یاد میگیرید چطور از کامپوننتها و بخشهای آماده مربوط به Tailgrids و Mamba UI استفاده کنید و آنها را طوری سفارشی کنید که برای وبسایت شما منحصربهفرد باشند و در زمان توسعه صرفهجویی زیادی انجام دهید.
همچنین از React Icons استفاده میکنیم و آنها را به شکلی منحصربهفرد تغییر میدهیم تا با قالب وبسایت هماهنگ شوند. استفاده از React Hooks و Reference به ما این امکان را میدهد که انیمیشنها هنگام اسکرول در بخشهای خاص صفحه فعال شوند. صفحه بهصورت کامل واکنشگرا طراحی میشود؛ یعنی در موبایل و دسکتاپ ظاهر زیبایی خواهد داشت. شما چگونگی استفاده از media queries با Tailwind CSS را یاد میگیرید تا وبسایتهای واکنشگرای شگفتانگیز با انیمیشنهای جالب و طراحی با پالت رنگ روان و تصاویر و بخشهای منحصربهفرد کدنویسی شده ایجاد کنید.
در پایان دوره، وبسایت خود را روی Netlify استقرار میدهیم و شما یک وبسایت چندصفحهای کامل خواهید داشت تا در نمونهکارهای خود نمایش دهید.
این دوره برای چه کسانی مناسب است؟
- توسعهدهندگان تازهکار فرانتاند که میخواهند Tailwind CSS و React یاد بگیرند.
ساخت وبسایت آژانس با Tailwind CSS ،React و Framer Motion
-
نمایش پروژه 01:58
-
ایجاد اپلیکیشن React، مسیرها و وابستگیها 15:11
-
دانلود تصاویر 02:25
-
ناوبری بخش اول 28:49
-
ناوبری بخش دوم 19:33
-
بخش قهرمان قسمت اول 20:47
-
بخش قهرمان قسمت دوم 09:54
-
بخش ویژگیها قسمت اول 19:40
-
بخش ویژگیها قسمت دوم 24:43
-
بخش قیمتها قسمت اول 24:38
-
بخش قیمتها قسمت دوم 26:30
-
فراخوان به عمل بخش اول 13:02
-
فراخوان به عمل بخش دوم 10:35
-
بخش بازخورد قسمت اول 14:49
-
بخش بازخورد قسمت دوم 31:03
-
کامپوننت فوتر بخش اول 19:51
-
کامپوننت فوتر بخش دوم 16:06
-
صفحه درباره بخش اول 36:51
-
صفحه درباره بخش دوم 23:37
-
صفحه درباره بخش سوم 07:55
-
صفحه خدمات بخش اول 21:16
-
صفحه تماس بخش اول 20:16
-
استقرار در Netlify 07:01
مشخصات آموزش
ساخت وبسایت آژانس با Tailwind CSS ،React و Framer Motion
- تاریخ به روز رسانی: 1405/04/02
- سطح دوره:مقدماتی
- تعداد درس:23
- مدت زمان :06:56:31
- حجم :4.27GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy