fbpx

Wes Bos 線上課程 : 全端進階 React & GraphQL

用 React 和 GraphQL 開發一個線上商店

就像 React 改變了我們建構 Web 應用程式的方式一樣,GraphQL 正在改變我們建構 API 查詢和變異資料的方式。

本課程著重於現代 JavaScript 和現實世界的應用程式,是從頭到尾學習全端進階 React、GraphQL、Node.js 等完整的方法。

加入我的課程,我將向你展示如何使用當今一流的 JavaScript 技術建構完整的全端線上商店。

課程網址參加團購

[附有英文字幕]

使用優惠代碼 TAIWANLOVE 20% off

what-build.png

我們將一起開發 “Sick Fits”,一個完整的線上服飾店,配備真正的信用結帳。用戶可以搜尋、銷售、添加到購物車和結帳他們喜歡的項目。

該應用程式有五個主要模型 – 用戶、項目、訂單、購物車項目和訂購項目 – 所有這些模型都有關聯,並展示了關聯式 GraphQL 查詢的強大功能。

該應用程式還包括許多伺服器端的位元,包括 JWT 身份驗證、權限、發送電子郵件、上傳圖像和信用卡收費。

除了建構應用程式的前端和後端之外,我們還花費了測試 React 應用程式的最後一個課程。

有關所涵蓋主題的完整列表,請參閱下文

SweetCode.png

應用程式中的程式碼已經過我們業界最優秀的 JavaScript 開發人員的審核與影響。

sweet-code.png

Tech-Stack.png

fronted-backend.png

what-graphQL.png
GraphQL 是用於 API 的一種 type-safe 查詢語言,也是能在你現有資料完成查詢的運行時(runtime)。

什麼?!它是 REST API 和 Ajax Calls 的替代(或補充)。

GraphQL 需要你的客戶端和伺服器端兩邊的支持 – 然後它將只會把你想要的請求送到客戶端,並把查找和過濾該資料的業務邏輯放入後端解析器。

特別是在本課程中,它啟動程式庫,讓快取、載入、錯誤處理和分頁變得輕而易舉。

複雜關聯資料查詢和伺服器端變異(如註冊或簽出)對 GraphQL 來說是小菜一碟。

GraphQL 只是一個標準,可以用任何語言或框架實現。

你的老師  Wes Bos

square-smallWes Bos 是來自加拿大的全端工程師也做演講與教學。 他是獨立的web開發者, 也是 HackerYou 和 Ladies Learning Code的首席講師。 Wes已經教過200堂以上的課程教過500位以上的學 ,且曾在全世界的多場討論會做過許許多多的演說。
Wes 是 React For Beginners 、ES6 for Everyone 與 Learn Node 的作者,這些課程合計已售出超過 55,000 份。 他同時也是JavaScript30CSSGrid.io、 Flexbox.io 和 Command Line Power User, 一系列免費視訊教學的作者。300,000人 已經看過。

這門課為誰設計?

想要在學習 GraphQL ,同時擴展 JavaScript、React 和 Node 技能的 Web 開發人員。

你應該已經熟悉 React 的基礎知識 – 組合元件( components ) 、狀態( state ) 、屬性參數( props )、模組( modules )  和事件處理( event handlers )。如果你已完成我的 React For Beginners 課程或曾用 React 開發出一些東西,那麼你已經有不錯的基礎。

你應該熟悉編寫和呼叫現代 JavaScript,包括箭頭函數( arrow functions )、類( classes )、promises、async + await 和 ES6 的其他常用部分。你當然可以利用我的 ES6 for Everyone掌握這部分。

課程的後端是用 Node 編寫的。先具備 Node 知識很好,但不是本課程必修要求,因為你應該能瞭解本課程。如果你多瞭解這部分,可以參加我的 Learn Node

本課程不需要先具備 GraphQL、Prisma、資料庫或測試 React 組合元件方面的知識。

  • 任何想要瞭解為什麼和如何用 GraphQL 的人
  • 想要在 JavaScript 更加精進的 Web 開發人員
  • 希望提升他們的技能和職業發展的 JS 工程師
  • 訓練營的畢業生(請參閱 FAQ 以獲得學生折扣!)
  • 希望成為全端工程師的前端開發人員
  • 希望瞭解 GraphQL 如何與 Node 配合使用的現有的 Node.js 開發人員
  • 任何想要更好地掌握 JavaScript 並且在實踐中熟悉基本到高級概念的人。

涵蓋的內容 ?

在每個視訊講座中,我們學習並應用一個概念到程式開發中。在不同的應用程式部分我們一次又一次地反復回顧許多概念,每次都會命中並解決新的問題。

在我們建構一個完整的全端應用程式時,本課程涵蓋許許多多的需知。除了一般的 JavaScript 最佳實踐,以下是你將學到的一些內容:

  • React Best Practices
  • Server Side Rendering
  • Styled Components
  • Theming
  • Render Props
  • Routing
  • GraphQL Schema
  • Queries and Mutations
  • JSON Web Token (JWT)
  • Resolvers
  • Cache Management
  • Loading and Error States
  • Sending Email
  • Logic and Flow with Async + Await
  • Authentication and Permissions
  • Charging Credit Cards
  • Hosting and Transforming Images
  • Pagination
  • Forms in React
  • Animations
  • Third party React Components
  • Unit Testing
  • Mocking Components
  • Mounting vs Shallow Rendering
  • Deployment

videopacking.png

📗 總共有 10 個模組

course-package.png

start.png pro.png
  • Access to the first 4 Modules / 23 HD Video Tutorials
  • Stream course from any device
  • Source Code — Completed Examples and Exercises
  • Unlimited Updates + Never Expires
  • SlackExclusive access to the Advanced React Slack Chat Room where you can ask for help and chat with other learners

Use the code TAIWANLOVE for an extra 20% off the below price if you need it.

  • Access to all 10 Modules / 68 HD Videos — see above for a full listing of topics
  • Stream and Download DRM-free files from any device
  • Includes Accounts, Authentication and Permission
  • Sending Email, Pagination, Shopping Cart, checkout
  • All Testing and Deployment Videos
  • All Source Code — Completed Examples, Exercises, Webpack files and npm scripts
  • Unlimited Updates + Never Expires
  • SlackExclusive access to the Advanced React Slack Chat Room where you can ask for help and chat with other learners

Use the code TAIWANLOVE for an extra 20% off the below price if you need it.

starter-price.png master-price.png

已有 3300 人參加

您還可以選擇團隊授權,由公司安排給在職員工

團隊授權.png

課程網址|參加團購

[附有英文字幕]

使用優惠代碼 TAIWANLOVE 20% off

也許你會有興趣

Soft & Share 工具市集

這是 Soft & Share 新推出的服務 – 工具市集,收集了一些軟體服務/工具的優惠方案,歡迎來逛逛!


 歡迎使用 e-mail 訂閱 Soft & Share 

 

發表迴響

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

Powered by WordPress.com.

Up ↑

%d 位部落客按了讚: