loading...

آموزش جامع Tailwind CSS و CSS همراه با پروژه های عملی

<p>اگر به دنبال یادگیری طراحی وب مدرن و سریع هستید، دوره &laquo;<strong>جامع تیلویند</strong>&raquo; یک فرصت عالی برای شماست. این دوره به شما کمک می&zwnj;کند تا از پایه&zwnj;ترین مفاهیم Tailwind CSS شروع کنید و تا سطح حرفه&zwnj;ای پیش بروید. از مفاهیم ابتدایی مانند رنگ&zwnj;ها، فاصله&zwnj;ها و تایپوگرافی گرفته تا طراحی صفحات ریسپانسیو و انیمیشن&zwnj;ها، همه و همه در این دوره آموزش داده می&zwnj;شود.</p> <p>در پایان دوره، شما مهارت طراحی <strong>UI مدرن و حرفه&zwnj;ای</strong> را به&zwnj;دست می&zwnj;آورید و قادر خواهید بود صفحات کامل و پروژه&zwnj;های واقعی بسازید.</p>

قیمت: 700,000 تومان 315,000 تومان

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

X
01 : 38 : 16
17 جلسه
1 فصل
2 سال پشتیبانی

آموزش جامع Tailwind CSS و CSS همراه با پروژه های عملی

این دوره 40 جلسه‌ای از پایه تا پیشرفته طراحی با Tailwind CSS است که با رویکردی پروژه‌محور طراحی شده است. شما به‌طور گام به گام با مفاهیم مختلف این فریم‌ورک آشنا می‌شوید و می‌توانید طراحی‌هایی زیبا و کاربردی برای وب‌سایت‌ها و وب‌اپلیکیشن‌ها بسازید.

در طول دوره:

  • با Flexbox و Grid آشنا خواهید شد و نحوه طراحی انواع چیدمان‌ها را یاد می‌گیرید

  • به طراحی ریسپانسیو برای موبایل و دسکتاپ تسلط پیدا می‌کنید

  • مفاهیم مهمی مانند انیمیشن‌ها، Hover Effects، Dark Mode و طراحی صفحات حرفه‌ای را یاد خواهید گرفت

  • در پایان دوره، پروژه‌ای کامل شامل صفحات Home، وبلاگ، محصولات، Dashboard و حالت Dark Mode خواهید ساخت.

این دوره به‌صورت کاملاً عملی و پروژه‌محور طراحی شده تا شما بتوانید توانمندی‌های خود را در پروژه‌های واقعی و کاربردی به‌دست آورید.


📚 در این دوره چه چیزی یاد می‌گیریم؟

  • مفاهیم پایه Tailwind CSS: کلاس‌های رنگ، فاصله، تایپوگرافی، و پس‌زمینه

  • Flexbox و Grid: نحوه چیدمان‌های پیچیده و طراحی مدرن صفحات

  • ریسپانسیو: طراحی سازگار برای موبایل، تبلت و دسکتاپ

  • انیمیشن‌ها و Hover Effects: زیباسازی و جذابیت بیشتر صفحات

  • Dark Mode: طراحی برای حالت تاریک

  • ساخت صفحات کامل: صفحه Home، وبلاگ، محصولات و Dashboard

  • پروژه نهایی: طراحی یک وب‌سایت کامل شامل تمامی مفاهیم دوره


🎯 چرا این دوره متفاوت است؟

  • کاملاً پروژه‌محور: از همان ابتدا شما پروژه‌های واقعی خواهید ساخت

  • یادگیری سریع و ساده: بدون پیچیدگی‌های CSS سنتی

  • پوشش همه‌جانبه: از طراحی ریسپانسیو تا انیمیشن‌ها و Dark Mode

  • آماده‌سازی برای بازار کار: بعد از دوره می‌توانید نمونه‌کار حرفه‌ای برای ورود به بازار کار بسازید

  • پشتیبانی کامل: یادگیری مرحله‌به‌مرحله همراه با پشتیبانی


