Create a Web Link Preview with VueJS Components

ofrecido por
Coursera Project Network
En este proyecto guiado, tú:

The fundamentals of VueJS components

Create a reusable VueJS component

Communications between components and parent

Clock1.5 hours
IntermediateIntermedio
CloudNo se necesita descarga
VideoVideo de pantalla dividida
Comment DotsInglés (English)
LaptopSolo escritorio

One of the strengths of VueJS is the being able to leverage numerous third party reusable components. In this project, you will learn how to create a reusable VueJS component yourself and take a more object oriented development approach. Basic HTML, DOM, JavaScript, and VueJS required as prerequisites. If you are new to VueJS, completing my other guided project “Write a University Index Web App with VueJS” is highly recommended.

Habilidades que desarrollarás

  • Computer Programming
  • JavaScript
  • vuejs
  • Web Development

Aprende paso a paso

En un video que se reproduce en una pantalla dividida con tu área de trabajo, tu instructor te guiará en cada paso:

  1. Introduction and preview

  2. Dive in and create a basic VueJS component that looks like the embedded solution

  3. Pass data into components as props

  4. Move the generation logics to the new component and add a watcher to trigger it

  5. Use component to parent communication to hide the text web link when the preview is done

  6. Remove the old code and see how much nicer it is

Cómo funcionan los proyectos guiados

Tu espacio de trabajo es un escritorio virtual directamente en tu navegador, no requiere descarga.

En un video de pantalla dividida, tu instructor te guía paso a paso

Preguntas Frecuentes

Preguntas Frecuentes

¿Tienes más preguntas? Visita el Centro de Ayuda al Alumno.