کتاب CSS for No-Code/Low-Code Platforms با فرمت AZW3 برای کتابخوان کیندل و فرمت EPUB
CSS برای پلتفرمهای No-Code/Low-Code: وبسایتهای جذاب و حرفهای بسازید! CSS برای پلتفرمهای No-Code/Low-Code: وبسایتهای جذاب و حرفهای بسازید! آیا میخواهید وبسایتهای خود را به سطحی بالاتر ارتقا ...
🎓 دوره آموزشی جامع
📚 اطلاعات دوره
عنوان دوره: دوره CSS for No-Code/Low-Code Platforms
موضوع کلی: برنامه نویسی
موضوع میانی: CSS
📋 سرفصلهای دوره
- 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
Low-Code
No Code
Web Design
Web Development
آموزش CSS
استایل دهی وب
بدون کد
برنامه نویسی
توسعه وب
شخصی سازی وب
طراحی وب
کم کد
نظرات
هنوز نظری ثبت نشده است.
وارد شوید تا نظر ثبت کنید.