🎓 دوره آموزشی جامع

📚 اطلاعات دوره

عنوان دوره: CSS for No-Code/Low-Code Platforms

موضوع کلی: برنامه نویسی

موضوع میانی: CSS

📋 سرفصل‌های دوره (100 موضوع)

• 1. CSS چیست و چرا مهم است؟
• 2. CSS برای No-Code/Low-Code: مقدمه
• 3. نقش CSS در طراحی بصری
• 4. تفاوت CSS سنتی با CSS در پلتفرم‌های No-Code
• 5. اولین قدم‌ها با CSS در محیط No-Code
• 6. انتخاب ادیتور یا ابزار CSS در پلتفرم
• 7. مروری بر نحو (Syntax) CSS
• 8. انتخابگرها (Selectors) پایه: تگ‌ها
• 9. انتخابگرها: کلاس‌ها
• 10. انتخابگرها: شناسه‌ها (IDs)
• 11. انتخابگرهای ترکیبی (Combinators)
• 12. انتخابگرهای صفتی (Attribute Selectors)
• 13. انتخابگرهای شبه‌کلاس (Pseudo-classes) پایه
• 14. انتخابگرهای شبه‌کلاس پیشرفته
• 15. انتخابگرهای شبه‌عنصر (Pseudo-elements) پایه
• 16. انتخابگرهای شبه‌عنصر پیشرفته
• 17. اصول CSS: قوانین (Rules) و ویژگی‌ها (Properties)
• 18. مقادیر (Values) در CSS
• 19. واحدها (Units) در CSS: پیکسل (px)
• 20. واحدها: درصد (%)
• 21. واحدها: واحدهای نسبی (em, rem)
• 22. واحدها: واحدهای viewport (vw, vh)
• 23. واحدها: واحدهای زاویه (deg, grad, rad, turn)
• 24. واحدها: واحدهای زمان (s, ms)
• 25. مدل جعبه‌ای (Box Model): محتوا (Content)
• 26. مدل جعبه‌ای: پدینگ (Padding)
• 27. مدل جعبه‌ای: حاشیه (Border)
• 28. مدل جعبه‌ای: مارجین (Margin)
• 29. نحوه نمایش عناصر (Display Property): inline
• 30. نحوه نمایش: block
• 31. نحوه نمایش: inline-block
• 32. نحوه نمایش: none
• 33. نحوه نمایش: flex
• 34. نحوه نمایش: grid
• 35. مدیریت اندازه (Sizing) عناصر: عرض (Width)
• 36. مدیریت اندازه: ارتفاع (Height)
• 37. حداقل و حداکثر اندازه (min-width, max-width, min-height, max-height)
• 38. رنگ‌ها در CSS: نام رنگ‌ها
• 39. رنگ‌ها: مقادیر هگزادسیمال (Hex)
• 40. رنگ‌ها: مقادیر RGB
• 41. رنگ‌ها: مقادیر RGBA (با شفافیت)
• 42. رنگ‌ها: مقادیر HSL
• 43. رنگ‌ها: مقادیر HSLA (با شفافیت)
• 44. تنظیم رنگ پس‌زمینه (Background Color)
• 45. تنظیم تصویر پس‌زمینه (Background Image)
• 46. تکرار تصویر پس‌زمینه (Background Repeat)
• 47. موقعیت تصویر پس‌زمینه (Background Position)
• 48. مقیاس تصویر پس‌زمینه (Background Size)
• 49. نوشتار (Typography): فونت فمیلی (Font Family)
• 50. نوشتار: اندازه فونت (Font Size)
• 51. نوشتار: وزن فونت (Font Weight)
• 52. نوشتار: سبک فونت (Font Style)
• 53. نوشتار: تزئینات متن (Text Decoration)
• 54. نوشتار: تراز متن (Text Align)
• 55. نوشتار: فاصله‌گذاری خطوط (Line Height)
• 56. نوشتار: فاصله‌گذاری حروف (Letter Spacing)
• 57. نوشتار: فاصله‌گذاری کلمات (Word Spacing)
• 58. نوشتار: تغییر حروف (Text Transform)
• 59. حاشیه‌ها (Borders): عرض حاشیه (Border Width)
• 60. حاشیه‌ها: سبک حاشیه (Border Style)
• 61. حاشیه‌ها: رنگ حاشیه (Border Color)
• 62. حاشیه‌ها: گرد کردن گوشه‌ها (Border Radius)
• 63. سایه‌ها (Shadows): سایه متن (Text Shadow)
• 64. سایه‌ها: سایه جعبه‌ای (Box Shadow)
• 65. تبدیل‌ها (Transforms): چرخش (Rotate)
• 66. تبدیل‌ها: مقیاس‌بندی (Scale)
• 67. تبدیل‌ها: جابجایی (Translate)
• 68. تبدیل‌ها: کج کردن (Skew)
• 69. انتقال‌ها (Transitions): تعریف انتقال (Transition Property)
• 70. انتقال‌ها: مدت زمان انتقال (Transition Duration)
• 71. انتقال‌ها: تاخیر در انتقال (Transition Delay)
• 72. انتقال‌ها: منحنی زمان‌بندی (Transition Timing Function)
• 73. انیمیشن‌ها (Animations): تعریف Keyframes
• 74. انیمیشن‌ها: نام انیمیشن
• 75. انیمیشن‌ها: مدت زمان انیمیشن
• 76. انیمیشن‌ها: تکرار انیمیشن
• 77. انیمیشن‌ها: جهت انیمیشن
• 78. انیمیشن‌ها: حالت پایانی انیمیشن
• 79. انیمیشن‌ها: تاخیر در انیمیشن
• 80. استفاده از CSS در ادیتورهای Visual
• 81. استایل‌دهی به دکمه‌ها
• 82. استایل‌دهی به فرم‌ها
• 83. استایل‌دهی به تصاویر
• 84. استایل‌دهی به جداول
• 85. استایل‌دهی به لیست‌ها
• 86. CSS Responsive: واحدهای نسبی برای ابعاد
• 87. CSS Responsive: استفاده از Max-Width
• 88. CSS Responsive: Media Queries (مقدمه)
• 89. CSS Responsive: Media Queries برای عرض صفحه
• 90. CSS Responsive: Media Queries برای دستگاه‌های مختلف
• 91. CSS Responsive: طراحی Mobile-First
• 92. CSS Responsive: طراحی Desktop-First
• 93. انعطاف‌پذیری با Flexbox: مفاهیم پایه
• 94. Flexbox: تنظیم چیدمان (Justify Content)
• 95. Flexbox: تراز عناصر (Align Items)
• 96. Flexbox: چیدمان چند خطی (Flex Wrap)
• 97. Flexbox: ترتیب عناصر (Order)
• 98. CSS Grid: مفاهیم پایه
• 99. Grid: تعریف سطرها و ستون‌ها
• 100. Grid: قرار دادن عناصر در Grid

