loading...
ثبت نام در دوره
ثبت نام در دوره

ساخت قالب فروشگاه با تیلویند سی اس اس 4

Tailwind CSS یک فریم‌ورک CSS مشهور و جامع هست که ابزارها و کامپوننت‌های آماده‌ای برای طراحی و توسعه وب ارائه میدهد. در این دوره آموزشی، یاد می‌گیرید چگونه با استفاده از 4Tailwind CSS ، یک قالب فروشگاهی کاملاً ریسپانسیو برای دسکتاپ و موبایل طراحی کنید

قیمت: 1,200,000 تومان

قیمت ارزی (تتر):

X
ثبت نام در دوره
15 : 49 : 16
63 جلسه
6 فصل
2 سال پشتیبانی

ساخت قالب فروشگاه با تیلویند سی اس اس 4

  1. فریمورک تیلویند (Tailwind)  یک فریم ورک CSS محور است که به شدت  مورد استقبال طراحان سایت  قرار گرفته تا بتوانند با ابزارهای متنوع تر و سرعت بیشتر، ظاهر زیبایی رو برای صفحات وب و اپلیکیشن بسازند.

تیلویند به شما کمک می‌کند ویژگی‌های مختلف مثل رنگ، اندازه، پس‌زمینه و … رو به آیتم‌ها اضافه کنید بدون اینکه صفحه html رو ترک کنیم و بین فایل های CSS در رفت و آمد باشیم و با استفاده از کلاس های پیش ساخته تیلویند، استایل‌دهی رو انجام بدیم و پیش بریم.

 همچنین یکی دیگر از مزیت های تیلویند این است که در خروجی نهایی فقط از همان کلاس هایی که داخل پروژه استفاده شده خروجی گرفته میشود نه کل کلاس های تیلویند. همین مسئله باعث میشود حجم پروژه و کدهای آن کمتر شده و ساختار بهینه تری پیدا کند 

فریم‌ورک تیلویند (Tailwind CSS)  ابزارها و منابعی در اختیار طراحان و توسعه‌دهندگان وب قرار میدهد که در طراحی رسپانسیو (Responsive) یا واکنش گرا، کنترل و آزادی عمل بیشتری داشته باشند.

توسعه سریع تر با استفاده از کلاس های کاربردی آماده (Utility) ، بهره مندی از سیستم گرید انعطاف پذیر برای تنظیم مختصات المان ها در نمایشگرهای مختلف، کاهش حجم بارگذاری صفحات با فشرده سازی کدهای CSS ،  سازگاری با مرورگرهای مختلف برای تنظیم انواع استایل و چندین ویژگی دیگر، سرعت و کیفیت طراحی رسپانسیو را به طور محسوسی بالاتر میبرند.

  • در  این دوره چه چیزی یاد می گیریم و به چه سطحی میرسیم؟
  1. معرفی کامل فریم ورک تیلویند 4، نحوه کار و روش شخصی سازی اون به شکل دلخواه
  2. آشنایی با ساختار یک پروژه تیلویند به صورت صحیح و اصولی و نحوه تعریف ساختار استاندارد

آشنایی با یک پروژه واقعی در حد بازار کار 

سرفصل های دوره

