2024 網頁全端開發

• 學習所有前端和後端開發的必要知識與技能，轉職成為前端或全端工程師
• 創造有形與富有現代設計感的優質網站，增加網站曝光度與實用性
• 學習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請求。

當課程結束時，你會有能力使用：

• 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動畫製作等等內容。
9. 之後會視情況新增TypeScript等內容。