Course Details

Diploma in Web and Cloud System Design and Development
(Front End and Back End Technologies)

HTML5, jQuery, jQuery Mobile, BootStrap, AngularJS, PhoneGap,
PHP, MySQL, WordPress, ASP.NET, SQL Server, Amazon Cloud AWS, Azure, JSP, Google Apps Engine
Image

Course Introduction 課程簡介

未來社會最需要的職業技能 ? 答案: 系統開發人員

資訊系統在現今社會裏無處不在,是支持現代人生活的重要零件。例如我們可以利用網上銀行系統作財務管理,會計系統協助會計流程,人力資源系統管理人事資訊,倉存系統協助貨物存取,付款系統取締現金交收,以至每個網站背後的內容管理系統等,均能體現出資訊系統的無處不在。

現今及未來的社會極需要能夠設計、建立及管理資訊系統的人才。培養"建立資訊系統的能力",不但能增加自己的競爭能力,也能適應未來社會的需求。是能夠令到你事業上更上一層的知識。

其實建立資訊系統有如砌模型。需要大家將各零部件建立起來,然後再合併成一個完整的系統。零部件可以包括資料庫設計、使用者介面設計、後台程式設計以及網站建立系統設定等。創作人員可因應情況,使用不同的技術配搭,從而建立最有效益的系統。所以建立資訊系統實在是一件很有趣的事情。

本課程適合有志建立一個資訊系統的學員而設。課程已雲集最流行的前後台技術,由導師親自引領學員一步一步建立出資訊系統。 所有課程以實戰為主,一人一機上課,亦附設全部錄影紀錄,方便學員可因應進度重覆觀看,務求能打造出自己的系統。


課程結構及學習方法

本課程將教授的技術分為前台及後台相關科技,前台技術主要涉及介面設計美化網站系統及如何作出不同的互動效果, 後台技術則以資料庫設計及程式設計為主。學員可結合兩方面的技術建構出一個完整的資訊系統。

課程亦設有面授及視像兩部分。


面授部分共有10堂。導師會帶領學員一步一步建立出完整的資訊系統,學員可藉著上堂時間發問及由導師協助解決技術上的疑難。


視像部分共有30小時,分為兩類。

第一類是課程重溫,學員可重溫十堂面授課程的總結。
第二類是學習新知識,當學員已有十堂的開發經驗,便可因應自己的時間及進度學習新的技術,讓自己的技術層面更加全面。
視像課程為期6 個月,學員有充裕的時間去不斷重溫及重播相關技術課程片段,務求令自己掌握相關技術。

Image

Front-End Technologies - HTMLS, CSS3, JavaScript, jQuery, jQuery Mobile, BootStrap, AngularJS, PhoneGap/Cordova 面授 + 視像

這部分課程以介面設計及互動技術為主,學員可利用HTML5 建立網頁介面結構,CSS 美化及風格化網頁,JavaScript 建立出不同的互動效果。 亦會學習各種常用的 library 去加速網站介面設計例如 jQuery, jQuery UI, AngularJS 及 Bootstrap。接著學習如何建立適合手機顯示的 mobile web 及如何將 mobile web透過適當工具如 PhoneGap/Cordova 轉化為 mobile Apps。

Image

Back-End Technologies (1) - PHP + MySQL + WordPress + Amazon Cloud AWS 面授 + 視像

這部分課程以後台資料庫及程式設計為主,學員可學習利用 MySQL建立資料庫系統,利用 PHP 作為與之資料庫互動的語言, 設計出一個有 CRUD(Create,Read,Update,Delete)及保安功能的資訊系統。更會學習市場上最受歡迎的網站內容管理系統 WordPress CMS,加速開發流程。完成的系統更會上載至亞馬遜雲端系統 AWS 公開給大眾使用。

Image

Back-End Technologies (2) - ASP.NET + SQL Server + Azure 視像

