×
ribbon

آموزش ساخت دیجی کالا با تیلویند (Tailwind CSS)

مدرس:

رضا کوهساری

اگر بخواهی تیرخلاص را در یادگیری تیلویند بزنی این دوره برای تو هست! این دوره می تواند یک... بیشتر
گواهی‌نامه
3 (2)
1 دیدگاه
431دانشجو
47ساعت
سرفصل‌ها
مقدماتی تا پیشرفته سطح دوره

اشتراک مکتب‌پلاس

خرید اشتراک

با خرید اشتراک مکتب‌پلاس، علاوه بر این دوره، به بیش از ۴،۰۰۰ دوره دیگر دسترسی خواهید داشت.

دسترسی به تمام دوره‌هابیش از ۴،۰۰۰ دوره
محتوای دوره
سرفصل‌ها
پیش‌نیاز‌ها
توضیحات دوره
دیدگاه کاربران
درباره مدرس

آنچه در این دوره می‌آموزید

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

یادگیری لایه‌بندی‌های پیچیده وب سایت‌های بزرگ

توانایی ساخت تمامی وب سایت‌های مدرن جذاب و پویا

تسلط کامل بر Tailwind CSS و درک اصول وب و سئو

این دوره شامل:

47 ساعت ویدئو

1 جلسه متنی

گواهینامه مکتب‌خونه

دسترسی مادام‌العمر به محتوای دوره

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

15 فصل169 جلسه47 ساعت ویدیو
معرفی دوره و نصب پروژه
  معرفی دوره ساخت دیجی کالا با Tailwind CSS
03:22
  توضیحات ابتدایی برای شروع
03:57
  منابع مورد نیاز پروژه
05:30
  شروع نصب پروژه
09:44
  اعمال فونت بر پروژه
06:46
  ثبت تنظیمات پروژه
09:09
  فایل‌های مورد نیاز دوره
00:03
ساخت صفحه لاگین دیجی کالا
  ساخت لاگین دیجی کالا
23:00
  پیاده‌سازی DarkMode
06:24
ساخت Header و Footer دیجی کالا
  ساخت Header سایت - طراحی سمت راست هدر
22:28
  ساخت Header سایت - طراحی سمت چپ هدر
10:28
  ساخت Navbar سایت
19:09
  ساخت Navbar سایت - طراحی Tooltip
16:16
  ساخت Navbar سایت - طراحی marker منو
14:13
  ساخت زیر منو سایت - بخش اول
09:53
  ساخت زیر منو سایت - بخش دوم
13:23
  ساخت زیر منو سایت - بخش سوم
19:59
  ساخت زیر منو سایت - بخش چهارم
24:23
  ساخت زیر منو سایت - بخش پنجم
20:19
  ساخت زیر منو سایت - بخش ششم
09:53
  ساخت زیر منو سایت - بخش هفتم
28:20
  ساخت لایه اول Footer سایت
17:34
  ساخت Footer سایت - بخش امکانات سایت
07:17
  ساخت Footer سایت - بخش راهنمای سایت
23:33
  ساخت Footer سایت - بخش دانلود اپلیکیشن سایت
13:58
  ساخت Footer سایت - بخش درباره دیجی کالا
27:58
  ساخت Footer سایت - بخش سرویس های سایت
10:57
  رسپانسیو کردن هدر
25:06
  رسپانسیو کردن منو
21:11
  رسپانسیو کردن Footer - بخش اول
12:58
  رسپانسیو کردن Footer - بخش دوم
25:01
  رسپانسیو کردن Footer - بخش سوم
13:24
  رسپانسیو کردن Footer - بخش چهارم
20:33
  حالت DarkMode قسمت Header و Footer
26:41
  رفع مشکلات Header و Footer
09:39
ساخت سبد خرید
  معرفی فصل
01:52
  ساخت سبد خرید - بخش اول
19:21
  ساخت سبد خرید - بخش دوم
