用有趣的方式來掌握 React！從頭開始建立一個電影評論應用程式

課程簡介

由專案引導的 React 課程！在React js 中建立一個 IMDB 樣式真實的 Web 應用程式

從這 3.5 小時的課程，你會學到

從頭到尾建構一個完整的真實世界網頁應用程式
使用 Create-React-App 作為基礎
React (reactjs)的基礎知識
State，Props和元件之間的流程
很多 ES6 語法
建立和使用 React 元件
連線到外部 API
使用 React 路由器進行路由
部署完成的網頁應用程式
使用本地端儲存來保持狀態

要求

基本程式設計原理
Javascript 基礎
Html 和 CSS

課程說明

你是React的開發人員和初學者嗎？你想在真實的專案引導的課程中學習 React.js 基礎知識嗎？你喜歡快速學習並直截了當嗎？那麼這就是你的課程！保證沒有 “foo” 和 “bar” …而且沒有“待辦事項”應用程式;）

那裡有許多很棒的 React.js 課程但是它們非常龐大初學者需很費力才需很費力學習。我的教學風格和信念是，你通過創造許多小專案來學習更多，而不是那種壓倒性、試圖向你展示一切，而不是那麼關注基礎知識的 25+小時課程。所以這是一個 3 小時課程，你將學習如何基於 The Movie DB API 從頭開始建立電影應用程式。

“One of the best project oriented courses on Udemy very recommended”

“The instructor was very creative in figuring out a nice illustrative use case for the Movie DB API.”

“A perfect course and a great project with the best explanation possible, I recommend it to everyone that wants to understand the logic of React and how it works.”

我們將在課程中做些什麼？

我們將構建一個簡單版本的 IMDB 風格的 React DB Web 應用程式，並直接建立我們的應用程式，從中逐漸瞭解更多，直到我們完成。本課程的主要目標是將樂趣與教學相結合。那裡有許多教學和課程很棒但很複雜，同時要學的太多。我自己是一個超級的電影愛好者，因此我認為根據本課程的電影資料建立一個 Web 應用程式會很有趣。希望你也喜歡它！

請務必從資源中下載 STARTER FILES！

請注意！我們在本課程中使用了電影資料庫中的免費 API 金鑰。這是一個很棒的 API，有很多關於電影和電視劇的資訊。請注意，我不能保證我為課程提供的 API 金鑰將永久有效。因此，我不會對此負責。我強烈建議你從電影資料庫中獲取自己的免費 API 金鑰。只需在電影資料庫註冊一個免費帳戶，然後轉到你的帳戶設定區域，然後在選單中選擇 API。在那裡，你可以註冊自己的免費 API 金鑰。

在本課程中，你將學習：

React 基礎
元件、props 和 state
JSX 語法和表示式
從外部 API 獲取資料
生命週期方法
使用 Create-React-App
佈署完成的應用程式
ES6 +概念和語法
使用本地儲存來保持 state
紅利：使用 ES6 解構 state 和 props

目標受眾

想要學習 React 的程式設計師

講師簡介

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

Thomas 是來自瑞典的多才多藝的數位原住民。自網際網路首次盛行以來，他一直在開發網頁和網路應用程式。他曾在金融科技和廣告等多個業務領域受僱擔任不同職位。如今，他是一名自由工作者，從事程式編寫和設計專案，因為他也是一名熟練的設計師。他的程式碼和設計經驗可以追溯到 C64 和 Amiga 時代，因為他從 7 歲開始就是靠電腦長大的。由於他是一名全端開發人員，他大多喜歡做前端程式碼，因為它是設計和技術之間的橋樑。

英文字幕：有

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

用有趣的方式來掌握 React！從頭開始建立一個電影評論應用程式

課程簡介

從這 3.5 小時的課程，你會學到

要求