Contents
課程簡介
由專案引導的 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 學習地圖
- 如何找工作學習地圖 – 找工作不要靠運氣!
- ★英語學習地圖– 練好英文是最大的學習槓桿
- 追蹤這個 Twitter ,追蹤各種軟體開發和個人成長學習訊息