超過80小時的內容,學習 HTML, CSS, JavaScript, React, Next.js 以及 NodeJS, Express, MongoDB, Restful API,透過 9 個實作專案豐富作品集,透徹學習網頁開發的知識與技巧!
從這 80 小時的課程,你會學到
- 學習所有前端和後端開發的必要知識與技能,轉職成為前端或全端工程師
- 創造有形與富有現代設計感的優質網站,增加網站曝光度與實用性
- 學習 HTML5 語法,以及 HTML Semantic Elements,並且使用 HTML Validator 驗證程式碼正確性,製作出功能性完整的網頁
- 學習CSS以及SCSS,事半功倍的寫出維護性高的樣式表
- 使用 JavaScript DOM 控制網頁元素,透過 JavaScript 事件監聽功能處理事件
- 學習響應式網頁設計 (Responsive Web Design),讓網頁在不同裝置上仍保持美觀與實用
- 了解 JavaScript 當中的背後運作原理,包含 Execution Context、Hoisting、Scope、this keyword等等
- 練習用 JavaScript 解面試題目,學習以程式的方式來思考問題解決方法
- 製作貪食蛇遊戲、彈跳球遊戲,增加面試作品豐富度
- 使用 Nodejs、Expressjs 等後端技術,製作後端網頁伺服器
- 使用 ReactJS 前端框架,活用現代網頁開發技術
- 使用 Passport 套件來提供網站使用Google登入功能
- 使用 Git 以及 GitHub 來做程式碼的版本控制
- 學習使用 MySQL 以及 MongoDB 兩種資料庫
- 學習網頁開發中的 MVC 設計模式
- 使用 Mongoose 在網頁中獲取 MongoDB 資料,來建立與使用者身分相關的功能性商業網站。
- 從零開始,一步步製作出 Restful API
- 製作 Cookies 以及 Sessions,記錄網頁使用者的偏好設定
- 了解並且運用 AJAX 語法,從 API 獲取資料並且運用於網站當中
- 認識近代密碼學的數學邏輯以及 Hash Function 在加密資料庫的全端應用
- 了解 HTTP Status Code,製作出可以送出不同種類 Status Code 的網站伺服器
- 使用 Postman 軟體,寄送GET, POST, PUT, DELETE等HTTP請求。

要求
- 無須任何經驗。有一台電腦與一點興趣即可開始。
- 準備好學習Udemy上最好的中文網頁全端開發課程。
課程說明
超過 80 小時的重量級課程,包辦網頁前端到後端的必備知識,手把手帶你從頭開始學習寫程式。
課程內容包含基本語法、物件導向的程式架構、解決問題的邏輯思路、遇到問題狀況的處理、Debug 技巧,建立扎實的程式開發必備知識。網頁開發分為前端與後端部分。網頁全端開發課程前半段著重 HMTL, CSS, JavaScript三大網頁開發基石,透過實作四個專案、兩個遊戲來鞏固所學基礎。後半部分著重於後端開發工具,包含業界常見的 MongoDB、Node.js 等後端程式設計工具。課程最後會統整前端 React 框架與後端 API 連結系統,製作出網頁開發中非常熱門的 MERN 專案系統!
你不需要有任何的程式設計經驗,也不需要有相關的背景知識。此課程包含網頁前端與後端所需內容,帶你學會成為網頁全端工程師的必備技巧。
當課程結束時,你會有能力使用:
- HTML5
- CSS3
- JavaScript
- Flexbox and SCSS
- ES6 語法
- 了解DOM, Hoisting, Scope, Closure, Prototype Inheritance, execution context, callbacks, this keyword等進階JS觀念與運用
- Bootstrap
- Unix Command, Git, and GitHub
- Node.js
- Express.js
- EJS (Embedded JavaScript Templating)
- Git, GitHub, Version Control
- SQL
- MongoDB
- Mongoose
- Restful API
- Authentication
- Cryptography
- React
- JSON Web Token (JWT)
- MERN Project
- Next.js
跟2022網頁全端攻略課程相比,這堂課程當中新增了:
- 六個全新的專案,包含兩個新遊戲(貪食蛇遊戲、彈跳球遊戲),充實更多作品及內容。
- 動態網頁的部屬教學,包含 MongoDB Atlas 的使用以及 Heroku 雲端。
- 所有課程皆有 PowerPoint 中文投影片,筆記更方便。
- Next.js 的教學。Next.js 是業界最常用的 React.js 框架,於架設網站與搜尋引擎優化( Search Engine Optimization )上面有非常強勢的優點。
- 每個章節最後有測驗題目,可以快速做重點整理。
- MVC 模式的圖解分析與應用範例。
- 新增 Blowfish 演算法、Signed Cookies, HMAC, JWT 簽名與驗證演算法、OAuth 完整流程與安全驗證等等資訊安全流程詳細解說。
- 新增 HTTP 協議內容、Race Condition 處理、Node.js Event Loop 規則、Canvas-Nest 網頁效果、 CSS 泡沫製作、GSAP 動畫製作等等內容。
目標受眾
- 想要轉職成前端工程師、全端工程師的人
- 對網頁開發有興趣的初學者
- 大學資工系、資管系主修或副修學生
- 對於資訊科技有興趣,想要開始動手寫程式者
- 有經驗但想學習更多工具的開發者
講師簡介
Wilson Ren Udemy教師、前端網頁設計師( 更多講師主講課程介紹)
目前有超過三年的程式教學經驗,喜歡與更多人分享我的熱情和知識。
我相信,透過清楚的講解與示範,任何人都可以學好編寫程式與電腦科學中的複雜概念。我透過錄製課程來實現我的理想。目前我有九堂課程,分別為「2024 Python全攻略」、「2024 網頁開發」、「2024 Java課程」、「Android開發全攻略」、「2022網頁全端攻略」、「離散數學」、「數論與密碼學」、「資料結構與演算法」,以及「線性代數」。
我曾就讀於美國楊百翰大學夏威夷分校,主修讀電腦科學。在到美國之前,完全沒有寫過程式的經驗。在眾多不同的主修當中,我選擇電腦科學(台灣的資訊工程系)來當作主修,因為我從小就對電腦有濃厚的興趣。在此之後,我寫過無數網頁、開發過許多不同的樣板以及網頁架構,也在課外之餘在許多不同的線上學習資源當中學習更新穎更多樣的網頁設計技巧。
- Udemy 永久擁有課程 許多課程約 NT400(點擊連結看更多)
- ✨年訂閱每月 NT350(再享特別優惠:年度訂閱首年享 25% 折扣) 🌈 悠遊 Udemy 的 26000+ 門課,最大化學習 ( 原價 NT635/月 )
- Udemy 現在越來越多課程有中文字幕,請參考 Soft & Share 中文線上課程
- 手機上點選優惠連結看到的價格比電腦上看到的貴
- $代表當地貨幣, 如在台灣為 NT
- 點選”報名參加課程”有可能因瀏覽器 cookies 轉久一點或回報錯誤而無法連上,請稍等刷新或重新點選就會出現
報名參加課程

也許你會有興趣
- 網頁應用程式開發學習地圖
- ★英語學習地圖 – 練好英文是最大的學習槓桿
- 如何找工作學習地圖 – 找工作不要靠運氣!
- 從 Soft & Share 各種社團頻道挑選你喜歡的加入

你必須登入才能發表留言。