CSS برای پلتفرم‌های No-Code/Low-Code: وب‌سایت‌های جذاب و حرفه‌ای بسازید!

آیا می‌خواهید وب‌سایت‌های خود را به سطحی بالاتر ارتقا دهید؟ با ما همراه شوید تا قدرت CSS را در پلتفرم‌های No-Code/Low-Code کشف کنید و وب‌سایت‌هایی خیره‌کننده و منحصربه‌فرد بسازید!

1. معرفی دوره: از مبتدی تا حرفه‌ای در CSS

تصور کنید می‌توانید بدون دانش عمیق برنامه‌نویسی، ظاهر وب‌سایت خود را به طور کامل کنترل کنید و آن را به گونه‌ای طراحی کنید که مشتریان شما را مجذوب خود کند. با دوره “CSS برای پلتفرم‌های No-Code/Low-Code”، این رویا به واقعیت تبدیل می‌شود! این دوره برای شما طراحی شده است، چه یک طراح وب تازه‌کار باشید و چه یک کارآفرین که به دنبال راه‌اندازی وب‌سایت خود است.

در این دوره، شما با اصول و تکنیک‌های پیشرفته CSS آشنا می‌شوید و یاد می‌گیرید چگونه از این زبان قدرتمند برای سفارشی‌سازی وب‌سایت‌های ساخته شده با پلتفرم‌های No-Code/Low-Code مانند WordPress, Webflow, Bubble و غیره استفاده کنید. ما به شما نشان می‌دهیم که چگونه وب‌سایت‌هایی با ظاهری مدرن، واکنش‌گرا و متناسب با برند خودتان ایجاد کنید و از رقبایتان متمایز شوید.

