آموزش متحرکسازی وبسایت با Framer-Motion (پروژههای عملی و ساخت پورتفولیو با React، TailwindCSS و NextJs) - آخرین آپدیت
دانلود Animate Websites with Framer-Motion (Hands-On 2+ Portfolio Projects with React, TailwindCSS, NextJs)
نکته:
ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
این دوره برای توسعهدهندگانی است که میخواهند وبسایتهای خود را با انیمیشنهای روان و مدرن زنده کنند. شما یاد خواهید گرفت که چگونه از Framer Motion در کنار Next.js، React و TailwindCSS برای ساخت وبسایتهای متحرک از ابتدا استفاده کنید.
در طول این دوره، مبانی انیمیشن، ترنزیشنهای پیشرفته، افکتهای UI تعاملی و روشهای مدرن برای حرفهایتر کردن ظاهر سایت را پوشش خواهیم داد. در پایان، شما قادر خواهید بود با استفاده از Framer Motion، جذابترین انیمیشنها را به هر وبسایت یا اپلیکیشنی اضافه کنید.
سرفصل ها و درس ها
درس ها Lessons
-
Intro
-
IDE
-
What is Node.js
-
About TailwindCSS
-
How to Setup NextJs Project
-
Motion Basics
-
Motion Library
-
Challenge 1
-
Challenge 2
-
Create Reusable Navigation Bar
-
Project 1: Intro
-
Project 1: Setup
-
Project 1: Grain Effect
-
Project 1: Hero Section
-
Project 1: Services Section
-
Project 1: Contact Section
-
Project 1: Footer Section
-
Project 1: Navbar and Final Testing
-
Project 2: Intro
-
Project 2: Hero Section
-
Project 2: Stack Section
-
Project 2: About Section
-
Project 2: Logo Ticker
-
Project 2: Contact and Footer Section
-
Project 2: Navbar and Final Testing
-
Project 3: Setup
-
Project 3: Section Component
-
Project 3: Call to Action Button
-
Project 3: Glowing Button
-
Project 3: Hero Section
https://donyad.com/d/2e4e49
Czero
توسعه دهنده Fullstack
نمایش نظرات