🚀 دستاوردهای شما پس از گذراندن دوره

  • تسلط کامل بر Tailwind CSS از سطح مقدماتی تا پیشرفته

  • توانایی ساخت UI مدرن و ریسپانسیو برای هر نوع پروژه

  • ساخت پروژه‌های واقعی شامل صفحات Home، وبلاگ، محصولات و Dashboard

  • طراحی انیمیشن‌ها و افکت‌های Hover برای جذاب‌تر کردن سایت‌ها

  • یادگیری Dark Mode برای صفحات و فرم‌ها

  • آماده‌سازی نمونه‌کار حرفه‌ای برای ورود به بازار کار


👥 این دوره مناسب چه کسانی است؟

  • مبتدی‌ها که می‌خواهند وارد دنیای طراحی وب شوند

  • طراحان UI/UX که می‌خواهند طراحی‌های خود را سریع‌تر و با ابزارهای مدرن پیاده‌سازی کنند

  • دانشجویان و هنرجویان فرانت‌اند که دنبال یادگیری کاربردی و سریع هستند

  • برنامه‌نویسان React که نیاز به استایل‌دهی سریع و سبک دارند

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

  • کسانی که می‌خواهند نمونه‌کار حرفه‌ای بسازند و وارد بازار کار شوند


✅ جمع‌بندی

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

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

شروع و مقدمات
  • مقدمه و معرفی تلویند

    00:02:33
  • راه‌اندازی سریع با CDN

    00:08:10
  • ساختار کلی کلاس‌ها

    00:06:16
  • فاصله گذاری(Spacing)

    00:04:52
  • حاشیه‌ها و سایه‌ها

    00:07:29
  • کار با تایپوگرافی

    منتشرشده 00:06:00
  • لیست‌ها و پاراگراف‌ها

    منتشرشده 00:03:38
  • استایل‌دهی تیترها

    منتشرشده 00:02:27
  • Flexbox

    منتشرشده 00:06:38
  • کنترل جهت و ترازبندی

    منتشرشده 00:04:04
  • Layout با Grid

    منتشرشده 00:07:18
  • تمرین عملی - Product Cards

    منتشرشده 00:03:56
  • Layout پیچیده و Nested Grid

    منتشرشده 00:05:19
  • مفاهیم ریسپانسیو

    منتشرشده 00:05:49
  • ریسپانسیو متن و فاصله‌ها

    منتشرشده 00:05:54
  • ریسپانسیو flex و grid

    منتشرشده 00:05:55
  • Navbar و Layout ریسپانسیو

    منتشرشده 00:11:58
  • پیشنیاز های دوره چه چیزهایی هستند؟

    • html
    • css

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

    مدرس دوره

    پریسا قاسمی


    FrontEnd Developer

    سوالات متداول

    آیا این دوره برای مبتدیان مناسب است؟

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

    آیا این دوره فقط برای طراحان UI است؟

    خیر. این دوره برای هر کسی که علاقه‌مند به طراحی وب و یادگیری Tailwind CSS باشد، مناسب است. حتی اگر یک توسعه‌دهنده فرانت‌اند باشید و بخواهید مهارت‌های طراحی UI خود را تقویت کنید، این دوره برای شما مفید خواهد بود.

    آیا می‌توانم بعد از این دوره در بازار کار شروع به فعالیت کنم؟

    بله. در این دوره شما مهارت‌هایی کسب می‌کنید که می‌توانید به راحتی از آن‌ها در پروژه‌های واقعی استفاده کنید. همچنین در پایان دوره، شما یک پروژه واقعی و حرفه‌ای در دست خواهید داشت که می‌توانید در رزومه خود قرار دهید.

    آیا این دوره شامل پروژه عملی است؟

    بله. دوره کاملاً پروژه‌محور است و شما در طول دوره، صفحات وب و پروژه‌هایی واقعی طراحی خواهید کرد تا به‌صورت عملی مفاهیم را یاد بگیرید.

    آیا برای این دوره نیاز به پیش‌دانشگاه یا تجربه قبلی در طراحی وب دارم؟

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

    آیا این دوره به‌روز است و با آخرین نسخه Tailwind CSS سازگاری دارد؟

    بله، این دوره بر اساس آخرین نسخه Tailwind CSS طراحی شده است و تمامی آموزش‌ها مطابق با جدیدترین استانداردهای طراحی وب ارائه می‌شود.