28:28
  ساخت سبد خرید - افزودن JavaScript
11:46
  ساخت سبد خرید - رسپانسیو کردن
10:28
  ساخت سبد خرید - حالت DarkMode
08:24
  ساخت سبد خرید نوع دوم - بخش دیجی پلاس - بخش اول
20:17
  ساخت سبد خرید نوع دوم - بخش دیجی پلاس - بخش دوم
17:14
  ساخت سبد خرید نوع دوم - مجموع خرید - بخش اول
20:29
  ساخت سبد خرید نوع دوم - مجموع خرید - بخش دوم
18:31
  ساخت سبد خرید نوع دوم - بخش مرسوله‌های پستی
14:42
  ساخت سبد خرید نوع دوم - بخش محصول - بخش اول
23:32
  ساخت سبد خرید نوع دوم - بخش محصول - بخش دوم
21:54
  ساخت سبد خرید نوع دوم - ساخت badge در هدر سایت
08:12
  ساخت سبد خرید نوع دوم - افزودن Tooltip
06:00
  ساخت سبد خرید نوع دوم - افزودن Dropdown
22:04
  ساخت سبد خرید نوع دوم - افزودن بخش بیمه
23:26
  ساخت سبد خرید نوع دوم - رسپانسیو سازی
20:37
  ساخت سبد خرید نوع دوم - پایان رسپانسیو سازی
22:37
  ساخت سبد خرید نوع دوم - رفع مشکل
04:53
  ساخت سبد خرید نوع دوم - حالت DarkMode
18:33
ساخت صفحه FAQ
  ساخت صفحه FAQ - بخش پرسش‌ها
15:53
  ساخت صفحه FAQ - دسته‌بندی‌ها
13:02
  ساخت صفحه FAQ - افزودن آکاردئون
08:33
  ساخت صفحه FAQ - رسپانسیوسازی
21:13
  ساخت صفحه FAQ - حالت DarkMode
04:58
ساخت صفحه قوانین سایت
  ساخت صفحه قوانین سایت + رسپانسیو سازی
18:13
  ساخت صفحه قوانین سایت - حالت DarkMode
02:59
ساخت صفحه ارتباط با ما
  ساخت صفحه ارتباط با ما - بخش تماس با دیجی کالا
24:17
  ساخت صفحه ارتباط با ما - بخش تعطیلات دیجی کالا
24:40
  ساخت صفحه ارتباط با ما - بخش اطلاعات دیجی کالا
28:01
  ساخت صفحه ارتباط با ما - رسپانسیو سازی
12:57
  ساخت صفحه ارتباط با ما - حالت DarkMode
10:02
  ساخت صفحه ارتباط با ما - رفع مشکل در رسپانسیو سازی
02:06
ساخت صفحه اتاق خبر
  ساخت اتاق خبر دیجی کالا - ساخت منو
13:06
  ساخت اتاق خبر دیجی کالا - ساخت منو
18:23
  ساخت اتاق خبر دیجی کالا - مهم‌ترین خبرها
13:29
  ساخت اتاق خبر دیجی کالا - مهم‌ترین خبرها
14:37
  ساخت اتاق خبر دیجی کالا - مقالات
24:43
  ساخت اتاق خبر دیجی کالا - بخش Footer
20:53
  ساخت اتاق خبر دیجی کالا - بخش اتاق خبر
19:31
  ساخت اتاق خبر دیجی کالا - رسپانسیوسازی
20:37
  ساخت اتاق خبر دیجی کالا - ادامه رسپانسیوسازی
10:47
  ساخت اتاق خبر دیجی کالا - رسپانسیو کردن منو
12:57
  ساخت اتاق خبر دیجی کالا - حالت DarkMode
13:04
ساخت صفحه فروش کارت‌های هدیه
  ساخت صفحه فروش کارت‌های هدیه - ساخت لایه اول
10:47
  ساخت صفحه فروش کارت‌های هدیه - معرفی swiper و ساخت carousel - بخش اول
