Alpine.js – Build Lightweight & Interactive Web Apps

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

Make Your Websites Interactive & Dynamic with Alpine.js – The Lightweight JavaScript Framework

1 - Introduction

1 -Intro and Overview

2 -Why and How

2 - First Project Mini Quiz Game

1 -Create Your First Project

1 - Prerequisites.html

2 -Integrating Alpine and First Use

3 -Counting up with a Button

4 -Quiztime

5 -Refactoring

6 -Rendering Answers

7 -More on loops

8 -Let the User Input the Correct Answer

9 -Checking the Answer

10 -Output CorrectIncorrect

11 -Next Button and x-show

12 -Open Evaluation Dialog

13 -Counting Points

14 -Better Evaluation

15 -Restart Game

15 -alpine-quiz.zip

3 - Alpine.js Directives and Functions

1 -Introduction Overview of AlpineJS Features

2 -x-data and Nesting

3 -Alternative x-data Definition and init

4 -x-show and x-transition

5 -index-transitions (2).html

5 -x-transition with Custom CSS Classes

6 -x-bind

7 -x-bind with Object

8 -x-for

9 -x-if

10 -x-on

11 -Modifier outside

12 -Modifier Prevent and Stop

13 -Modifier Window and Document

14 -Modifier Debounce and Throttle

15 -Modifier Camel and Dot

16 -Modifier Once, Self, and Capture

17 -Handling Keypresses

18 -Mouse Events with Modifiers

19 -x-text and x-html

20 -x-model

21 -x-modelable

22 -x-teleport

23 -Prevent flickering with x-cloak

24 -Side effect with x-effect

25 -$id and x-id

26 -x-ref and x-ignore

27 -Tracking changes with $watch

28 -Global reactivity with Alpine

4 - The Second Project Course Video Player

1 -New Project - Video Course Player

2 -Playing Videos, Next and Previous

3 -Listing the Videos

4 -Make videos in the list clickable

5 -Sections

6 -Autoplay

7 -Toggle autoplay and highlight the current video

7 -video-course-player (2).zip

5 - Bonus

1 - Bonus.html

179,000 تومان

افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: Udemy