%80 تخفیف ویژه تمامی دوره ها - آخرین ساعات!
روز
ساعت
دقیقه
ثانیه
مشاهده دوره های آموزشی
پایان جشنواره
جستجو برای:
  • دسته بندی دوره ها
    • برنامه نویسی
      • برنامه نویسی وب
        • پایتون
          • جنگو
          • فلسک
        • PHP
          • لاراول
        • جاوا اسکریپت
          • نود جی اس
          • نکست جی اس
          • ری اکت
          • انگولار
        • Go
        • ASP.NET
        • HTML & CSS
        • جی کوئری
        • بوت استرپ
        • سی شارپ
      • برنامه نویسی موبایل
        • اندروید
        • جاوا
        • اسپرینگ
        • کاتلین
        • ری اکت نیتیو
        • زامارین
        • فلاتر
        • فون گپ
      • برنامه نویسی ویندوز
        • سی پلاس پلاس
        • سی شارپ
        • جاوا
      • توسعه بازی
        • یونیتی
        • کانستراکت
      • توسعه دیتابیس
        • Mysql
        • OpenVPN
        • Redis
        • SQL Server
        • Vesta
        • WHMCS
        • Plesk
        • DirectAdmin
        • Cpanel
      • ابزار برنامه نویسی
        • الگوریتم و فلوچارت
        • Git
        • Visual Studio Code
        • Docker
        • RESTful API
        • Web API
        • Bootstrap Studio
        • SASS
        • Redux
      • اینترنت اشیاء
      • سیستم عامل
      • وردپرس
    • کسب و کار
      • استارتاپ و کارآفرینی
      • فروش
      • مدیریت
      • حسابداری
      • استخدام
      • مدیریت فرآیند
      • مدیریت پروژه
      • سیستم سازی
      • کسب درآمد از اینستاگرام
      • مهارت های ارتباطی
      • ابزارهای کسب و کار
      • کوچینگ
      • منابع انسانی
    • بازاریابی
      • دیجیتال مارکتینگ
        • سئو
        • تولید محتوا
        • کپی رایتینگ
        • سوشیال مدیا مارکتینگ
        • هک رشد
        • ایمیل مارکتینگ
      • بازاریابی B2B
      • برندینگ
      • استراتژی مارکتینگ
    • چند رسانه ای
      • تدوین ویدئو
        • افتر افکت
        • سینمافوردی
        • پریمیر
        • کمتازیا
        • ادیوس
      • انیمیشن
      • عکاسی
      • فیلم سازی
      • موشن گرافیک
    • طراحی گرافیک
      • ایلوستریتور
      • فتوشاپ
      • کورل دراو
      • ایندیزاین
      • طراحی پست اینستاگرام
      • طراحی رابط کاربری
      • 3Ds Max
      • اتوکد
      • ماتریکس
      • بلندر
      • نقاشی
    • زبان خارجه
      • زبان انگلیسی
      • زبان آلمانی
      • زبان فرانسه
      • زبان روسی
    • بورس و ارز دیجیتال
    • هوش مصنوعی و علم داده
    • امنیت شبکه
    • توسعه فردی
    • آکادمیک و مهندسی
    • نویسندگی
    • ورزش و سلامتی
  • مجله داناپ
  • تدریس در داناپ
  • حساب کاربری
