2025 網頁全端開發
What you'll learn
- 學習所有前端和後端開發的必要知識與技能，轉職成為前端或全端工程師
- 創造有形與富有現代設計感的優質網站，增加網站曝光度與實用性
- 學習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請求。
Requirements
- 無須任何經驗。有一台電腦與一點興趣即可開始。
- 準備好學習Udemy上最好的中文網頁全端開發課程。
Description
超過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動畫製作等等內容。
Who this course is for:
- 想要轉職成前端工程師、全端工程師的人
- 對網頁開發有興趣的初學者
- 大學資工系、資管系主修或副修學生
- 對於資訊科技有興趣，想要開始動手寫程式者
- 有經驗但想學習更多工具的開發者
Instructor
- 4.8 Instructor Rating
- 9,744 Reviews
- 34,736 Students
- 10 Courses
我來自台灣，擁有超過四年的程式教學經驗。曾就讀於美國楊百翰大學夏威夷分校，主修讀電腦科學。我相信，透過清楚的講解與示範，任何人都可以學好編寫程式與電腦科學中的複雜概念。我透過錄製課程來實現我的理想。目前我有十堂課程，分別為「AI 機器學習全攻略：從理論到應用」、「2025 Python全攻略」、「2025 網頁開發」、「2025 Java課程」、「Android開發全攻略」、「2022網頁全端攻略」、「離散數學」、「數論與密碼學」、「資料結構與演算法」，以及「線性代數」。在到美國之前，完全沒有寫過程式的經驗。在眾多不同的主修當中，我選擇電腦科學(台灣的資訊工程系)來當作主修，因為我從小就對電腦有濃厚的興趣。
在此之後，我在軟體工程師的路上越走越遠。目前主要的工作內容是大型系統的維護與開發，以及雲端運算服務的數據分析與處理。
I am a coding instructor from Taiwan with over three years of experience. I studied Computer Science at BYUH. I believe people can learn complex coding knowledge through clear explanations and demonstrations; I aim to help students learn programming and computer science easily. I achieved my goal by creating online courses and videos.
After graduation, I continued to pursue a career in software engineering, focusing mainly on system maintenance and development, as well as backend data analysis and processing.