Contents
建立現代網站有很高的困難度。預加載、路由、壓縮、關鍵CSS、快取、可擴充性和 bundler 能讓你將網站閃電般快速，但是這需要瞭解額外的開發和工具運用。
Gatsby 是一個 React.js 框架，可以為你完成所有工作。本課程將教你如何建立網站，並讓 Gatsby 幫你照顧所有的困難的部分。
課程網址
[附有英文字幕]
♥ 使用優惠代碼 TAIWANLOVE 20% off ♥
我們一起建立了一個名為 Slick’s Slices 的本地披薩店的網站。這網站將涵蓋今天我們要建構網站需要學習的所有內容，並且可以作為你未來開發網站時不錯的複制/貼上的參考。
以下為我們將觸及的主題 :
在本課程中，我們還將編寫所有 CSS 樣式網站。 我們將學習一些有趣的東西，例如 CSS 變量、帶有網格的佈局（以及子網格！）、Flexbox、clamp()、@supports 查詢、轉換、scoping CSS、響應式設計等等！ 如果你不需要學習這些CSS，我錄製影片時已經採取可讓你跳過 CSS 部分的方式進行。
本課程適用於任何想學習如何建構現代網站的人。無論你是想建立一個全新的個人擁有的網站，還是與你的團隊一起嘗試一些新技術，你都將在此課程中學到很多。
必要條件
- 你應該對用 JavaScript 寫程式感到自在 – 如果你想先獲得紮實的基礎，請參加我的初學者的 JavaScript 課程。
- 一些基本的 React 技能： 編寫 JSX 和組件 – 很好，但是你要能在學習過程中運用它。
- 一些更高級的 React 東西 ： 自定義 hooks，狀態管理，背景 – 已作為課程的一部分教授，因此你將於課程中跟著學習！
- 該課程的所有程式碼都是開源的，並發佈在 Github 上。
目標受眾
- 現有的 React 開發人員 – 應用你現有的技能並迅速掌握 Gatsbly
- WordPress / Drupal Devs – 帶你現有的後端技術，配合前端技術使用 Gatsby。
- 學生 – 用 Gatsbly 建立自己的個人履歷檔案網站
- 代理商開發人員 – 代理商之所以喜歡 Gatsby，是因為它的建構速度快，在專案之間易於共享程式碼，並且因為編譯為 HTML、CSS 和 JS 而無需一直看護。
- 行銷人員 – SEO友好，易於託管，非常適合微型網站。
- 設計師 – 知道一點 CSS 和 JS 嗎？通過 Gatsby 將你的設計變為現實。
- 新開發人員 – Gatsby 和 React.js 是目前履歷中應具備的一些最佳技能
- 人類 – 我的類別已用完，我想在這裡說的是你應該參加本課程！
你的老師 Wes Bos
Wes Bos 是來自加拿大的全端工程師也做演講與教學。 他是獨立的web開發者, 也是 HackerYou 和 Ladies Learning Code的首席講師。 Wes已經教過200堂以上的課程教過500位以上的學 ，且曾在全世界的多場討論會做過許許多多的演說。
Wes 是 React For Beginners 、Advanced React and GraphQL 、ES6 for Everyone 與 Learn Node 的作者，這些課程合計已售出超過 55,000 份。 他同時也是JavaScript30、CSSGrid.io、 Flexbox.io 和 Command Line Power User, 一系列免費視訊教學的作者。300,000人 已經看過。
📗 總共有 13 個模組
 |  |
| Access to the first 6 Modules / 22 HD Video Tutorials Stream course from any device Source Code — Completed Examples and Exercises Unlimited Updates + Never Expires | Access to all 13 Modules / 52 HD Videos — see above for a full listing of topics Stream and Download DRM-free files from any device Includes Dynamic pages, Serverless Functions, Custom Hooks, SEO and much more Unlimited Updates + Never Expires |
課程網址
♥ 使用優惠代碼 TAIWANLOVE 20% off ♥
也許你會有興趣
- JavaScript 相關線上課程
- React 相關線上課程
- Node 相關線上課程
- ★想要加強英文能力嗎？– 練好英文是最大的學習槓桿
發表迴響