Create a Web Link Preview with VueJS Components

Coursera Project Network
In diesem angeleitetes Projekt werden Sie:

The fundamentals of VueJS components

Create a reusable VueJS component

Communications between components and parent

Clock1.5 hours
CloudKein Download erforderlich
VideoVideo auf geteiltem Bildschirm
Comment DotsEnglisch
LaptopNur Desktop

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.

Kompetenzen, die Sie erwerben werden

  • Computer Programming
  • JavaScript
  • vuejs
  • Web Development

Schritt für Schritt lernen

In einem Video, das auf einer Hälfte Ihres Arbeitsbereichs abgespielt wird, führt Sie Ihr Dozent durch diese Schritte:

  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

Ablauf angeleiteter Projekte

Ihr Arbeitsbereich ist ein Cloud-Desktop direkt in Ihrem Browser, kein Download erforderlich

Ihr Dozent leitet Sie in einem Video mit geteiltem Bildschirm Schritt für Schritt an.

Häufig gestellte Fragen

Häufig gestellte Fragen

Haben Sie weitere Fragen? Besuchen Sie das Learner Help Center.