داناپ
  • دسته بندی دوره ها
    • برنامه نویسی
      • برنامه نویسی وب
        • پایتون
          • جنگو
          • فلسک
        • PHP
          • لاراول
        • جاوا اسکریپت
          • نود جی اس
          • نکست جی اس
          • ری اکت
          • انگولار
        • Go
        • ASP.NET
        • HTML & CSS
        • جی کوئری
        • بوت استرپ
      • برنامه نویسی موبایل
        • اندروید
        • کاتلین
        • جاوا
        • اسپرینگ
        • ری اکت نیتیو
        • زامارین
        • فلاتر
        • فون گپ
      • برنامه نویسی ویندوز
        • سی پلاس پلاس
        • سی شارپ
        • جاوا
      • توسعه بازی
        • یونیتی
        • کانستراکت
      • توسعه دیتابیس
        • Mysql
        • OpenVPN
        • Redis
        • SQL Server
        • Vesta
        • WHMCS
        • Plesk
        • DirectAdmin
        • Cpanel
      • ابزار برنامه نویسی
        • الگوریتم و فلوچارت
        • Git
        • Visual Studio Code
        • Docker
        • RESTful API
        • Web API
        • Bootstrap Studio
        • SASS
        • Redux
      • اینترنت اشیاء
      • سیستم عامل
      • وردپرس
    • کسب و کار
      • استارتاپ و کارآفرینی
      • فروش
      • مدیریت
      • حسابداری
      • استخدام
      • مدیریت فرآیند
      • مدیریت پروژه
      • سیستم سازی
      • کسب درآمد از اینستاگرام
      • مهارت های ارتباطی
      • ابزارهای کسب و کار
      • کوچینگ
      • منابع انسانی
    • بازاریابی
      • دیجیتال مارکتینگ
        • سئو
        • تولید محتوا
        • کپی رایتینگ
        • سوشیال مدیا مارکتینگ
        • هک رشد
        • ایمیل مارکتینگ
      • بازاریابی B2B
      • برندینگ
      • استراتژی مارکتینگ
    • چند رسانه ای
      • تدوین ویدئو
        • افتر افکت
        • سینمافوردی
        • پریمیر
        • کمتازیا
        • ادیوس
      • انیمیشن
      • عکاسی
      • فیلم سازی
      • موشن گرافیک
    • طراحی گرافیک
      • ایلوستریتور
      • فتوشاپ
      • کورل دراو
      • ایندیزاین
      • طراحی پست اینستاگرام
      • طراحی رابط کاربری
      • 3Ds Max
      • اتوکد
      • ماتریکس
      • بلندر
      • نقاشی
    • زبان خارجه
      • زبان انگلیسی
      • زبان آلمانی
      • زبان فرانسه
      • زبان روسی
    • بورس و ارز دیجیتال
    • هوش مصنوعی و علم داده
    • امنیت شبکه
    • توسعه فردی
    • آکادمیک و مهندسی
    • نویسندگی
    • ورزش و سلامتی
  • مجله داناپ
  • تدریس در داناپ
0
ورود / ثبت نام

آموزش Tailwind CSS 4 برای شروع حرفه ای

خانهدوره های آموزشیآموزش برنامه نویسی از 0 تا 100آموزش برنامه نویسی وبآموزش HTML و CSSآموزش Tailwind CSS 4 برای شروع حرفه ای
نمایشگر ویدیو
https://dl.danup.ir/Courses/742345/Tailwind.css.4/01-Meet.Tailwind.CSS.mp4
00:00
00:00
00:00
برای افزایش یا کاهش صدا از کلیدهای بالا و پایین استفاده کنید.
قیمت :

995,000 تومان قیمت اصلی: 995,000 تومان بود.199,000 تومانقیمت فعلی: 199,000 تومان.

80%
تخفیف
امتیاز
0 از 0 رأی
بدون امتیاز 0 رای
995,000 تومان قیمت اصلی: 995,000 تومان بود.199,000 تومانقیمت فعلی: 199,000 تومان.
ویژگی های دوره
زبان: زیرنویس فارسی
3 ساعت و 3 دقیقه
38 درس
473 مگابایت
روش دریافت: دانلود آنی پس از پرداخت
روش پشتیبانی: ارسال تیکت
حالت مطالعه

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

 

در این دوره چه مباحثی آموزش داده شده است؟

ما در این دوره به آموزش Tailwind CSS 4 برای شروع حرفه ای می پردازیم. همانطور که گفتیم Tailwind CSS فرآیند توسعه فرانت اند (Front-End) وب سایت را سرعت می بخشد و استایل دهی به صفحات وب را به کاری لذت بخش و آسان تبدیل می کند. در این دوره آموزشی که برای مبتدیان مناسب می باشد، با مدرس شروتی بالاسا همراه خواهید شد تا مفاهیم پایه ای این فریم ورک مبتنی بر کاربرد را به صورت کامل فرا بگیرید.

از راه اندازی محیط توسعه گرفته تا درک مفاهیم کلیدی، همه چیز به صورت گام به گام آموزش داده می شود. در ادامه یاد می گیرید که چگونه به متن ها استایل دهید، از رنگ ها استفاده کنید و لایه بندی های حرفه ای با Tailwind ایجاد نمایید.

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

 

سرفصل های دوره آموزش Tailwind CSS 4 برای شروع حرفه ای