這部分課程以後台資料庫及程式設計為主,學員可學習利用 Microsoft SQL Server建立資料庫系統,利用 ASP.NET 作為與之資料庫互動的語言, 設計出一個有 CRUD(Create,Read,Update,Delete)及保安功能的資訊系統。完成的系統更會上載至 Microsoft 雲端系統 Azure 公開給大眾使用。

Image

Back End Technologies (3) - JSP + Servlet + Google Apps Engine 視像

這部分課程以後台資料庫及程式設計為主,學員可學習利用 MySQL建立資料庫系統,利用 JSP/Servlet 作為與之資料庫互動的語言, 設計出一個有 CRUD(Create,Read,Update,Delete)及保安功能的資訊系統。完成的系統更會上載至 Google 雲端系統 Google Apps Engine(GAE) 公開給大眾使用。還會利用 GAE 的雲端功能如電郵、資料庫,使用者認證等,加強系統的功能。

Course Objective 課程目標

  • 學習後台程式設計(Server side programming)及資料庫儲存(Database)等相關技術
    • 學習如何由零開始利用PHP及MySQL去打造一個具備 CRUD 功能的資訊系統。
    • 學習如何利用PHP及MySQL去建立保安系統及上載檔案。
    • 學習WordPress系統管理 (全球有25 percent的網站均使用WordPress運作)及由零開始去打造一個新 Theme。
    • 學習如何使用Amazon的雲端服務AWS (Amazon Web Services)去建自己的 Window Server系統及將網站上傳到雲端。
    • 學習如何由零開始利用ASP.NET (C#)及SQL Server去打造一個具備 CRUD 功能的資訊系統。
    • 學習如何利用ASP.NET (C#)及SQL Server去建立保安系統。
    • 學習如何使用Microsoft Azure的雲端服務去運作新建立 ASP.NET 系統。
    • 學習如何由零開始利用JSP/Servlet (Java)及MySQL Server去打造一個具備 CRUD 功能的資訊系統。
    • 學習如何利用JSP/Servlet(Java)及MySQL 去建立保安系統。
    • 學習如何使用Google Apps Engine 的雲端服務去運作新建立 JSP 系統。
  • 學習前台程式設計(Front End programming)等相關技術
    • 學習如何利用HTML5 打造網頁的骨架及如何利用CSS來美化網頁。
    • 學習使用HTML5 的新功能, 例如視頻播放, 網頁繪畫及資料儲存等。
    • 學習JavaScript這個跨平台的前端網頁語言及如何利用JavaScript處理 DOM tree 及與伺服器程式進行 AJAX 溝通。
    • 學習如何利用jQuery來簡化Javascript的寫法及介紹各種實用的jQuery Libraries程式庫。
    • 學習使用jQuery UI 快速建立網頁介面。
    • 學習如何使用jQuery Mobile 建立 Mobile Web。
    • 學習如何使用PhoneGap 或 Cordova去將網站變成 Android 或 iPhone Apps。
    • 學習如何使用PhoneGap 或 Cordova的各種 plug-ins 去強化 Apps 功能。
    • 學習如何使用BootStrap 去快速建立迴響式 (Responsive) 網站。
    • 學習如何使用AngularJS 去建構出一個更快速及容易維護的前台程式。
    • 學習如何利用AngularJS 去建立一個SPA(Single Page Application)。

技術包括:

Front-End Technologies

HTML5

HTML5是最新版本的HTML,可以準確描述出網頁的內容及外觀。HTML5利用JavaScript解決了瀏覽器兼容性的問題,並且引入多媒體及不同類型Tags增強結構及可讀性。

CSS3

CSS3 是一套美化網頁既語言,利用CSS我們可以加入不同的美化效果。例如背景圖畫、邊框、顏色、動畫效果及各種設計元素。

JavaScript

Javascript是運行於瀏覽器上的程式語言 自從Google的v8引擎出現後,JavaScript的效能得到大大的提升 令我們可以在網頁上創造出不同的互動效果。

jQuery

jQuery是一套跨瀏覽器的JavaScript函式庫,簡化HTML與JavaScript之間的操作,是目前最受歡迎的JavaScript函式庫。

jQuery UI

jQuery UI 是一套跨瀏覽器的JavaScript函式庫,提供抽象化、可自訂主題的GUI 控制項與動畫效果。適合用來建立成網頁介面。

jQuery Mobile

jQuery Mobile是另一套Javascript 函式庫,可快速建構出跨平台的流動網站介面, 與各種各樣的智能手機和平板電腦兼容。

AngularJS

現今最流行的Web frontend framework, 利用不同的 Directives 及 MVC 設計模式 模式, 大大加強HTML的功能,不用寫程式也能做出不同的互動效果,被譽為HTML6。

BootStrap

BootStrap 是一套跨瀏覽器的CSS framework ,可快速製作出適合不同裝置及尺寸的回彈性網頁介面。

Node.JS

Node.JS是一個Javascript Server 或執行環境,令JavaScript獨立於瀏覽器外運作 ,可取替php等後台程式語言。

PhoneGap/Cordova

PhoneGap/Corodva 是讓開發者可以使用HTML和Javascript開發行動裝置Apps應用程式的工具。可將任何網站包封成一個iPhone / Android Apps。

Back End Technologies (3 大後台技術)

PHP

PHP是一個應用範圍很廣的語言,特別是在網路程式開發方面。一般來說PHP大多在伺服器端執行,透過執行PHP的程式碼來產生網頁提供瀏覽器讀取。 PHP可以在許多的不同種的伺服器、作業系統、平台上執行,也可以和許多資料庫系統結合。

MySQL

MySQL 是一個開放源碼的關聯式資料庫管理系統,MySQL在過去由於性能高、成本低、可靠性好,已經成為最流行的開源數據庫,因此被廣泛地應用在 Internet上的中小型網站中。隨著MySQL的不斷成熟,它也逐漸用於更多大規模網站和應用,比如維基百科、Google和Facebook等網站。

WordPress

WordPress是一個以PHP和MySQL為平台的自由開源的博客(blogging)軟件和內容管理系統(CMS)。 WordPress具有插件架構和模板系統。 Alexa排行“前100萬”的網站中有超過25%的網站使用WordPress。

Amazon AWS

最流行的公網上雲端系統,大部分矽谷的公司都以它為基礎建設以靈活應付一直變化的網頁查詢量。

ASP.NET & SQL Server

Microsoft標準網頁開發語言,以視覺化程式設計網站後台系統 能快速建構出實用的系統 。

Microsoft Azure Cloud

最流行的公網上雲端系統,大部分矽谷的公司都以它為基礎建設以靈活應付一直變化的網頁查詢量。

Servlet

Servlet(Server Applet),全稱Java Servlet。是用Java編寫的服務器端程序。其主要功能在於交互式地瀏覽和修改數據,生成動態Web內容

Tomcat

Tomcat是由Apache軟件基金會下屬的Jakarta項目開發的一個Servlet容器,按照Sun Microsystems提供的技術規範,實現了對Servlet和JavaServer Page(JSP)的支持,並提供了作為Web服務器的一些特有功能

Google Apps Engine

Google Apps Engine 是由Google支援的雲端平台


Course Duration 課程時數

30 hrs 面授 + 30 hrs 視像 (12 個內月無限重複觀看)

Entry Requirement 入學要求

報讀者無需任何程式設計背景,但對網頁程式設計及各種新技術有興趣請便可報讀

Course Features 課程特點

★ 解說詳細:循序漸進說明各種技術的使用方法。
★ 即時實習:即時實習,導師與學員一起由零開始打造系統。
★ 多元學習:了解不同技術的配搭,因應情況使用不同的技術方案。
★ 視像重溫:部分複雜的課程部分將以視像形式教授,學員可在家重複觀看方便吸收。

Face to Face Course Outline 面授課程內容 (30 hrs)

面授部分共有10堂。導師會帶領學員一步一步建立出完整的資訊系統,學員可藉著上堂時間發問及由導師協助解決技術上的疑難。

Front End Technologies

Lesson 1:

  • HTML Basic Tags (Header, Hyperlink, Paragraph, Table, Image)
  • HTML Layout using DIV tags
  • CSS basic styling commands and cascading concepts
  • CSS ID and class concepts
  • CSS Box Model (Background and Border styling)
  • CSS Color schemes and Google fonts
  • CSS Float and Layout

Lesson 2:

  • CSS Menu bar makeup
  • JavaScript Basics and Functions
  • JavaScript Variables and Arrays
  • JavaScript If-Else and Looping control structures
  • DOM (Document Object Model) introduction
  • Interacting DOM by JavaScript
  • AJAX communication with Server by JavaScript

Lesson 3:

  • jQuery Basic Sytnax
  • Interacting DOM with jQuery
  • AJAX communication with Server by jQuery
  • jQuery UI (User Interface)
  • jQuery UI widgets (Datepicker,Accordion and Tabs)
  • jQuery UI themes
  • jQuery UI drag and drop

Lesson 4:

  • BootStrap for Responsive Web Design
  • Build a BootStrap based site from scratch
  • BootStrap Grid system for web layout
  • Using BootStrap classes to build various common web elements
  • BootStrap for styling a form
  • BootStrap for mobile web

Lesson 5:

  • Setup Node.JS and Express Web server
  • Run Javscript out of the browsers
  • AngularJS MVC concepts
  • AngularJS model, directives and modules
  • AngularJS 2-way binding
  • AngularJS controllers and services

Back End Technologies

Lesson 1:

  • Environment Setup - Setup Apache Web Server, PHP Engine and MySQL Database
  • Understanding MySQL SQL commands
  • Create a MySQL database and design basic database table
  • Primary Key and Foreign Key Constriants
  • Select, Insert, Update and Delete data in the table
  • One to One, One to Many and Many to Many relationships implementation
  • Table joining and building View for Query
  • Transaction Processing for concurrent processing

Lesson 2:

  • Review of Basic HTML5 tags and write a simple web page
  • Build a HTML5 form for user input
  • Review the difference between GET & POST data submission
  • Understanding server side programming
  • PHP Basics and Functions
  • PHP Variables and Arrays data structure
  • PHP If-Else and Switch Decision Making
  • PHP Looping control structure

Lesson 3:

  • MySQL Database Connection using PHP
  • Building Standard Web BackEnd System
  • Build a CRUD system - Adding a menu system
  • Build a CRUD system - Adding new records function
  • Adding the data validations to the form
  • Build a CRUD system - Listing records function
  • Image upload handling

Lesson 4:

  • Build a CRUD system - Searching records function
  • Build a CRUD system - Deleting records function
  • Build a CRUD system - Updating records function
  • Build a CRUD system - Login / Logout functions
  • Build a CRUD system - Authorization functions
  • Session for web security
  • Cookie for web personalization

Lesson 5:

  • WordPress System Installation
  • WordPress CMS Backend Operation
  • WordPress System architecture
  • Understanding Pages, Posts, Menus, Widgets and Themes
  • WordPress Theme Development using PHP and MySQL
  • Custom Fields and Custom Post Types for customization

Online Videos Course Outline 視像課程內容 (30 hrs)

視像部分共有30小時,分為兩類。

第一類是課程重溫,學員可重溫十堂面授課程的總結。
第二類是學習新知識,當學員已有十堂的開發經驗,便可因應自己的時間及進度學習新的技術,讓自己的技術層面更加全面。
視像課程為期一年,學員有充裕的時間去不斷重溫及重播相關技術課程片段,務求令自己掌握相關技術。

Front-End Web 05h:41m:11s

(jQuery Mobile + PhoneGap + Cordova + AngularJS)

Course Outline

Demo Videos

Front End Demo - Introduction to jQuery Mobile 5m:39s

Back End Web 02h:44m:00s

PHP & MySQL CRUD System Development

Course Outline

Demo Videos

PHP/MySQL Demo - Design and create tables for one to many relationship 5m:56s

Back End Web 02h:57m:40s

ASP.NET + SQL Server + Amazon AWS + Microsoft Azure

Course Outline

Demo Videos

Back End Demo - Introduction to Amazon Cloud Computing - AWS 07m:39s

Back End Web 13h:06m:47s

Java + JSP + MySQL + Tomcat + Servlet + Google Apps Engine

Course Outline

Demo Videos

Back End Demo - Tomcat Installation 11m:42s

Course Schedule and Trainer Profile

Trainer Profile

Dannis Mok

who have rich experience in business web and apps system development and have over 15 years of teaching experience. He has great passion in learning and teaching new technologies. His teaching style is clear to point and can explain complex technologies in simple terms. He has delivered various workshops and classes for different corporate, government departments and local universities. He got a MBA, Msc in IT and Msc in Telecommunication.

相關專業認證
  • Microsoft MCSE, MCDBA
  • Microsoft Certified System Developer
  • Microsoft Office Specialist Master
  • Cisco CCNA,CCDA,CCNP,CCDP
  • Sun Microsystems – Certified Java Programmer
  • Oracle – Certified Database Professional
  • Linux - LPI Level 1 & 2
相關教學經驗
  • 為積金局 IT 員工提供 Android 及 iPhone 視像培訓課程
  • 為香港教育局提供 Android 培訓課程與中學電腦科導師
  • 為香港教育大學 IT 員工提供跨平台流動程式開發課程
  • 為房屋署員工 IT 員工提供跨平台流動程式開發課程
  • 為香格里拉大酒店IT 員工提供跨平台流動程式開發課程
  • 為勞工處提供 HTML5 遊戲培訓課程及電子商店培訓課程
  • 為 VTC 職業訓練局提供各種各類 IT 培訓課程
  • 課程代碼: JDDPM1218FC1
  • 開始日期: 2018-12-7
  • 時間表: 逢星期五 7:00 - 9:45pm
  • 課程費用: HK$4,900

30 hrs (Face to Face lessons)
                                   
30 hrs (Video lessons 6 個內月無限重複觀看)

Enrollment Form

FAQ 常問問題

List of Questions

我們只需有基本電腦操作能力便可。我們會假設學員只有基本電腦知識,所以會由基本的程式語言教起,學員可重複翻看片段去鞏固自己的知識
基本上用廣東話教學配以英文專有名詞。
由於課堂有錄影片段所以學員可重看片段便可補回進度。
在上堂時,導師會要求學員一起完成各種各類的電腦操作實驗。導師會與學員一起完成所有的實驗並解釋背後的原理。
學員需上課並達出席率80%便可獲得證書。
所有視像課程均有原始碼,學員可下載相關程式碼以便操作。
學員只需一部較為快的電腦便可安裝所有軟件,所有軟件都是免費的。電腦建議為i5或以上,越快越好。iPhone 的課程需要一部 MAC 機。
學員並不需要回校觀看課程,學員可於任何時間任何地方上網觀看課程。
當學員報讀課程,便會獲取所有視像片段,然後再安排上課。所以收費是一次性的。
學員無需一定要上課,因為錄影片段已相當詳盡。但如果學員有問題需要發問,便需上課問導師。另外學員需上課並出席率達80% 才可獲發證書。
導師已有接近十年教授 Web / Apps 開發經驗。除了教授公開班外,亦為各大專院校及公私營機構開班教授相關課程, 例如教育學院、教育局、房屋署、香格里拉酒店。最近更獲強積金局採納電子教材為官方教學材料,質素有所保證。
上課時間由七時開始至9時45分。一星期上堂一天。上課地點則為佐敦地鐵站側的商業大廈,由地鐵站至本中心只需約步行數分鐘。

More Questions?

Navigation