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 相關線上課程
- ★想要加強英文能力嗎?– 練好英文是最大的學習槓桿
你必須登入才能發表留言。