2025 網頁全端開發

超過80小時的內容，學習HTML, CSS, JavaScript, React, Next.js 以及 NodeJS, Express, MongoDB, Restful API，透過9個實作專案豐富作品集，透徹學習網頁開發的知識與技巧!

超過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網頁全端攻略課程相比，這堂課程當中新增了：

1. 六個全新的專案，包含兩個新遊戲(貪食蛇遊戲、彈跳球遊戲)，充實更多作品及內容。

2. 動態網頁的部屬教學，包含MongoDB Atlas的使用以及Heroku雲端。

3. 所有課程皆有PowerPoint中文投影片，筆記更方便。

4. Next.js的教學。Next.js是業界最常用的React.js框架，於架設網站與搜尋引擎優化(Search Engine Optimization)上面有非常強勢的優點。

5. 每個章節最後有測驗題目，可以快速做重點整理。

6. MVC模式的圖解分析與應用範例。

7. 新增Blowfish演算法、Signed Cookies, HMAC, JWT簽名與驗證演算法、OAuth完整流程與安全驗證等等資訊安全流程詳細解說。

8. 新增HTTP協議內容、Race Condition處理、Node.js Event Loop規則、Canvas-Nest網頁效果、CSS泡沫製作、GSAP動畫製作等等內容。