اپلیکیشن اندرویدی فلش‌کارت آموزشی HTML و Web Components: ایجاد عناصر سفارشی HTML

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

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

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

عنوان کتاب: کتاب HTML و Web Components: ایجاد عناصر سفارشی HTML

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

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

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

  • 1. مقدمه ای بر HTML
  • 2. تاریخچه HTML
  • 3. ساختار پایه یک سند HTML
  • 4. عناصر HTML و تگ ها
  • 5. صفات (Attributes) در HTML
  • 6. تگ های معنایی (Semantic Tags)
  • 7. عناصر سرصفحه (Headings)
  • 8. عناصر پاراگراف (Paragraphs)
  • 9. عناصر نقل قول (Quotes)
  • 10. عناصر متن (Text Formatting)
  • 11. عناصر لیست (Lists) - مرتب و نامرتب
  • 12. عناصر لینک (Links) - نسبی و مطلق
  • 13. صفات لینک (Link Attributes)
  • 14. عناصر تصویر (Images)
  • 15. صفات تصویر (Image Attributes)
  • 16. عناصر جدول (Tables)
  • 17. سلول های جدول (Table Cells) - th و td
  • 18. ادغام سلول ها (Rowspan و Colspan)
  • 19. عناصر فرم (Forms)
  • 20. عناصر ورودی (Input Types) - text, password, submit
  • 21. عناصر ورودی (Input Types) - checkbox, radio, button
  • 22. عناصر ورودی (Input Types) - email, url, tel, number
  • 23. عناصر ورودی (Input Types) - date, time, month, week
  • 24. عناصر ورودی (Input Types) - color, range
  • 25. عناصر ورودی (Input Types) - hidden, image, file
  • 26. عناصر فرم (Form Elements) - textarea, select, option
  • 27. صفات فرم (Form Attributes) - action, method
  • 28. صفات ورودی (Input Attributes) - name, value, placeholder
  • 29. صفات ورودی (Input Attributes) - required, readonly, disabled
  • 30. صفات ورودی (Input Attributes) - min, max, step, pattern
  • 31. عناصر چندرسانه ای (Multimedia) - audio
  • 32. عناصر چندرسانه ای (Multimedia) - video
  • 33. صفات ویدئو (Video Attributes) - controls, autoplay
  • 34. صفات ویدئو (Video Attributes) - loop, muted, poster
  • 35. عناصر iframe
  • 36. عناصر Div و Span
  • 37. عناصر Block-level و Inline-level
  • 38. شناسه ها (IDs) و کلاس ها (Classes)
  • 39. CSS: مقدمه ای بر استایل دهی
  • 40. انتخابگرهای CSS (Selectors)
  • 41. انتخابگرهای نوع، کلاس و شناسه
  • 42. انتخابگرهای ویژگی (Attribute Selectors)
  • 43. انتخابگرهای ترکیبی (Combinators)
  • 44. انتخابگرهای شبه کلاس (Pseudo-classes)
  • 45. انتخابگرهای شبه عنصر (Pseudo-elements)
  • 46. خاصیت (Specificity) در CSS
  • 47. وراثت (Inheritance) در CSS
  • 48. واحدها در CSS (px, em, rem, %, vw, vh)
  • 49. مدل جعبه ای (Box Model) در CSS
  • 50. Margin, Border, Padding, Content
  • 51. نمایش (Display) - block, inline, inline-block
  • 52. نمایش (Display) - flex, grid
  • 53. موقعیت دهی (Positioning) - static, relative, absolute
  • 54. موقعیت دهی (Positioning) - fixed, sticky
  • 55. زیرنویس ها (Floats) و پاکسازی (Clear)
  • 56. پس زمینه ها (Backgrounds)
  • 57. رنگ ها (Colors) و مقادیر رنگ
  • 58. فونت ها (Fonts) و خانواده فونت
  • 59. تنظیمات متن (Text Properties)
  • 60. لینک ها و استایل دهی آنها
  • 61. استایل دهی جدول ها
  • 62. استایل دهی فرم ها
  • 63. نکاتی در مورد طراحی واکنش گرا (Responsive Design)
  • 64. رسانه ها (Media Queries)
  • 65. استفاده از فونت های گوگل (Google Fonts)
  • 66. ایجاد فرم های پیچیده
  • 67. اعتبارسنجی فرم ها در سمت کلاینت (Client-side Validation)
  • 68. مقدمه ای بر Web Components
  • 69. مزایای Web Components
  • 70. Shadow DOM
  • 71. Custom Elements
  • 72. HTML Templates
  • 73. ایجاد یک Custom Element پایه
  • 74. تعریف رفتار در Custom Elements
  • 75. استفاده از صفات در Custom Elements
  • 76. مدیریت رویدادها در Custom Elements
  • 77. ترکیب Custom Elements
  • 78. اسلات ها (Slots) در Shadow DOM
  • 79. استفاده از Shadow DOM برای کپسوله سازی
  • 80. لایف سایکل (Lifecycle) Custom Elements
  • 81. متدهای لایف سایکل (connectedCallback, disconnectedCallback)
  • 82. متدهای لایف سایکل (attributeChangedCallback, adoptedCallback)
  • 83. نظارت بر تغییرات صفات
  • 84. ایجاد کامپوننت های قابل استفاده مجدد
  • 85. طراحی کامپوننت های واکنش گرا
  • 86. کامپوننت های فرم سفارشی
  • 87. ادغام Web Components با فریمورک های جاوااسکریپت
  • 88. بهترین روش ها در توسعه Web Components
  • 89. اشکال زدایی (Debugging) Web Components
  • 90. ملاحظات دسترسی پذیری (Accessibility) در Web Components
  • 91. کارایی (Performance) Web Components
  • 92. مقدمه ای بر HTML5 APIs
  • 93. HTML5 APIs - Geolocation
  • 94. HTML5 APIs - Drag and Drop
  • 95. HTML5 APIs - Local Storage و Session Storage
  • 96. HTML5 APIs - Web Workers
  • 97. HTML5 APIs - Canvas
  • 98. HTML5 APIs - SVG
  • 99. Web Components برای ساخت UI های پیچیده
  • 100. استفاده از کتابخانه های Web Components
اپلیکیشن آموزشی اندروید
یادگیری هوشمند، همیشه همراه شما
فلش‌کارت‌های آموزشی را در یک محیط فارسی، ساده و کاربردی مرور کنید؛ پاسخ‌های خود را بسنجید و پیشرفت یادگیری‌تان را دنبال کنید.
مطالعه آفلاین محیط فارسی و راست‌چین ویژه اندروید
فلش‌کارت آموزشی؛ روشی کاربردی برای مرور مطالب

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

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

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

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

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

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

نظرات

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

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