مقدمات

  • نصب تیلویند

    00:09:51

  • تنظیمات پروژه بخش اول

    00:13:20

  • تنظیمات پروژه بخش دوم

    00:11:04
    • ساخت صفحه ثبت نام و ورود فروشگاه

  • ساخت صفحه ورود بخش اول

    منتشرشده 00:12:05

  • ساخت صفحه ورود بخش دوم

    منتشرشده 00:13:42

  • ساخت صفحه ثبت نام

    منتشرشده 00:06:52
    • ساخت Header فروشگاه

  • ساخت Top Header و قسمت جستجو

    منتشرشده 00:13:39

  • ساخت قسمت دکمه ورود و ثبت نام و سبد خرید

    00:11:51

  • ساخت NavBar

    منتشرشده 00:15:52

  • ساخت انیمیشن زیر منو ها

    00:11:14

  • ساخت pop up برای دکمه انتخاب شهر

    منتشرشده 00:13:54

  • ساخت مگا منو بخش اول

    منتشرشده 00:13:42

  • ساخت مگا منو بخش دوم

    منتشرشده 00:16:19

  • ساخت مگا منو بخش سوم

    منتشرشده 00:08:51

  • ساخت مگا منو بخش چهارم

    منتشرشده 00:10:37

  • ساخت مگا منو بخش پنجم

    00:12:15

  • ساخت SearchBox بخش اول

    منتشرشده 00:16:19

  • ساخت SearchBox بخش دوم

    00:13:30

  • ساخت مودال برای انتخاب شهر بخش اول

    منتشرشده 00:16:50

  • ساخت مودال برای انتخاب شهر بخش دوم

    00:12:27

  • رسپانسیو سازی قالب طراحی شده

    منتشرشده 00:10:51

  • ساخت Header رسپانسیو

    منتشرشده 00:17:36

  • ساخت دکمه های منو رسپانسیو

    00:16:48

  • ساخت SearchBox رسپانسیو

    منتشرشده 00:12:21
    • ساخت Footer فروشگاه

  • ساخت footer بخش اول

    منتشرشده 00:14:23

  • ساخت footer بخش دوم

    00:21:04

  • ساخت footer بخش سوم

    منتشرشده 00:14:35

  • ساخت footer بخش چهارم

    منتشرشده 00:19:00

  • ساخت footer بخش پنجم

    00:12:19

  • ساخت footer بخش ششم

    منتشرشده 00:15:49

  • رسپانسیوسازی فوتر قالب فروشگاه

    منتشرشده 00:15:10

  • ساخت فوتر رسپانسیو بخش اول

    منتشرشده 00:22:34

  • ساخت فوتر رسپانسیو بخش دوم

    منتشرشده 00:19:20
    • ساخت صفحه اصلی فروشگاه

  • ساخت اسلایدر status

    منتشرشده 00:17:01

  • ساخت اسلایدر status بخش دوم

    منتشرشده 00:11:34

  • ساخت اسلایدر اصلی

    منتشرشده 00:12:40

  • ساخت بخش سرویس ها

    منتشرشده 00:13:41

  • ساخت اسلایدر شگفت انگیز ها بخش اول

    00:15:12

  • ساخت اسلایدر شگفت انگیز ها بخش دوم

    منتشرشده 00:14:52

  • ساخت اسلایدر شگفت انگیز ها بخش سوم

    منتشرشده 00:17:20

  • ساخت بخش بنر ها

    منتشرشده 00:11:54

  • ساخت بنر شگفت انگیز سوپرمارکتی

    منتشرشده 00:19:33

  • ساخت اسلایدر دسته بندی ها

    00:11:53

  • ساخت اسلایدر محبوب ترین ها

    منتشرشده 00:10:57

  • ساخت محبوب ترین دسته بندی ها

    منتشرشده 00:15:42

  • ساخت اسلایدر پرفروش ترین ها بخش اول

    منتشرشده 00:15:24

  • ساخت اسلایدر پرفروش ترین ها بخش دوم

    منتشرشده 00:09:02

  • بررسی قالب در سایز lg

    منتشرشده 00:14:20

  • رسپانسیو سازی بخش اول

    00:15:07

  • رسپانسیو سازی بخش دوم

    منتشرشده 00:13:10

  • رسپانسیو سازی بخش سوم

    منتشرشده 00:25:12
    • ساخت صفحه جزئیات محصول

  • ساخت قسمت breadcrumbs

    00:13:57

  • نمایش عکس محصول

    منتشرشده 00:20:07

  • نمایش اطلاعات محصول بخش اول

    00:16:34

  • نمایش اطلاعات محصول بخش دوم

    منتشرشده 00:18:54

  • نمایش اطلاعات محصول بخش سوم

    منتشرشده 00:15:42

  • نمایش اطلاعات محصول بخش چهارم

    منتشرشده 00:25:18

  • نمایش اطلاعات محصول بخش پنجم

    منتشرشده 00:19:53

  • نمایش اطلاعات محصول بخش ششم

    منتشرشده 00:22:27

  • نمایش محصولات مشابه

    00:15:17

  • ساخت اسلایدر کالای مشابه

    منتشرشده 00:16:37

  • ایجاد بخش فروشندگان محصول بخش اول

    منتشرشده 00:17:37

  • ایجاد بخش فروشندگان محصول بخش دوم

    00:16:15

    • پیشنیاز های دوره چه چیزهایی هستند؟

    • HTML
    • CSS
    • TailwindCSS4
    • Javascript

    نظرات دانشجویان

    مدرس دوره

    سید ایمان هاشمی


    از سال 94 به برنامه‌نویسی علاقمند شدم و الان بیشتر از 10 ساله که در زمینه برنامه نویسی وب فعالیت میکنم. به تدریس علاقه دارم و دوست دارم دانشی که در این راه بدست آوردم را در اختیار دیگران هم قرار بدم.

    رزومه