2024 網頁全端開發

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

Ratings 4.78 / 5.00

What You Will 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請求。

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動畫製作等等內容。