21:17
  ساخت صفحه فروش کارت‌های هدیه - معرفی swiper و ساخت carousel - بخش دوم
23:59
  ساخت صفحه فروش کارت‌های هدیه - شخصی‌سازی carousel
16:38
  ساخت صفحه فروش کارت‌های هدیه - دسته‌بندی‌ها
10:27
  ساخت صفحه فروش کارت‌های هدیه - تکمیل صفحه
10:33
  ساخت صفحه فروش کارت‌های هدیه - ساخت Carousel به سبک Grid
25:26
  ساخت صفحه فروش کارت‌های هدیه - رسپانسیو سازی بخش اول
11:15
  ساخت صفحه فروش کارت‌های هدیه - رسپانسیو سازی بخش دوم
04:34
  ساخت صفحه فروش کارت های هدیه - حالت DarkMode
15:25
  ساخت صفحه فروش کارت‌های هدیه - رفع یک مشکل در قالب
08:01
ساخت صفحه شگفت انگیزهای دیجی کالا
  ساخت صفحه شگفت انگیزهای - توضیحات این بخش
09:25
  ساخت صفحه شگفت انگیزهای - ساخت اسلایدر تصاویر
24:27
  ساخت صفحه شگفت انگیزهای - ساخت Carousel
26:45
  ساخت صفحه شگفت انگیزهای - ادامه ساخت Carousel
21:27
  ساخت صفحه شگفت انگیزهای - تکمیل کردن Carousel
13:57
  ساخت صفحه شگفت انگیزهای - ساخت Timer
16:55
  ساخت صفحه شگفت انگیزهای - دسته‌بندی‌ها
09:44
  ساخت صفحه شگفت انگیزهای - شگفت انگیزهای منتخب
28:37
  ساخت صفحه شگفت انگیزهای - شگفت انگیزهای منتخب رو به اتمام
11:37
  ساخت صفحه شگفت انگیزهای - بخش‌های تکمیلی
20:30
  ساخت صفحه شگفت انگیزهای - اتمام بخش‌های تکمیلی
21:29
  ساخت صفحه شگفت انگیزهای - بخش همه شگفت انگیزها
28:24
  ساخت صفحه شگفت انگیزهای - همه شگفت انگیزها - بخش دوم
18:48
  ساخت صفحه شگفت انگیزهای - همه شگفت انگیزها - بخش سوم
20:49
  ساخت صفحه شگفت انگیزهای - رسپانسیو سازی - بخش اول
17:20
  ساخت صفحه شگفت انگیزهای - رسپانسیو سازی - قسمت دوم
23:08
  ساخت صفحه شگفت انگیزهای - رسپانسیو سازی - قسمت سوم
08:34
  ساخت صفحه شگفت انگیزهای - حالت DarkMode
04:36

پیش‌نیاز‌ها

این دوره به نحوی تهیه و تدوین شده است که مباحث آن به ساده‌ترین شکل ممکن بیان شوند و مخاطبان دوره بتوانند به‌سادگی متوجه موضوعات مطرح شده شوند. به همین جهت برای شرکت در این دوره تنها آشنایی با Tailwind CSS نیاز است.

توضیحات دوره

اگر بخواهی تیرخلاص را در یادگیری تیلویند بزنی این دوره برای تو هست!

این دوره می‌تواند یک رزومه بسیار قوی برای شما باشد اگر بخواهید در شرکت‌های بزرگ تولید نرم‌افزار استخدام شوید، این دوره می‌تواند سکوی پرتاب شما باشد و یک نمونه کار بسیار قدرتمند در رزومه شما باشد.

اگر بخواهید به‌صورت فریلنسری طراحی قالب انجام دهید و به درآمد بسیار خوبی برسید این دوره دقیقاً برای شماست.

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

دوره آموزش جامع ساخت فروشگاه اینترنتی دیجی‌کالا با تیلویند Tailwind CSS

