اپلیکیشن اندرویدی فلشکارت آموزشی HTML و CSS: مرجع کامل برای طراحی وب مدرن و واکنشگرا
📚 کتاب آموزشی جامع
📚 اطلاعات کتاب
عنوان کتاب: کتاب HTML و CSS: مرجع کامل برای طراحی وب مدرن و واکنشگرا
موضوع کلی: طراحی و توسعه وب فرانتاند
موضوع میانی: مبانی و تکنیکهای پیشرفته HTML و CSS
📋 سرفصلهای کتاب (100 موضوع)
- 1. مقدمهای بر طراحی وب و ابزارهای فرانتاند
- 2. تاریخچه HTML و CSS
- 3. نصب و راهاندازی محیط توسعه
- 4. ساختار اولیه سند HTML
- 5. برچسبها و عناصر HTML
- 6. ویژگیهای (Attributes) عناصر HTML
- 7. کار با متن و پاراگرافها
- 8. عنوانبندی در HTML
- 9. لیستها در HTML (مرتب و نامرتب)
- 10. پیوندها (Links) در HTML
- 11. تصاویر (Images) در HTML
- 12. جداول (Tables) در HTML
- 13. فرمها (Forms) در HTML: مقدمه
- 14. عناصر ورودی در فرمها (Text, Password, Email, URL)
- 15. دکمهها در فرمها (Submit, Reset, Button)
- 16. چکباکسها و رادیو باتنها
- 17. انتخابگرها (Select Boxes)
- 18. متنخانهها (Textareas)
- 19. فیلدهای مخفی (Hidden Fields)
- 20. اعتبارسنجی اولیه فرمها
- 21. ساختاردهی محتوا با Semantic HTML
- 22. برچسبهای معنایی (Section, Article, Aside, Nav, Header, Footer)
- 23. دستهبندی و گروهبندی محتوا (Div, Span)
- 24. عناصر چندرسانهای (Audio, Video)
- 25. عناصر Inline و Block-level
- 26. کدهای HTML قابل نمایش
- 27. کدهای HTML کامنتشونده
- 28. کاراکترهای خاص و انتیتیها
- 29. کدگذاری کاراکترها (Character Encoding)
- 30. بخش head در HTML
- 31. عنصر title
- 32. عنصر meta (Description, Keywords, Viewport)
- 33. عنصر link و style
- 34. عناصر script
- 35. فضاهای خالی (Whitespace) در HTML
- 36. استانداردهای HTML5
- 37. معرفی CSS
- 38. تفاوت HTML و CSS
- 39. روشهای اضافه کردن CSS به HTML (Inline, Internal, External)
- 40. انتخابگرهای (Selectors) CSS: مقدمه
- 41. انتخابگرهای نوع (Type Selectors)
- 42. انتخابگرهای کلاس (Class Selectors)
- 43. انتخابگرهای شناسه (ID Selectors)
- 44. انتخابگرهای عمومی (Universal Selector)
- 45. انتخابگرهای ترکیبی (Combinators)
- 46. انتخابگرهای فرزند (Child Combinators)
- 47. انتخابگرهای خواهر و برادری (Adjacent & General Sibling Combinators)
- 48. انتخابگرهای صفات (Attribute Selectors)
- 49. انتخابگرهای شبهکلاس (Pseudo-classes): مقدمه
- 50. `:hover`, `:active`, `:focus`
- 51. `:nth-child`, `:first-child`, `:last-child`
- 52. `:empty`, `:not()`
- 53. انتخابگرهای شبهعنصر (Pseudo-elements): مقدمه
- 54. `::before`, `::after`
- 55. `::first-letter`, `::first-line`
- 56. نحوه اولویتبندی (Specificity) در CSS
- 57. قانون `!important`
- 58. خواص (Properties) و مقادیر (Values) در CSS
- 59. واحدها در CSS (px, em, rem, %, vw, vh)
- 60. رنگها در CSS (نام رنگ، HEX, RGB, RGBA, HSL, HSLA)
- 61. پسزمینهها (Backgrounds): `background-color`
- 62. تصاویر پسزمینه: `background-image`
- 63. تکرار پسزمینه: `background-repeat`
- 64. موقعیت پسزمینه: `background-position`
- 65. اندازه پسزمینه: `background-size`
- 66. ضمیمه پسزمینه: `background-attachment`
- 67. خواص خلاصهشده پسزمینه: `background`
- 68. متن (Text): `color`
- 69. ترازبندی متن: `text-align`
- 70. تزئین متن: `text-decoration`
- 71. تغییر حالت حروف: `text-transform`
- 72. فاصله بین خطوط: `line-height`
- 73. تورفتگی متن: `text-indent`
- 74. فاصله بین کلمات و حروف: `word-spacing`, `letter-spacing`
- 75. فونت (Font): `font-family`
- 76. اندازه فونت: `font-size`
- 77. وزن فونت: `font-weight`
- 78. سبک فونت: `font-style`
- 79. خواص خلاصهشده فونت: `font`
- 80. حاشیهها (Margins): `margin`
- 81. فاصله داخلی (Padding): `padding`
- 82. حاشیههای خارجی (Borders): `border-width`, `border-style`, `border-color`
- 83. خواص خلاصهشده حاشیه: `border`
- 84. حاشیههای منفرد (border-top, border-right, border-bottom, border-left)
- 85. شعاع حاشیه: `border-radius`
- 86. جعبه مدل (Box Model): درک کامل
- 87. عرض و ارتفاع عناصر: `width`, `height`
- 88. حداقل و حداکثر عرض و ارتفاع: `min-width`, `max-width`, `min-height`, `max-height`
- 89. نحوه نمایش عناصر (Display): `inline`, `block`, `inline-block`
- 90. نحوه نمایش عناصر (Display): `none`, `flex`, `grid`
- 91. شناور کردن (Float) و پاکسازی شناوری (Clearfix)
- 92. موقعیتدهی (Positioning): `static`, `relative`, `absolute`, `fixed`, `sticky`
- 93. خواص `top`, `right`, `bottom`, `left`
- 94. لایه بندی (Z-index)
- 95. مدیریت سرریز (Overflow): `visible`, `hidden`, `scroll`, `auto`
- 96. دکمهها و لینکهای سبکدهی شده
- 97. ناوبری (Navigation) با CSS
- 98. فرمهای سبکدهی شده
- 99. عناصر جدولی سبکدهی شده
- 100. استفاده از فونتهای وب (Web Fonts)
این اپلیکیشن فارسی برای یادگیری و مرور محتوای آموزشی از طریق فلشکارت طراحی شده است. کارتها را یکییکی مرور کنید، پاسخ پرسشها را به یاد بیاورید و نتیجه هر پاسخ را ثبت کنید. محتوای دوره پس از نصب درون برنامه در دسترس است تا برای مطالعه روزمره معمولاً به اتصال مداوم اینترنت نیاز نداشته باشید.
محتوای آموزشی در قالبهای متنوع ارائه میشود تا هم برای یادگیری مفاهیم جدید و هم برای تثبیت آموختهها قابل استفاده باشد.
- رابط کاربری فارسی و راستچین با فونت وزیر.
- تم روشن و تیره مطابق تنظیمات سیستم.
- صفحهبندی ساده برای انتخاب دوره و شروع مرور.
- نمایش تعداد دفعات مرور هر فصل.
- انتخاب چند فصل برای مرور همزمان.
- امکان تمرکز بر فصلهایی که هنوز مرور نشدهاند.
این اپلیکیشن برای دانشآموزان، دانشجویان، داوطلبان آزمونها و علاقهمندان به یادگیری طراحی شده است؛ بهویژه کسانی که میخواهند مطالب آموزشی را در زمانهای کوتاه مرور کنند، دانستههای خود را بسنجند و مطالعه منظمتری داشته باشند.
نظرات
هنوز نظری ثبت نشده است.
وارد شوید تا نظر ثبت کنید.