مقدمه

  • آشنایی با Tailwind CSS
  • پیش نیازهای دوره
  • استفاده از Codespaces در این دوره
  • درک رویکرد utility-first

1. تایپوگرافی و رنگ ها

  • آشنایی با Preflight
  • اعمال استایل های متنی و فونت
  • استفاده از رنگ ها
  • اعمال رنگ پس زمینه و گرادیان
  • افزودن حاشیه و سایه
  • تمرین: استایل دهی به کارت نظر مشتری
  • راه حل: استایل دهی به کارت نظر مشتری

2. مبانی طراحی لایه (Layout)

  • تنظیم عرض و ارتفاع
  • افزودن margin و padding
  • ایجاد لایه بندی با Flexbox
  • تغییر اندازه و تو در تو کردن آیتم های فلکس
  • ساخت لایه بندی با Grid
  • تغییر اندازه و ترتیب آیتم های Grid
  • استفاده از کلاس های display، position و z-index
  • تمرین: استایل دهی به بخش رویداد
  • راه حل: استایل دهی به بخش رویداد

3. طراحی وب واکنش گرا (Responsive)

  • درک رویکرد mobile-first
  • آموزش استفاده از مودیفایرهای واکنش گرا
  • نحوه ساخت لایه بندی های رایج واکنش گرا
  • تمرین: کارت اطلاعات همراه با تصویر
  • راه حل: کارت اطلاعات همراه با تصویر

4. تعامل پذیری و واریانت ها

  • استایل دهی هنگام hover و focus
  • نحوه استفاده از مودیفایرهای شبه کلاس (pseudo-class)
  • استایل دهی به شبه عناصر (pseudo-elements)
  • نحوه افزودن حالت تیره (Dark Mode)
  • استفاده از transform، transition و animation
  • تمرین: ساخت یک دکمه تعاملی
  • راه حل: ساخت یک دکمه تعاملی

5. استایل های سفارشی در Tailwind

  • تغییر تم (Theme)
  • استفاده از مقادیر دلخواه (Arbitrary Values)
  • ساخت کلاس های سفارشی (Custom Utilities)
  • نحوه استخراج استایل های مشترک

جمع بندی

  • آموزش راه اندازی محیط توسعه
  • گام بعدی چیست؟

 

حاصل دوره

دانشجویان عزیز با گذراندن این دوره، طراحی رابط کاربری مدرن و واکنش گرا با استفاده از فریم ورک Tailwind CSS 4 را به صورت اصولی می آموزند. همچنین توانایی استفاده از کلاس های utility، طراحی لایه بندی های پیشرفته، سفارشی سازی استایل ها و ایجاد جلوه های تعاملی و بصری حرفه ای را به دست خواهند آورد.

ویدئوهای دوره

آشنایی با Tailwind CSS ویدئو

00:49

پیش نمایش

پیش نیازهای دوره ویدئو

00:56

پیش نمایش

استفاده از Codespaces در این دوره ویدئو

04:39

پیش نمایش

درک رویکرد utility-first ویدئو

03:57

پیش نمایش

دانلود یکجا قسمت های 1 الی 38 ویدئو

03:03:10

خصوصی
Linkedin Learning
Linkedin Learning
مشاهده دوره های دیگر مدرس

LinkedIn Learning یک پلتفرم آموزشی آنلاین است که به شما کمک می‌کند مهارت‌های مرتبط با کسب‌وکار، برنامه نویسی، مارکتینگ و... را از طریق دوره های آموزش ویدیویی ارائه شده توسط متخصصان توسعه دهید. این پلتفرم با بیش از ۵۰۰۰ دوره آموزشی یکی از بزرگترین پلتفرم های آموزش آنلاین در دنیاست که شما می‌توانید به کمک آن هرچیزی را بیاموزید.

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

آموزش لاراول

آموزش جامع لاراول 5.7 در قالب پروژه طراحی فروشگاه آنلاین فایل


ارائه شده توسط
زبان برنامه نویسی کاتلین

آموزش مقدماتی زبان کاتلین

زبان برنامه نویسی کاتلین (Kotlin) یک زبان ایستا می باشد که توسط برنامه نویسان مستقر در روسیه توسعه داده شده است.کاتلین را می توان بر روی ماشین های مجازی جاوا ...
ارائه شده توسط
فرم سازی حرفه ای در وردپرس

آموزش فرم سازی حرفه ای در وردپرس


