Web Components in Action

تاریخ: 1399/10/25 20:56
توسط: MotoMan
امتیاز: ۲
تعداد بازدید: ۳۹۳۹
دیدگاه ها: ۰
برچسب ها: Java Script |Web Optimization |Css |HTML5 |
کتاب Web Components in Action
Manning Publications
Ben Farrell
9781617295775
2019
432
English

وب کامپوننت‌ها (Web Components)، روشی استاندارد برای ساخت عناصر سفارشی قابل استفاده مجدد برای صفحات و برنامه‌های وب با استفاده از HTML، CSS و JavaScript است. یک Web Component به خوبی کپسوله شده است و ساختار داخلی خودش را از سایر عناصر صفحه جدا نگه می‌دارد تا با بقیه‌ی کد‌های شما تداخل پیدا نکند. در کتاب Web Components in Action (وب کامپوننت‌ها در عمل)، طراحی، ساخت و استقرار Web Component‌های قابل استفاده مجدد را از ابتدا یاد خواهید گرفت.
رابط کاربری مناسب می‌تواند سایت‌ها و برنامه‌های وب شما را از موارد معمول جدا کند. با استفاده از API وب کامپوننت ها، می‌توانید عناصر سفارشی (Custom Elements) بسازید و سپس آنها را فقط با یک تگ HTML ساده به صفحات خود اضافه کنید. این رویکرد طراحی مبتنی بر استانداردها به شما امکان کنترل کامل بر روی سبک (style) و رفتار کامپوننت هایتان می‌دهد و ساخت، اشتراک و استفاده مجدد آنها را بین پروژه‌ها به شدت راحت‌تر می‌کند.
کتاب Web Components in Action، ساخت و استفاده از وب کامپوننت‌ها را از پایه به شما می‌آموزد. شما با استفاده از جاوا اسکریپت، HTML و CSS، با کامپوننت‌های ساده و برنامه‌های مبتنی بر کامپوننت شروع می‌کنید. سپس، آنها را سفارشی کرده و بهترین شیوه‌های طراحی را برای به حداکثر رساندن استفاده مجدد استفاده می‌کنید. از طریق پروژه‌های عملی، شما برای هر پروژه ای، از جمله انتخابگر رنگ، برنامه‌های پیشرفته که از مدل‌های سه بعدی استفاده می‌کنند، واقعیت ترکیبی و یادگیری ماشین، یاد خواهید گرفت تا Web Component‌های production-ready بسازید.

 


مطالبی که در کتاب «وب کامپوننت‌ها در عمل» یاد خواهید گرفت:

  • ایجاد عناصر سفارشی قابل استفاده مجدد بدون استفاده از هیچ فریمورکی
  • استفاده از Shadow Dom برای کپسوله سازی کامپوننت نهایی
  • استفاده از قابلیت‌های جدید‌تر JS برای سازمان دهی و استفاده مجدد از کد
  • استراتژی‌های جایگزین برای استفاده از وب کامپوننت‌ها در مرورگر‌های قدیمی

  

Table of Contents:
- Part 1 First steps
- 1  The framework without a framework
- 2  Your first Web Component
- 3  Making your component reusable
- 4  The component lifecycle
- 5  Instrumenting a better web app through modules
- Part 2 Ways to improve your component workflow
- 6  Markup managed
- 7  Templating your content with HTML
- 8  The Shadow DOM
- 9  Shadow CSS
- 10  Shadow CSS rough edges
- Part 3 Putting your components together
- 11  A real-world UI component
- 12  Building and supporting older browsers
- 13  Component testing
- 14  Events and application data flow
- 15  Hiding your complexities
- appendix ES2015 for Web Components

کانال تلگرام سایت

گروه تلگرام سایت

like می پسندم
dislike به درد نمی خوره
مطالب مشابه
دیدگاه ها
  • اولین نفری باشید که نظری می دهید!
loading...

لطفا منتظر بمانید...