2. درباره دوره: سفری به دنیای CSS و پلتفرم‌های No-Code/Low-Code

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

ما به شما نشان می‌دهیم که چگونه CSS را با پلتفرم‌های No-Code/Low-Code مورد علاقه خود ادغام کنید و وب‌سایت‌هایی ایجاد کنید که هم زیبا و هم کاربردی باشند. همچنین، نکاتی را در مورد بهینه‌سازی وب‌سایت برای سرعت و سئو (SEO) ارائه می‌دهیم تا اطمینان حاصل شود که وب‌سایت شما در موتورهای جستجو به خوبی دیده می‌شود.

3. موضوعات کلیدی: آنچه در این دوره خواهید آموخت

• مقدمه‌ای بر CSS: آشنایی با مفاهیم پایه، نحو (Syntax) و ساختار CSS.
• انتخابگرها (Selectors): یادگیری انواع انتخابگرها و نحوه استفاده از آن‌ها برای هدف قرار دادن عناصر HTML.
• خواص CSS: آموزش استفاده از خواص پرکاربرد مانند رنگ، فونت، اندازه، حاشیه، فاصله‌گذاری و غیره.
• مدل باکس (Box Model): درک مدل باکس و نحوه تاثیر آن بر ظاهر و چیدمان عناصر.
• چیدمان (Layout): آشنایی با روش‌های چیدمان مختلف مانند Flow, Flexbox, و Grid.
• طراحی واکنش‌گرا (Responsive Design): ایجاد وب‌سایت‌هایی که در تمام دستگاه‌ها (دسکتاپ، تبلت، موبایل) به درستی نمایش داده می‌شوند.
• انیمیشن‌ها و ترانزیشن‌ها: افزودن جلوه‌های بصری جذاب به وب‌سایت.
• فریم‌ورک‌های CSS: معرفی Bootstrap و Tailwind CSS و نحوه استفاده از آن‌ها برای سرعت بخشیدن به فرآیند طراحی.
• سفارشی‌سازی پلتفرم‌های No-Code/Low-Code: آموزش نحوه ادغام CSS با پلتفرم‌های محبوب.
• بهینه‌سازی وب‌سایت: نکات مهم برای بهبود سرعت و سئو وب‌سایت.

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

این دوره برای طیف وسیعی از افراد مناسب است، از جمله:

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

5. چرا این دوره را بگذرانیم؟: مزایای بی‌شمار این دوره

با شرکت در این دوره، شما به مزایای زیر دست خواهید یافت:

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

6. سرفصل‌های دوره: 100 گام تا تسلط بر CSS

این دوره شامل 100 سرفصل جامع است که از مباحث مقدماتی تا پیشرفته را پوشش می‌دهد. در اینجا تنها به چند نمونه از این سرفصل‌ها اشاره می‌کنیم:

• بخش 1: مقدمه‌ای بر CSS
  • CSS چیست؟
  • چرا باید CSS یاد بگیریم؟
  • نحوه استفاده از CSS (Inline, Internal, External)
  • ساختار CSS و انتخابگرها
  • کامنت‌گذاری در CSS
• بخش 2: انتخابگرها
  • انتخابگرهای پایه (Element, Class, ID)
  • انتخابگرهای ترکیبی
  • انتخابگرهای صفتی
  • انتخابگرهای Pseudo-class
  • انتخابگرهای Pseudo-element
• بخش 3: خواص CSS پایه
  • رنگ (Color)
  • فون (Font)
  • متن (Text)
  • اندازه (Size)
  • پس‌زمینه (Background)
  • حاشیه (Margin) و فاصله‌گذاری (Padding)
  • سایه‌ها (Shadows)
  • حاشیه (Border)
• بخش 4: مدل باکس
  • درک مدل باکس
  • عرض و ارتفاع
  • حاشیه، فاصله‌گذاری و محتوا
  • Overflow
• بخش 5: چیدمان (Layout)
  • چیدمان Flow
  • چیدمان Flexbox
  • چیدمان Grid
  • چیدمان Absolute Positioning
  • چیدمان Relative Positioning
