نتایج جستجوی شما
آموزش Tailwind CSS
در این دوره، قرار نیست فقط با کلاسهای Tailwind آشنا شوید؛ قرار است کار با این فریمورک را واقعاً یاد بگیرید و با پیادهسازی پروژههای عملی، آموختههایتان را به کار بگیرید. یاد میگیرید چطور با Tailwind رابطهای کاربری مدرن و ریسپانسیو بسازید و از آن در پروژههای واقعی استفاده کنید.
معرفی ابزارهای موردنیاز دوره
در این قسمت، با Visual Studio Code بهعنوان محیط اصلی کدنویسی در این دوره آشنا میشوید.
اتصال لینکهای هدر به سکشنها
در این قسمت، لینکهای موجود در هدر را به سکشنهای مختلف صفحه متصل میکنید تا کاربر با کلیک روی هر لینک، به بخش موردنظر هدایت شود.
پیادهسازی بخش Footer
در این قسمت، فوتر صفحه را طراحی میکنید و علاوه بر نمایش لینکهای شبکههای اجتماعی، بخش کپیرایت را اضافه میکنید.
پیادهسازی بخش درباره ما
در این قسمت بخش درباره ما را به صفحه اضافه میکنید تا کاربران با هویت و ارزشهای برند بیشتر آشنا شوند.
پیادهسازی بخش محصولات پرفروش | بخش سوم
در این قسمت، اطلاعات کارتهای محصول را از یک فایل JSON دریافت میکنید و آنها را در ساختار کارتها نمایش میدهید.
پیادهسازی بخش محصولات پرفروش | بخش دوم
در این قسمت افکتهای hover کارت محصول را پیادهسازی میکنید تا ظاهر کارت از حالت ساده و ثابت خارج شود و تعامل بیشتری با کاربر ایجاد کند.
پیادهسازی بخش محصولات پرفروش | بخش اول
در این قسمت بخش محصولات پرفروش را شروع میکنید و ساختار اولیه این سکشن را با استفاده از Grid پیادهسازی میکنید.
پیادهسازی بخش دستهبندیها | بخش سوم
در این قسمت، بخش محصولات پرفروش را شروع میکنید و ساختار اولیه این سکشن را با استفاده از Grid پیادهسازی میکنید.
پیادهسازی بخش دستهبندیها | بخش دوم
در این قسمت اطلاعات مربوط به کارتهای دستهبندی را با استفاده از یک فایل JSON تکمیل میکنید و میبینید چطور میتوان دادهها را بهصورت مرتب و ساختاریافته در پروژه استفاده کرد.
- …