這是最傳統及最流行的網站系統開發方案, 首先設計關聯式資料庫 (Relational Database), 然後利用 PHP server side language 去處理前端 (Front end) 瀏覽器客戶的查詢, 因應需求去存取資料庫的資料,然後再產生網頁或 JSON 資料傳送回客戶端, 讓客戶端的瀏覽器顯示或者處理傳送回的資料。 全球大部分的 CMS網站內容管理系統 (WordPress, Drupal) 均會此等模式運作。
Technology | Introduction |
---|---|
PHP | PHP是一個應用範圍很廣的語言,特別是在網路程式開發方面。一般來說PHP大多在伺服器端執行,透過執行PHP的程式碼來產生網頁提供瀏覽器讀取。 PHP可以在許多的不同種的伺服器、作業系統、平台上執行,也可以和許多資料庫系統結合。 |
MySQL | MySQL 是一個開放源碼的關聯式資料庫管理系統,MySQL在過去由於性能高、成本低、可靠性好,已經成為最流行的開源數據庫,因此被廣泛地應用在 Internet上的中小型網站中。隨著MySQL的不斷成熟,它也逐漸用於更多大規模網站和應用,比如維基百科、Google和Facebook等網站。 |
NodeJS 是一個新進的後台製作方案,特色是利用一套程式語言 JavaScript 便可開發前台及後台的所有功能。 NodeJS 可配搭不同類型的資料庫, 如果配搭 NoSQL Database (MongoDB) 便可以方便網站系統無限擴張 (scalable), 突破傳統資料庫的限制。此方案亦方便用家設計 Web Service,透過 REST API 設計風格, 便可讓瀏覽器或流動應用程式 (Mobile Apps) 直接接駁存取資料。
適合初學者修讀,無需任何經驗,由淺入深教學
Technology | Introduction |
---|---|
NodeJS | NodeJS 是一個 Javascript 執行環境, 讓開發者可利用 Javascript開發後台系統。 使用者可以不再學習其他語言便可利用 Javascript一併開發前後台程式。 再配合強大的程式庫,可架構出任何種類的 Server 架構。 |
MongoDB | MongoDB 是一個以文件導向的資料庫架構, 開發者不用預先設定資料庫結構。使用者可隨意新增及刪除文件。 文件的格式亦可以隨意改變,適合大數據資料儲存。 |
隨著Python語言的興起,學習Python 除了可以用在資料分析及機械學習之外, 亦可利用 Python 開發網站系統。 可以配搭最著名的 Django Web 應用框架, 採用了MTV(model–template–views)的軟件設計模式。 可以以很快的速度建立全功能的網站, 通常配搭 SQLite 資料庫。 這方案亦方便讓建立完成的機械模型 (Machine Learning Model) 放在此框架上。 方便使用者測試及使用。
適合初學者修讀,無需任何經驗,由淺入深教學
Technology | Introduction |
---|---|
Python | Python 是一個通用的程式語言,被喻為最適合初學者修讀的程式語言。被廣泛應用在資料分析機械學習等領域。 |
Django | Power Automate Desktop 是 Microsoft 一個免費的 RPA (Robotic Process Automation) 工具,安裝在電腦後, 便可將電腦上的工作流程自動化。 |
前台網頁的基礎是由 HTML5, CSS3 及 Javascript所組成。為了加速開發 Javascript語言, 我們可利用 jQuery程式庫協助,簡化JavaScript的編寫。同時為了加快美化網站的速度及製作 Responsive 網站, 我們也能使用 BootStrap CSS Framework協助,可以輕鬆構建響應式網站。
適合初學者修讀,無需任何經驗,由淺入深教學
Technology | Introduction |
---|---|
HTML5 | HTML5是最新版本的HTML,可以準確描述出網頁的內容及外觀。HTML5利用JavaScript解決了瀏覽器兼容性的問題,並且引入多媒體及不同類型Tags增強結構及可讀性。 |
CSS3 | CSS3 是一套美化網頁既語言,利用CSS我們可以加入不同的美化效果。例如背景圖畫、邊框、顏色、動畫效果及各種設計元素。 |
JavaScript | Javascript是運行於瀏覽器上的程式語言 自從Google的v8引擎出現後,JavaScript的效能得到大大的提升 令我們可以在網頁上創造出不同的互動效果 |
jQuery | jQuery是一套跨瀏覽器的JavaScript函式庫,簡化HTML與JavaScript之間的操作,是目前最受歡迎的JavaScript函式庫。 |
Bootstrap | BootStrap 是一套跨瀏覽器的CSS framework ,可快速製作出適合不同裝置及尺寸的回彈性網頁介面。 |
VueJS | VueJS 是漸進式JavaScript框架。 利用組件設計(Component Design)來設計Web前端, 是今年最流行的前端框架之一,為開發人員必須學習的新設計方式 |
React JS 是由 faceBook(Meta) 所開發的前端介面設計 Javascript工具庫, 是用介面組件(Components) 這觀念用來架構介面。 概念是將網頁切割成不同的 component, 每個component包含自己的網頁內容,設計風格及相關程式碼, 網站人員便可以輕鬆利用 component 組成不同的網站設計,使前台開發更有規模以及更容易管理。開發者可自行開發組件或利用已經建立的第三方組件用來建構網站, 是最先進的 Web design 技術及趨勢。
Technology | Introduction |
---|---|
ReactJS | ReactJS 是由 faceBook(Meta) 所開發的前端介面設計 Javascript工具庫, 是用介面組件(Components) 這觀念用來架構介面。 開發者可自行開發組件或利用已經建立的第三方組件用來建構網站, 是最先進的 Web design 技術及趨勢 |
Bootstrap | BootStrap 是一套跨瀏覽器的CSS framework ,可快速製作出適合不同裝置及尺寸的回彈性網頁介面。 |
我們會利用望 MongoDB NoSQL 資料庫儲存文件,不再侷限於資料表格的規範。 利用 NodeJS 及 Express 建立網站的後台系統,透過各種各樣的 Modules 和 Middleware 輕鬆配搭出不同類型的後台系統需要。 前台系統則使用 ReactJS 寫出豐富及反應敏捷的以 Component 為主要設計單位的系統, 配合不同的 hooks 來加強前台系統的功能。 再利用 REST API 透過 REST API 將前後台功能整合起來。 最後更將MongoDB資料庫,NodeJS後台及 ReactJS前台三部分分別移上雲端服務,令系統能開放給大眾使用。。
本部分為視像課程, 學員需具備 Node, MongoDB 和 React基本知識。
Technology | Introduction |
---|---|
NodeJS | NodeJS 是一個 Javascript 執行環境, 讓開發者可利用 Javascript開發後台系統。 使用者可以不再學習其他語言便可利用 Javascript一併開發前後台程式。 再配合強大的程式庫,可架構出任何種類的 Server 架構。 |
ReactJS | ReactJS 是由 faceBook(Meta) 所開發的前端介面設計 Javascript工具庫, 是用介面組件(Components) 這觀念用來架構介面。 開發者可自行開發組件或利用已經建立的第三方組件用來建構網站, 是最先進的 Web design 技術及趨勢 |
MongoDB | MongoDB 是一個以文件導向的資料庫架構, 開發者不用預先設定資料庫結構。使用者可隨意新增及刪除文件。 文件的格式亦可以隨意改變,適合大數據資料儲存。 |
ExpressJS | Express 是 NodeJS 上一個最出名及最多人使用的 Web Server程式庫。 透過樣板 (Template) 能建構出各種各類的網頁。 開發者能夠輕易透過路由系統 (Routing) 建立各種網絡 REST API, 讓使用者能夠輕鬆存取背後的資料庫。 |
MongoDB Altas | 是一個用來安置 MongoDB 資料庫的雲端服務 |
HeroKu | HeroKu (在Amazon AWS 上構建) 是一個用來安置各種後台系統的雲端服務而 |
Netify | Netify 是一個用來安置各種前台系統的雲端服務 |
本課程的目標是培訓全面的網站開發專才。 課程分為多部分, 學員可選擇報讀個別單元, 亦可選擇一次報讀所有單元。
除了即時面授課程之外, 亦會有課堂錄影片段可供回顧。 觀看期為期一年, 學員可無限重溫重播。
Copyright © 2023 Unisoft Education Centre. All Rights Reserved