Contents
用 Next.js 建構無伺服器 Web 應用程式。學習Hooks。部署到 Vercel。使用 Next.js（Next JS 10以上）、React（React 16以上）和Node。
從這 69.5 小時的課程，你會學到
- 使用 Next & React 開發強大的伺服器端和真實世界的 web 應用程式
- 完全理解以 Next 為架構的開發流程
- 建立 SEO (搜尋引擎優化)和同構( Isomorphic )友好的應用程式
- 在令人興奮的 Next 和 React 網頁開發環境中建立自己的領域
要求
- 不需要 之前的 Next.js 知識
- 基本的 ES6 和 Javascript 知識是必需的
- React ，HTML 和 CSS 基礎
課程說明
如果你打算以開發人員的身份開始你的職涯，或者你只是想提高自己的程式設計技能，那麼這門課程就非常適合你。 瞭解如何建立令人驚歎的作品組合網站，你可以與你的同事或未來的僱主分享。
在一個課程中得到所有你需要開始網頁開發的知識！ 從網頁開發技術開始到更高階的主題，直到你的應用程式被部署到 Heroku 並可以在網際網路上訪問。
這個學習資源是你開始使用 Next.js、 React 和 Node 進行 Web 開發所需要的唯一資源。 在這個課程中，你將獲得開始自己專案所需的信心和技能，你將獲得申請開發人員職位的正確心態，並在 Next.js、 React.js 和 Node 等最新的框架中得到提升。
我們將從簡短介紹 Next.js 框架開始。 我們將遵循 Next.js 網站上的入門介紹指南，並附上我的補充說明和範例。 我將向您解釋伺服器端渲染應用程式的好處，並讓您熟悉 Next 框架。
此外，我們將進行我們的作品組合應用程式的基礎佈局工作，我們將建立首頁和基礎樣式。
在本課程的後面，我們將研究客戶端 / 伺服器端使用 Auth0 進行身份驗證的問題。 使用者可以通過谷歌或其他社群服務供應商進行身份驗證。
接下來，我們將同時在伺服器和客戶端上工作，並實現基本的作品組合功能。 我們將建立 CRUD (建立、讀取、更新、刪除) API。 您將學習如何在 React 中使用表單，並熟悉流行的 Formik 套件。
在作品組合部分之後，你將面臨 Slate 框架的挑戰。 我們將著手開發部落格功能。 我將向您展示如何建立類似於 Medium 的部落格編輯器。 我們將建立儲存和更新的功能。 然後我們將為使用者建立部落格控制面板頁面來管理他們建立的部落格。 用戶將能夠發佈和刪除部落格。 所有發佈的部落格將能夠被所有到我們網站的使用者閱讀。
接下來，我們將致力於改善我們網站的使用者體驗。 您將學習如何建立簡單的動畫，以及如何建立更好的使用者體驗。 你會對 CSS 更加熟悉。
然後我們將進入 SEO (搜尋引擎優化)。 你將學習搜尋引擎優化的基礎知識。 我們將提供給我們的網站更多的語義資訊，我們將作出頁面改進，所以我們的作品組合網站將是更驚人和更具競爭力的網站。
在最後一節中，我們將開始準備部署應用程式。 我們將對上線和效能做改善。 本節稍後將把我們的應用程式部署到 Heroku。 我們的作品組合將完全可以在網際網路上的任何人訪問。
在本課程中，我們將從前端應用程式切換到後端節點應用程式。 這個 Node 應用程式將負責在 MongoDB 中處理和儲存業務資料。
目標受眾
- 初階以及有經驗的開發人員對最新的框架感興趣，例如 Next、 React 和 Node
- 這個課程是為每個渴望瞭解 javascript 框架是如何運作的人準備的
- 學習這門課程將使你能夠在困難的概念之前以簡單的方式向你的同事解釋
講師簡介
Filip Jerga 軟體工程師 ( 更多講師主講課程介紹 )
我的名字是 Filip Jerga。 我是一名軟體工程師，目前擔任自由開發人員。 我擁有人工智慧碩士學位，多年來我從事過各種專案和技術的工作，從開發 C ++ 超音波設備軟體到在 React 和 Angular 等現代框架中製作行動應用程式。
在我的職涯中，我匯集了足夠的經驗，能夠與許許多多人分享。 我正在投入大量細節和精力，以最簡單易懂的方式解釋問題和程式設計的主題。
英文字幕：有
- 想要了解如何將英文字幕自動翻譯成中文? 請參考這篇 How-To
🙌 如何有效率地管理 ChatGPT 輸出與整理自己的 ChatGPT 提示( prompts )使用情境？LN+ for Web 已經針對 ChatGPT 的整合做最佳化
🙌 讓 Notion AI 成為你線上學習的得力助手，詳細操作請參考 – 使用 Notion AI 功能來為 udemy 的課程做摘要總結
- 點選這個✨優惠連結 ，課程最低價 NT390 起( 登入後將看到 ）
- 辦公室生產力課程特價連結
- Udemy 現在越來越多課程有中文字幕，請參考 Soft & Share 中文線上課程
- 手機上點選優惠連結看到的價格比電腦上看到的貴
- ＄代表當地貨幣, 如在台灣為 NT
- 點選”報名參加課程”有可能因瀏覽器 cookies 轉久一點或回報錯誤而無法連上，請稍等刷新或重新點選就會出現
報名參加課程
也許你會有興趣
- 使用 Next.js 的全端 React 應用程式 – 終極指南
- React 學習地圖
- NodeJS 相關線上課程介紹
- ★英語學習地圖 – 練好英文是最大的學習槓桿
- 如何找工作學習地圖 – 找工作不要靠運氣！
你必須登入才能發表留言。