Comparte si te a gustado:

Learn Alpine Js From Scratch To Real World Projects

Publicado en 21 Dec 2021

Udemy UK

Lo que aprenderás

  • Develop dynamic websites using Alpine JS
  • Understand the concepts behind Alpine JS
  • Using Alpine JS to efficiently make real projects
  • The directives that are included in AlpineJS to develop projects efficiently
  • Requisitos

  • Basic HTML knowledge
  • Basic IT skills
  • Descripción

    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 component

    • Global state to share state between different elements

    • Alpine JS directives, such as x-data, x-show, x-on and many other important directives

    • Event listeners, such as @keyup, @click, @submit and many other event listeners

    • Submitting forms with Alpine JS

    • Browser events

    • Alpine JS lifecycle hooks

    • Hooks that bind to state data keys

    After covering the fundamentals, we will then go through some awesome tailwind examples:

    • Ice Cream Carousel, for this project we will cover:

      • Creating an alpine object

      • Displaying the active slide based on the Alpine JS state object

      • Implementing the next and previous buttons for changing the active slide

      • Designing the website with Tailwind CSS

      • Using Alpine JS applicable directives

    • Todo List Web Application, for this project we will cover:

      • Designing the todo's input section container

      • Implementing the input element and add todo button

      • Implementing the local state data object

      • Showing todos and editing  them

      • Marking todos as completed

      • Implementing the remove button and fixing issues

      • Editing only a specific item

    ¿Para quién es este curso?

  • Anyone who wants to grasp Alpine JS and the theory behind it in a short amount of time

  • Debes tener en cuenta que los cupones duran maximo 4 dias o hasta agotar 1000 inscripciones,pero puede vencer en cualquier momento. Obten el curso con cupon haciendo clic en el siguiente boton:

    (Cupón válido para las primeras 1000 inscripciones): STUDENTSCOUPON
    Udemy UK
    Tags:
    • #Alpine Js

    Articulos Relacionados

    content

    Universidad Desarrollo Web - FrontEnd Web Developer!

    El mejor curso para aprender a crear aplicaciones Web Modernas con HTML, CSS y JavaScript. Serás un FrontEnd Developer!

    Ir al Curso
    content

    Universidad Angular - De Cero a Experto en Angular 18

    Domina Angular y crea aplicaciones web del mundo real con TypeScript, Firebase, Cloud Firestore, JWT y más!

    Ir al Curso
    content

    Angular: De cero a experto

    Componentes, directivas, servicios, mapas, gráficas, JWT, autenticación, despliegues, mongo, Git, GitHub y mucho más

    Ir al Curso
    Suscríbete a nuestro boletín
    Reciba los últimos Cupones y promociones (Solicitar Cupón)