آموزش HTML5 Web Components: انتقال از jQuery به Polymer.js

سرفصل ها و درس ها

بررسی اجمالی دوره Course Overview

• بررسی اجمالی دوره Course Overview

مقدمه Introduction

• مقدمه Introduction

• سفر از jQuery به Polymer.js Journey from jQuery to Polymer.js

• تشریح یک جز Web وب Anatomy of a Web Component

• تنظیم محیط Environment Setup

• خلاصه Summary

ساخت ویژگی پیمایش اسلایدر Building the Slider Navigation Feature

• مقدمه Introduction

• HTML و داده HTML and Data

• سبک ها Styles

• ساختار ماژول jQuery jQuery Module Structure

• پیاده سازی ماژول: init Implementing the Module: init

• پیاده سازی ماژول: bindLayer Implementing the Module: bindLayer

• پیاده سازی ماژول: parentClick Implementing the Module: parentClick

• پیاده سازی ماژول: addLayer Implementing the Module: addLayer

• پیاده سازی ماژول: hideLayer Implementing the Module: hideLayer

• نسخه نمایشی آخرین لایه را حذف کنید Remove Last Layer Demo

• پیاده سازی ماژول: removeLastLayer Implementing the Module: removeLastLayer

• پیاده سازی ماژول: item کلیک کنید Implementing the Module: itemClick

• به API انتخاب بومی بروید Move to the Native Selection API

• خلاصه Summary

انتقال به م Nلفه های وب بومی Moving to Native Web Components

• مقدمه Introduction

• صفحه میزبان را به روز کنید Update the Host Page

• الگو را تعریف کنید Define the Template

• Component: bootstrap را پیاده سازی کنید Implement the Component: bootstrap

• پیاده سازی کامپوننت: init Implement the Component: init

• کامپوننت: bindLayer را پیاده سازی کنید Implement the Component: bindLayer

• کامپوننت: hideLayer را پیاده سازی کنید Implement the Component: hideLayer

• پیاده سازی کامپوننت: item کلیک کنید Implement the Component: itemClick

• نسخه ی نمایشی اشکال زدایی Debugging Demo

• خلاصه Summary

انتقال به Polymer.js Moving to Polymer.js

• مقدمه Introduction

• صفحه میزبان را به روز کنید Update the Host Page

• Style Sheet را به روز کنید Update the Style Sheet

• الگو را تعریف کنید Define the Template

• نمای کلی کلاس کامپوننت Overview of Component Class

• پیاده سازی کامپوننت: init Implement the Component: init

• پیاده سازی کامپوننت: parentClick Implement the Component: parentClick

• کامپوننت: addLayer را پیاده سازی کنید Implement the Component: addLayer

• Component: removeLayer را پیاده سازی کنید Implement the Component: removeLayer

• پیاده سازی کامپوننت: item کلیک کنید Implement the Component: itemClick

• نسخه ی نمایشی اشکال زدایی Debugging Demo

• خلاصه Summary