• بخش 6: طراحی واکنش‌گرا
  • مفاهیم Responsive Design
  • Media Queries
  • طراحی موبایل اول (Mobile-First)
  • طراحی برای تبلت و دسکتاپ
• بخش 7: انیمیشن‌ها و ترانزیشن‌ها
  • ترانزیشن‌ها (Transitions)
  • انیمیشن‌ها (Animations)
  • keyframe ها
  • کار با transform
• بخش 8: فریم‌ورک‌های CSS
  • Bootstrap: معرفی و استفاده
  • Tailwind CSS: معرفی و استفاده
  • مقایسه Bootstrap و Tailwind CSS
• بخش 9: سفارشی‌سازی پلتفرم‌های No-Code/Low-Code
  • ادغام CSS با WordPress
  • ادغام CSS با Webflow
  • ادغام CSS با Bubble
  • نکات کلیدی برای سفارشی‌سازی
• بخش 10: بهینه‌سازی وب‌سایت
  • فشرده‌سازی CSS
  • Minify کردن کدها
  • استفاده از CDN
  • نکات سئو برای CSS
• … و بیش از 90 سرفصل دیگر!

📚 محتوای این محصول آموزشی (پکیج کامل)

🎁 محتویات کامل بسته دانلودی

• ویدیوهای آموزشی فارسی — آموزش قدم‌به‌قدم، کاربردی و قابل فهم
• پادکست‌های صوتی فارسی — توضیح مفاهیم کلیدی و نکات تکمیلی
• کتاب PDF فارسی — شامل کلیهٔ سرفصل‌ها و محتوای آموزشی
• کتاب خلاصه نکات ویدیوها و پادکست‌ها – نسخه PDF — مناسب مرور سریع و جمع‌بندی مباحث
• کتاب صدها نکته فارسی (خودمونی) – نسخه PDF — زبان ساده و کاربردی
• کتاب صدها نکته رسمی فارسی – نسخه PDF — نگارش استاندارد، علمی و مناسب چاپ
• کتاب صدها پرسش و پاسخ تشریحی – نسخه PDF
  — هر سؤال بلافاصله همراه با پاسخ کامل و شفاف ارائه شده است؛ مناسب درک عمیق مفاهیم و رفع ابهام.
• کتاب صدها پرسش و پاسخ چهارگزینه‌ای – نسخه PDF (نسخه یادگیری سریع)
  — پاسخ‌ها بلافاصله پس از سؤال قرار دارند؛ مناسب یادگیری سریع و تثبیت مطالب.
• کتاب صدها پرسش و پاسخ چهارگزینه‌ای – نسخه PDF (نسخه خودآزمایی پایان‌بخش)
  — پاسخ‌ها در انتهای هر بخش آمده‌اند؛ مناسب آزمون واقعی و سنجش میزان یادگیری.
• کتاب تمرین‌های درست / نادرست (True / False) – نسخه PDF
  — مناسب افزایش دقت مفهومی و تشخیص صحیح یا نادرست بودن گزاره‌ها.
• کتاب تمرین‌های جای خالی – نسخه PDF
  — تقویت یادگیری فعال و تسلط بر مفاهیم و اصطلاحات کلیدی.

🎯 این بسته یک دورهٔ آموزشی کامل و چندلایه است؛ شامل آموزش تصویری، صوتی، کتاب‌ها، تمرین‌ها و خودآزمایی .

---

ℹ️ نکات مهم هنگام خرید

• این محصول به صورت فایل دانلودی کامل ارائه می‌شود و نسخهٔ چاپی ندارد.
• تمامی فایل‌ها و کتاب‌ها کاملاً فارسی هستند.
• توجه: لینک‌های اختصاصی دوره طی ۴۸ ساعت پس از ثبت سفارش ارسال می‌شوند.
• نیازی به درج شماره موبایل نیست؛ اما برای پشتیبانی سریع‌تر توصیه می‌شود.
• در صورت بروز مشکل در دانلود با شماره 09395106248 تماس بگیرید.
• اگر پرداخت انجام شده ولی لینک‌ها را دریافت نکرده‌اید، نام و نام خانوادگی و نام محصول را پیامک کنید تا لینک‌ها دوباره ارسال شوند.

💬 راه‌های ارتباطی پشتیبانی:
واتس‌اپ یا پیامک: 09395106248
تلگرام: @ma_limbs