آموزش Master Alpine.js: راهنمای توسعه وب تعاملی

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

معرفی Introduction

• معرفی Introduction

• Alpine.js چیست؟ What is Alpine.js?

شروع به کار با Alpine.js Getting Started with Alpine.js

• نصب و راه اندازی Installation and Setup

• Hello World با Alpine.js Hello World with Alpine.js

• ساختن اولین مؤلفه وب تعاملی شما Building Your First Interactive Web Component

مفاهیم اساسی آلپاین Basic Concepts of Alpine

• مقدمه ای بر صفات Introduction to Attributes

• خواص چیست What are Properties

• روش های آلپاین Alpine Methods

• مقایسه صفات و خصوصیات Comparison of Attributes and Properties

ویژگی های Deep Dive قسمت اول Attributes Deep Dive Part I

• HTML را با استفاده از x-data، x-text و x-HTML به صورت Alpine تعریف کنید Define HTML as Alpine using x-data, x-text, and x-HTML

• کاوش x-model و x-bind Exploring x-model and x-bind

ویژگی های Deep Dive قسمت دوم Attributes Deep Dive Part II

• جادوی x-ref The magic of x-ref

• منطق شرطی با x-show و x-if Conditional logic with x-show and x-if

• تمرینات عملی Hands-On exercises

ویژگی های Deep Dive Part III - انیمیشن ها Attributes Deep Dive Part III - Animations

• x-transition و انیمیشن در آلپاین x-transition and animation in Alpine

• کار پروژه ادغام انیمیشن ها Project work integrating animations

Properties Deep Dive قسمت اول Properties Deep Dive Part I

• مدیریت دولتی با فروشگاه $ State management with $store

• درک $el و $ref Understanding $el and $ref

Properties Deep Dive Part II Properties Deep Dive Part II

• انتشار رویدادها از طریق $dispatch Emitting Events via $dispatch

• استفاده موثر از init(). Using init() effectively

Properties Deep Dive Part III Properties Deep Dive Part III

• استفاده از $watch برای برنامه نویسی واکنشی Using $watch for reactive programming

پروژه صفحه بندی ساده با Alpine JS Simple Pagination Project With Alpine JS

• پروژه صفحه بندی قسمت اول Pagination Project Part I

• پروژه صفحه بندی قسمت دوم Pagination Project Part II

• پروژه صفحه بندی قسمت سوم Pagination Project Part III

پروژه داشبورد مدیریت با Alpine JS Admin Dashboard Project With Alpine JS

• پروژه داشبورد مدیریت قسمت اول Admin Dashboard Project Part I

• پروژه داشبورد مدیریت قسمت دوم Admin Dashboard Project Part II

• پروژه داشبورد مدیریت قسمت سوم Admin Dashboard Project Part III

بازی تیک تاک با Alpine JS Tic Tac Toe Game With Alpine JS

• بازی تیک تاک پا I Tic Tac Toe Game I

• بازی تیک تاک پا دوم Tic Tac Toe Game II

• بازی تیک تاک پا III Tic Tac Toe Game III

• بازی تیک تاک پا چهارم Tic Tac Toe Game IV

جستجوی پروژه با Alpine JS Search Project with Alpine JS

• جستجوی پروژه I Search Project I

• جستجوی پروژه II Search Project II

پروژه ماشین حساب ساده با Alpine JS Simple Calculator Project With Alpine JS

• پروژه ماشین حساب Calculator Project

سوالات متداول پروژه آکاردئون با Alpine JS FAQ Accordion Project With Alpine JS

• سوالات متداول آکاردئون FAQ Accordion

پلاگین ماسک Mask Plugin

• ماسک پلاگین I Mask Plugin I

• ماسک پلاگین II Mask Plugin II

• ماسک پلاگین III Mask Plugin III

پلاگین Intersect Intersect Plugin

• پلاگین I. Intersect Intersect Plugin I

• Intersect Plugin II Intersect Plugin II

• پلاگین Intersect IIII Intersect Plugin IIII

افزونه Persist Persist Plugin

• Plugin I. Persist Persist Plugin I

• Plugin II Persist Persist Plugin II

پلاگین فوکوس Focus Plugin

• پلاگین فوکوس Focus Plugin

جمع کردن پلاگین Collapse Plugin

• جمع کردن پلاگین I Collapse Plugin I

• جمع کردن پلاگین II Collapse Plugin II

مرجع AJAX آلپاین Alpine AJAX Reference

• مرجع AJAX آلپاین Alpine AJAX Reference