آموزش طراحی اسلایدرهای خلاقانه با next.js و tailwind.css
خانه/دوره ها/آموزش طراحی اسلایدرهای خلاقانه با next.js و tailwind.css

آموزش طراحی اسلایدرهای خلاقانه با next.js و tailwind.css

توی این دوره، 6 تا اسلایدر با next.js طراحی کنیم. دو تا برای آموزش انیمیشنها، دو تا برای آموزش پکیجهای اسلایدری، یه دونه برای افکت برفی و یه دونه هم کدنویسی اسلایدر از 0 تا 100

زمان 3 ساعت:37 دقیقه
حجم دوره656 مگ
تعداد دانشجو22
وضعیتبه اتمام رسیده
تعداد بازدید3,169

تکنولوژی های استفاده شده

next.js

tailwind.css

تعداد جلسات دوره

12

جلسات رایگان دوره

معرفی کامل دوره

آموزش رایگان next.js

توی این پروژه، ما 6 تا اسلایدر مختلف با نکست جی اس و تیلویند سی اس اس طراحی میکنیم.

1 و 2. توی این دو تا اسلایدر، ما دو تا اسلایدر رو از صفر کد میزنیم. توی این دو تا ویدئو، هدف اینه که شما با استفاده از انیمیشن‌ها در next.js و همچنین مدیریت استیت برای تغییر اسلاید آشنا بشید.

3 و 4. توی دو تا اسلایدر دوم، هدف اینه که شما ببینید چه پکیج هایی برای طراحی اسلایدر در ریکت و نکست وجود داره. توی این دو اسلایدر، از دو پکیج متفاوت استفاده شده یعنی swiperjs و slick slider

5. اسلایدر پنجم، اسلایدر برفی هست. افکت برفی هم از اون افکتهای جذاب هست که کاربر رو جذب میکنه.

6. اسلایدر ششم، اسلایدر نمایش محصولات هست. اسلایدری کاملا ریسپانسیو که خودمون از صفر تا صدش رو کد میزنیم. 

نکته: ضبط این دوره، پیش از انتشار نسخه 13 فریمورک نکست جی اس انجام شده. در واقع با Next js 12. با استقرار Next js 13، جلسات 11 و 12 به این دوره اضافه شده که در جلسه 11، پروژه به نکست جی اس سیزده منتقل شده و در جلسه 12 هم، یک اسلایدر پکیجی دیگه به دوره اضافه شده.   

در واقع اگر شما دوره نکست جی اس مقدماتی مرن فا رو دیده باشید، قطعا توانایی زدن این پروژه با Next js 13 رو هم دارید ولی جلسه 11 هم میتونه کمک کننده باشه.  

جلسات دوره
رمز فایل ها : mernfa.ir
آخرین به روزرسانی
۱۴۰۳/۲/۱, ۰۷:۱۶
آموزش next js مقدماتی
لطفا روی لینک جلسه مورد نظر کلیک کنید...

نکات پیش از خرید:

لطفا 5 دقیقه اول هر جلسه را، در همین صفحه به صورت آنلاین ببینید. این موضوع در سئوی مرن فا، بسیار موثر است. تشکر 🌻🌹
لطفا پیش از خرید، تمامی موارد را به دقت بررسی کنید؛ به دلیل مجازی بودن محصول، امکان عودت وجه وجود ندارد.
سوالات شما، در بخش دیدگاه‌ها و تیکت پشتیبانی پاسخ داده می‌شوند.

دوره های مرتبط

دیدگاه ها

ارسال دیدگاهپیش از ارسال دیدگاه، باید وارد حساب کاربری خود شوید.
هنوز دیدگاهی ثبت نشده است.