fbpx

使用 React Hooks 製作一個視訊播放器(2019)

課程簡介

只有使用有狀態和樣式的功能性元件( functional components ) 來建立一個 React js 視訊播放器

課程介紹:English 简中

從這 2 小時的課程,你會學到

  • 無狀態功能性元件中的 React Hooks
  • 樣式化元件
  • ES6 語法
  • 使用本地儲存( Local Storage )永續狀態
  • 高階元件
  • 反應路由器

要求

課程說明

你是一個開發者並且想學習新的 React Hooks 和樣式化的元件嗎? 你想要一個專案導向的真實世界範例嗎? 你喜歡快速學習和直入主題的課程嗎? 那麼這就是你要學的課程!

保證沒有”foo”和”bar”… … 也沒有”to-do-list”應用程式;)

有很多很棒的 React.js 課程,但對於初學者來說,它們非常龐大,而且有很多要掌握的東西。 我的教學風格和信念是,你可以通過建立許多小專案來學到更多東西,而不是通過一個25個多小時的課程來向你展示一切,而沒有過多地關注基礎知識。 因此,這是一個3小時左右的課程,您將學習如何基於電影資料庫的 API 從頭建立一個電影應用程式。

我們在這門課上要做什麼?

我們將建立一個 React 視訊播放器,您可以建立一個視訊列表,並從列表中選擇。 視訊播放器可以同時播放 Vimeo 和 YouTube 視訊,並且還會儲存播放過的視訊等。

我這門課的主要目的是把教學和娛樂結合起來。 有很多很棒的教程和課程,但是太複雜,而且同時關注很多東西。 希望你和我一樣喜歡這個課程。

請務必下載 STARTER 檔案。

在這門課程中,你將學到:

  • 最新宣佈的 Hooks 和 React 基礎
  • 無狀態功能元件
  • JSX 語法和表示式
  • 樣式化的元件
  • 高階元件(HOC)
  • 反應路由器
  • 使用 Create-React-App
  • 部署完成的應用程式
  • ES6 + 概念和語法
  • 使用本地儲存( Local Storage ) 保持狀態

目標受眾

  • 想學習 React Hooks 和 style Components 的開發人員

講師簡介

Thomas Weibenfalk 全端開發人員和設計師

Thomas 是一個來自瑞典的多才多藝的數位人。 自從網際網路第一次成為一種現象以來,他就一直在開發網頁和網路應用程式。 他曾在金融科技和廣告等多個商業領域擔任不同角色。 今天,他是一個自由工作者,做程式設計和設計專案工作,因為他也是一個熟練的設計師。 他的編碼和設計經驗可以追溯到 C64 和 Amiga 時代,那時他只有7歲,是靠電腦長大的。 作為一個全端開發人員,他最喜歡做前端程式碼,因為它是設計和技術之間的橋樑。

英文字幕:有

  • 想要了解如何將英文字幕自動翻譯成中文? 請參考這篇 How-To

優惠資訊

目前這門課程免費中


報名參加課程

Sponsored by Udemy

也許你會有興趣

 學習資訊不漏接-歡迎使用 App 訂閱發文通知 

發表迴響

這個網站採用 Akismet 服務減少垃圾留言。進一步瞭解 Akismet 如何處理網站訪客的留言資料

Powered by WordPress.com.

Up ↑

%d 位部落客按了讚: