Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

دورة تعلم tailwindcss

via YouTube

Overview

Prepare for a new career with $100 off Coursera Plus
Gear up for jobs in high-demand fields: data analytics, digital marketing, and more.
This Arabic course covers the Tailwindcss framework by converting websites/designs created with other CSS frameworks to ones made with Tailwindcss. The course teaches how to customize Tailwindcss, integrate it into applications, use it with preprocessors like sass and less, and optimize code using @apply. The course also covers responsive design, designing elements like navbars, headers, project display sections, resumes, and contact sections. Additionally, it includes adding features like Dark Mode, Headroom.js, Typed.js, and reducing the final CSS file size using PurgeCss. The course duration is 6 hours. The intended audience for this course is individuals interested in learning Tailwindcss and improving their web design skills.

Syllabus

التطبيق الأول : مقدمة لإطار العمل Tailwindcss.
التطبيق الأول : تضمين الـ Tailwindcss في التطبيق | Installation.
التطبيق الأول : شرح تخصيص tailwindcss من خلال ملف الإعدادات.
التطبيق الأول : اضافة Tailwindcss للـ postcss.
التطبيق الأول : إستخدام Tailwindcss مع الـ preprocessors مثل sass , less.
التطبيق الأول : مقارنة حجم ملف tailwindcss مع اطر العمل الأخرى و دعم المتصفحات له.
التطبيق الأول : تخصيص الـ font family في تطبيقنا.
التطبيق الأول : التصميم المتجاوب و كيف نبدأ في العمل على التصميم.
التطبيق الأول : تصميم الـ navbar - الجزء الأول.
التطبيق الأول : تصميم الـ navbar - الجزء الثاني.
التطبيق الأول : تصميم الـ navbar - الجزء الثالث.
التطبيق الأول : تصميم الـ navbar - الجزء الأخير.
التطبيق الأول : تصميم الهيدر - الجزء الأول.
التطبيق الأول : تصميم الهيدر - الجزء الثاني.
التطبيق الأول : تصميم الهيدر - الجزء الثالث.
التطبيق الأول : تحسين الكود - إستخدام @apply.
التطبيق الأول : تصميم قسم عرض المشاريع - الجزء الأول.
التطبيق الأول : تصميم قسم عرض المشاريع - الجزء الثاني.
التطبيق الأول : تصميم قسم Resume - الجزء الأول.
التطبيق الأول : تصميم قسم Resume - (التعديلات الجديدة و الشكل النهائي).
التطبيق الأول : تصميم قسم Resume - (تحسين الكود).
التطبيق الأول : تصميم قسم Resume - (جعل التصميم متجاوب).
التطبيق الأول : تصميم قسم Contact - (الجزء الأول).
التطبيق الأول : تصميم قسم Contact - (الجزء الثاني).
التطبيق الأول : تصميم قسم Contact - (جعل التصميم متجاوب).
التطبيق الأول : اضافة Headroom.js & Typed.js.
التطبيق الأول : خاصية الدارك مود - Dark Mode.
[ نهاية الدورة ] التطبيق الأول : تقليص حجم ملف الـ css النهائي - PurgeCss.

Taught by

Algorithm Academy

Reviews

Start your review of دورة تعلم tailwindcss

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.