Create a Web Link Preview with VueJS Components

提供:
Coursera Project Network
このガイド付きプロジェクトでは、次のことを行います。

The fundamentals of VueJS components

Create a reusable VueJS component

Communications between components and parent

Clock1.5 hours
Intermediate中級
Cloudダウンロード不要
Video分割画面ビデオ
Comment Dots英語
Laptopデスクトップのみ

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.

あなたが開発するスキル

  • Computer Programming
  • JavaScript
  • vuejs
  • Web Development

ステップバイステップで学習します

ワークエリアを使用した分割画面で再生するビデオでは、講師がこれらの手順を説明します。

  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

ガイド付きプロジェクトの仕組み

ワークスペースは、ブラウザに完全にロードされたクラウドデスクトップですので、ダウンロードは不要です

分割画面のビデオで、講師が手順ごとにガイドします

よくある質問

よくある質問

さらに質問がある場合は、受講者ヘルプセンターにアクセスしてください。