اگر بخواهی تیرخلاص را در یادگیری تیلویند بزنی این دوره برای تو هست!

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

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

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

در این دوره چه چیزهایی خواهید آموخت؟

آشنایی کامل با Tailwind CSS: در این دوره، به طور کامل با Tailwind CSS، از نصب و راه‌اندازی تا مفاهیم پایه و پیشرفته آن، آشنا خواهید شد. 
ساخت قالب‌های HTML: در این دوره ما 11 صفحه از مهم ترین و سخت ترین صفحات دیجی کالا را پیاده سازی میکنیم. ساخت دیجی کالا در حالت دارک: در این دوره بینظیر ما قابلیت دارک مود هم به وب سایت دیجی کالا اضافه میکنیم که بسیار جذاب است.
ایجاد رابط کاربری پویا: پیاده‌سازی رابط کاربری جذاب و پویا با استفاده از Tailwind CSS و انیمیشن‌های ظریف.
بهینه‌سازی وب‌سایت: تکنیک‌های سئو و بهینه‌سازی سرعت برای افزایش رتبه وب‌سایت در موتورهای جستجو و تجربه کاربری بهتر.
استقرار وب‌سایت: نحوه استقرار وب‌سایت فروشگاه اینترنتی خود بر روی هاست و دامنه.

مزایای این دوره

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

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

افرادی که هیچ آشنایی با HTML، CSS و JavaScript ندارند. 
افرادی که به دنبال یادگیری یک راهکار سریع و آسان برای ساخت فروشگاه اینترنتی هستند.  

ابزارهای موردنیاز

ویرایشگر کد مانند Visual Studio Code (VSCode)
مرورگر وب مانند Chrome یا Firefox
 

با گذراندن این دوره چه مهارت‌هایی کسب خواهید کرد؟

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

این دوره سکوی پرتاب شما به‌سوی بازار کار خواهد بود!

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

دیدگاه کاربران

3

بر اساس امتیاز 2 دانشجو

1
2
3
4
5

آرزو محمدی

1 ماه پیش

5

تدریس خوب است

گواهینامه اختصاصی دو زبانه

پس از گذراندن دوره به صورت آنلاین در سایت مکتب‌خونه، گواهی‌نامه رسمی پایان دوره به زبان فارسی و انگلیسی، توسط مکتب‌خونه به اسم شما صادر شده و در اختیار شما قرار می‌گیرد.

امکان اشتراک گذاری در لینکدین
دو زبانه
3دوره
2,188دانشجو
22نظر و امتیاز

رضا کوهساری، دانش آموخته مهندسی کامپیوتر گرایش نرم‌افزار از دانشگاه جهرم است و دارای تخصص در حوزه طراحی وب‌سایت به صورت فرانت‌اند و بک‌اند (Full Stack) مشغول به فعالیت هستند. ایشان با چهار سال تجربه در این حوزه و فعالیت به مدت دو سال در شرکت پایش به‌عنوان برنامه‌نویس وب و TA درس طراحی سایت فعالیت نموده و از سال ۱۴۰۰ تا هم اکنون با عنوان مدیر و مدرس، در وب‌سایت آموزش برنامه‌نویسی آرتور در این حوزه مشغول به فعالیت است. از سوابق آموزش ایشان می‌توان به بیش از 1۲۰۰ ساعت آموزش حضوری و بیش از 2000 ساعت آموزش آنلاین در قالب بیش از 20 دوره آموزشی در زمینه طراحی وب اشاره نمود.

مهارت‌هایی که می‌آموزید

دوره‌های مشابه

سوالات پرتکرار

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

بله. پس از پایان مدت دوره نیز به ویدئوها، تمرین‌ها، پروژه‌ها و سایر محتوای آموزشی دوره دسترسی خواهید داشت؛ اما امکان تصحیح تمرین‌ها توسط پشتیبان دوره و دریافت گواهی‌نامه برای شما وجود نخواهد داشت.