Learn Alpine Js From Scratch To Real World Projects
※注意事項:
1.需透過LINE購物前往並在同一瀏覽器於24小時內結帳才享有回饋,點數將於廠商出貨後,隔天起算之90個日曆天陸續確認發送。
2.國際商家之商品金額及回饋點數依據將以商品未稅價格為準。
3.國際商家之商品金額可能受匯率影響而有微幅差異。
4.若於商家App下單,不符合LINE購物導購資格。商品描述
This course will rapidly guide you to become an Alpine JS developer. This course is friendly to those who know nothing about Alpine JS, as we start by teaching the basic concepts. We will first thoroughly explain the essential topics and concepts and go through the necessary Alpine JS documentation in order to teach you the fundamentals. We will then dive into creating real world Alpine Js examples, such as ice cream carousel and a todo list web application. This course will enhance your Alpine Js development skills and you will appreciate how awesome Alpine Js actually is. After completing this Alpine Js examples that we teach, you will be able to rapidly and efficiently develop beautiful and functional web applications. This course will first cover the essential topics such as: Local state and nesting data Reusable data portion of a componentGlobal state to share state between different elementsAlpine JS directives, such as x-data, x-show, x-on and many other important directivesEvent listeners, such as @keyup, @click, @submit and many other event listenersSubmitting forms with Alpine JSBrowser eventsAlpine JS lifecycle hooksHooks that bind to state data keysAfter covering the fundamentals, we will then go through some awesome tailwind examples: Ice Cream Carousel, for this project we will cover: Creating an alpine objectDisplaying the active slide based on the Alpine JS state objectImplementing the next and previous buttons for changing the active slideDesigning the website with Tailwind CSSUsing Alpine JS applicable directivesTodo List Web Application, for this project we will cover: Designing the todo's input section containerImplementing the input element and add todo buttonImplementing the local state data object Showing todos and editing themMarking todos as completed Implementing the remove button and fixing issuesEditing only a specific item