اپلیکیشن اندرویدی فلش‌کارت آموزشی HTML و CSS: مرجع کامل برای طراحی وب مدرن و واکنش‌گرا

249,500 تومان
پرداخت اقساطی
در صورت خرید اقساطی هر قسط: 62,375 تومان
۴ قسط ماهانه. بدون سود، چک و ضامن.
پرداخت اقساطی با دیجی‌پی پرداخت اقساطی با ترب‌پی

📚 کتاب آموزشی جامع

📚 اطلاعات کتاب

عنوان کتاب: کتاب 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)
اپلیکیشن آموزشی اندروید
یادگیری هوشمند، همیشه همراه شما
فلش‌کارت‌های آموزشی را در یک محیط فارسی، ساده و کاربردی مرور کنید؛ پاسخ‌های خود را بسنجید و پیشرفت یادگیری‌تان را دنبال کنید.
مطالعه آفلاین محیط فارسی و راست‌چین ویژه اندروید
فلش‌کارت آموزشی؛ روشی کاربردی برای مرور مطالب

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

📴
یادگیری بدون اینترنت مداوم
پس از نصب و در دسترس بودن محتوای دوره، فلش‌کارت‌ها را در زمان و مکان دلخواه مرور کنید.
🗂️
انواع محتوای آموزشی
از نکته‌های آموزشی تا پرسش‌های چهارگزینه‌ای و پرسش‌وپاسخ، مطالب را متناسب با نیاز خود مرور کنید.
📊
ارزیابی میزان یادگیری
پاسخ‌های درست و غلط خود را ثبت کنید و آمار عملکردتان را به تفکیک نوع محتوا ببینید.
🎯
مرور هدفمند فصل‌ها
فصل‌های موردنظر را انتخاب کنید و با استفاده از گزینه انتخاب همه، مرور فصل‌های مرورنشده را در اولویت قرار دهید.
انواع فلش‌کارت‌های قابل مرور

محتوای آموزشی در قالب‌های متنوع ارائه می‌شود تا هم برای یادگیری مفاهیم جدید و هم برای تثبیت آموخته‌ها قابل استفاده باشد.

💬
نکته‌های خودمانی
یادگیری ساده و روان
📘
نکته‌های رسمی و کتابی
مرور دقیق مفاهیم
📝
پرسش‌های چهارگزینه‌ای
سنجش آموخته‌ها
❓
پرسش‌وپاسخ
تمرین یادآوری پاسخ
🎓
درسنامه
مرور محتوای آموزشی
امکانات مرور و ارزیابی
حرکت ساده بین کارت‌ها
استفاده از دکمه‌های قبلی و بعدی و مشاهده نوار پیشرفت برای دنبال کردن روند مرور.
مشاهده پاسخ و توضیحات
برگرداندن کارت برای نمایش پاسخ و توضیحات در قالب‌هایی مانند تست و پرسش‌وپاسخ.
تنظیم اندازه فونت
انتخاب اندازه مناسب نوشته‌ها برای تجربه مطالعه راحت‌تر.
نمایش فرمول‌های ریاضی
پشتیبانی از نمایش صحیح فرمول‌ها و روابط ریاضی مبتنی بر LaTeX.
ثبت نتیجه و گزارش آماری
علامت‌گذاری هر پاسخ به‌صورت درست یا غلط و مشاهده تعداد و درصد موفقیت برای انواع محتوا.
طراحی‌شده برای مطالعه روزمره
  • رابط کاربری فارسی و راست‌چین با فونت وزیر.
  • تم روشن و تیره مطابق تنظیمات سیستم.
  • صفحه‌بندی ساده برای انتخاب دوره و شروع مرور.
  • نمایش تعداد دفعات مرور هر فصل.
  • انتخاب چند فصل برای مرور هم‌زمان.
  • امکان تمرکز بر فصل‌هایی که هنوز مرور نشده‌اند.
مناسب برای چه کسانی است؟

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

توجه: محتوای آموزشی و تعداد فلش‌کارت‌ها به دوره انتخاب‌شده بستگی دارد. محتوای دوره پس از نصب، درون برنامه قابل استفاده است؛ با این حال، دریافت اولیه اپلیکیشن و به‌روزرسانی‌های احتمالی ممکن است به اینترنت نیاز داشته باشند.
گالری تصاویر اپلیکیشن‌ها
محیط واقعی اپلیکیشن‌های آموزشی ما
تصاویر زیر، نمونه‌هایی از محیط واقعی اپلیکیشن‌های آموزشی ما هستند و قالب کلی، سبک طراحی و شیوه نمایش محتوای آموزشی در این برنامه‌ها را نشان می‌دهند.
نگاهی به فضای داخل برنامه
تصویر محیط اپلیکیشن آموزشی ۱
نمای اپلیکیشن ۱
تصویر محیط اپلیکیشن آموزشی ۲
نمای اپلیکیشن ۲
تصویر محیط اپلیکیشن آموزشی ۳
نمای اپلیکیشن ۳
تصویر محیط اپلیکیشن آموزشی ۴
نمای اپلیکیشن ۴
تصویر محیط اپلیکیشن آموزشی ۵
نمای اپلیکیشن ۵
تصویر محیط اپلیکیشن آموزشی ۶
نمای اپلیکیشن ۶
تصویر محیط اپلیکیشن آموزشی ۷
نمای اپلیکیشن ۷
تصویر محیط اپلیکیشن آموزشی ۸
نمای اپلیکیشن ۸
تصویر محیط اپلیکیشن آموزشی ۹
نمای اپلیکیشن ۹
تصویر محیط اپلیکیشن آموزشی ۱۰
نمای اپلیکیشن ۱۰
تصویر محیط اپلیکیشن آموزشی ۱۱
نمای اپلیکیشن ۱۱
نکته مهم درباره تصاویر
این تصاویر نمونه‌ای از قالب و سبک طراحی اپلیکیشن‌های آموزشی ما هستند. اپلیکیشن ارائه‌شده نیز از همین رویکرد طراحی و نمایش محتوای آموزشی پیروی می‌کند؛ جزئیات ظاهری و امکانات قابل مشاهده ممکن است متناسب با نوع دوره و بخش مورد استفاده متفاوت باشد.

نظرات

هنوز نظری ثبت نشده است.

وارد شوید تا نظر ثبت کنید.