ارائه شده توسط
طراحی سایت

طراحی وب از رویا تا واقعیت (فصل اول)


ارائه شده توسط
جاوا اسکریپت es6

آموزش جامع جاوا اسکریپت ES6


ارائه شده توسط

rate_reviewامتیاز دانشجویان دوره

0
بدون امتیاز 0 رای
995,000 تومان قیمت اصلی: 995,000 تومان بود.199,000 تومانقیمت فعلی: 199,000 تومان.
0 رأی
5 ستاره
0
4 ستاره
0
3 ستاره
0
2 ستاره
0
1 ستاره
0

chat_bubble_outlineنظرات

قوانین ثبت دیدگاه

با سلام و احترام خدمت شما کاربر محترم
  • دیدگاه های خود را فارسی بنویسید.
  • دیدگاه های نامرتبط با دوره تایید نخواهد شد.
  • از درج دیدگاه های تکراری پرهیز نمایید.
  • امتیاز دادن به دوره فقط مخصوص دانشجویان دوره می باشد.

لغو پاسخ

برای ارسال نظر باید وارد حساب کاربری خود شده باشید.

قیمت :

995,000 تومان قیمت اصلی: 995,000 تومان بود.199,000 تومانقیمت فعلی: 199,000 تومان.

80%
تخفیف

فرصت باقیمانده تا پایان جشنواره نیمکت آخر

00
روز
16
ساعت
13
دقیقه
00
ثانیه
امتیاز
0 از 0 رأی
بدون امتیاز 0 رای
995,000 تومان قیمت اصلی: 995,000 تومان بود.199,000 تومانقیمت فعلی: 199,000 تومان.
زبان: زیرنویس فارسی
3 ساعت و 3 دقیقه
38 درس
473 مگابایت
روش دریافت: دانلود آنی پس از پرداخت
روش پشتیبانی: ارسال تیکت
Linkedin Learning
Linkedin Learning
مشاهده دوره های دیگر مدرس

LinkedIn Learning یک پلتفرم آموزشی آنلاین است که به شما کمک می‌کند مهارت‌های مرتبط با کسب‌وکار، برنامه نویسی، مارکتینگ و... را از طریق دوره های آموزش ویدیویی ارائه شده توسط متخصصان توسعه دهید. این پلتفرم با بیش از ۵۰۰۰ دوره آموزشی یکی از بزرگترین پلتفرم های آموزش آنلاین در دنیاست که شما می‌توانید به کمک آن هرچیزی را بیاموزید.

دسته: آموزش HTML و CSS، آموزش برنامه نویسی از 0 تا 100، آموزش برنامه نویسی وب، ابزار برنامه نویسی
پلتفرم آموزش آنلاین داناپ

لذت یادگیری با تماشای دوره های آموزش آنلاین در هر زمان و هر مکان دو چندان می شود. ماموریت ما در داناپ برقراری عدالت آموزشی در کشور و کمک به جوانان برای اشتغال بیشتر بوده است. داناپ از سال 1396 تا به امروز سهم بزرگی در حوزه آموزش در کشور داشته و رضایت دانشجویان را از ابتدا ملاک کار خود قرار داده است.

دسترسی سریع
  • مجله داناپ
  • ورود / ثبت‌نام
  • درباره ما
  • تدریس در داناپ
  • تماس با ما
  • قوانین و مقررات
logo-Enamad logo-samandehi
تمامی حقوق برای شرکت داناپ محفوظ می باشد. 1396-1404
  • Iran (+98)

ورود

رمز عبور را فراموش کرده اید؟

یا

ارسال مجدد کد یکبار مصرف (00:30)
هنوز عضو نشده اید؟ عضویت در سایت

لطفا نظر خود را با دیگران به اشتراک بگذارید.

امتیاز شما:

× پاپ آپ2
ورود به سیستم ×
کد تایید
لطفاً کد تأیید ارسال شده را وارد کنید:
ارسال
رمز عبور را فراموش کرده اید؟
ورود با کد یکبارمصرف
ارسال مجدد کد یکبار مصرف(00:30)
آیا حساب کاربری ندارید؟
ثبت نام
ارسال مجدد کد یکبار مصرف(00:30)
برگشت به صفحه ورود به سایت
ارسال مجدد کد یکبار مصرف (00:30)
برگشت به صفحه ورود به سایت