2024 網頁全端開發

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

Ratings: 4.78 / 5.00




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

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

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請求。

Who Should Attend!

  • 想要轉職成前端工程師、全端工程師的人
  • 對網頁開發有興趣的初學者
  • 大學資工系、資管系主修或副修學生
  • 對於資訊科技有興趣，想要開始動手寫程式者
  • 有經驗但想學習更多工具的開發者