重要通告

最後一期政府資助課程將於3月27日開辦,
由於此課程將會轉成全網上版,並不受政府資助。
有興趣學員可把握機會報讀。

Diploma in Apps, Web, Cloud Development


HTML5, CSS, JavaScript, jQuery, jQuery UI, BootStrap, AngularJS, VueJS, PHP, MySQL, Java, Firebase, Android Studio, Swift, Xcode

課程介紹

本課程將教授學員如何由零開始建立一個實用的 Web網站系統,系統具備登入登出功能、保安功能、上載檔案、建立紀錄、更改紀錄、搜尋紀錄及移除紀錄等功能。 能應用技術設計出不同的資訊系統,例如網頁管理系統、訂貨系統、倉存系統及記帳系統等等。另外學員亦會由零開始學習建立 Android 及 iPhone Apps, 學習 Java 和 Swift 的物件導向語言,學習使用各種的元件建立介面,學習資料傳輸和資料儲存及連線上網下載檔案等功能。學員亦可透過輔助影片學習更多Android及iPhone的開發功能功能,使技術更全面。 修畢課程後,學員可具備 Web 開發系統及流動 Apps 程式開發能力, 可以加強自己的競爭力並可以尋求新的出路。

為了強化及鞏固學員的知識,本校特設網上課程部分。每一個課堂均會有即時錄影,並會上載至學員的專屬帳戶,以供學員重播及重溫。另外亦會設相關教學輔助影片,協助學員強化知識。 (備註:網上課程及相關網上重溫片段並不屬於CEF課程範圍內)

本課程為 CEF 登記課程 (CEF Code:22K040950),學員可申請最高 80% 學費資助。 如需要申請政府資助,必須達到以下兩個條件。

1) 學員必須親臨本校上課,並達到80%出席率(網上遙控本校電腦並不計算出席率)。
2) 遞交兩份關於系統建立的功課並達到合格的成績。

This course has been included in the list of reimbursable courses under the Continuing Education Fund
The Office of the Continuing Education Fund does not have record of registration of this course under the Qualifications Framework

課程目標

       Learn the latest web and apps technologies to develop your own system and helps to improve the business operations and open up different career opportunity to cope with the future 學習最新的網頁系統和Apps 技術來開發自己的系統,有助於改善業務運營並開拓不同的職業機會,面對未來的工作挑戰。

課程結構

Example blog post alt

Front-End Technologies - HTMLS, CSS3, JavaScript, jQuery, jQuery UI, BootStrap, AngularJS, VueJS

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

TechnologyIntroduction
HTML5 HTML5是最新版本的HTML,可以準確描述出網頁的內容及外觀。HTML5利用JavaScript解決了瀏覽器兼容性的問題,並且引入多媒體及不同類型Tags增強結構及可讀性。
CSS3 CSS3 是一套美化網頁既語言,利用CSS我們可以加入不同的美化效果。例如背景圖畫、邊框、顏色、動畫效果及各種設計元素。
JavaScript Javascript是運行於瀏覽器上的程式語言 自從Google的v8引擎出現後,JavaScript的效能得到大大的提升 令我們可以在網頁上創造出不同的互動效果。
jQuery jQuery是一套跨瀏覽器的JavaScript函式庫,簡化HTML與JavaScript之間的操作,是目前最受歡迎的JavaScript函式庫。
BootStrap BootStrap 是一套跨瀏覽器的CSS framework ,可快速製作出適合不同裝置及尺寸的回彈性網頁介面。
Node.JS Node.JS是一個Javascript Server 或執行環境,令JavaScript獨立於瀏覽器外運作 ,可取替php等後台程式語言。
AngularJS 現今最流行的Web frontend framework, 利用不同的 Directives 及 MVC 設計模式 模式, 大大加強HTML的功能,不用寫程式也能做出不同的互動效果,被譽為HTML6。
VueJS VueJS 是漸進式JavaScript框架。 利用組件設計(Component Design)來設計Web前端, 是今年最流行的前端框架之一,為開發人員必須學習的新設計方式。
Example blog post alt

Back-End Technologies (1) - PHP + MySQL + Amazon Cloud AWS

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

TechnologyIntroduction
PHP PHP是一個應用範圍很廣的語言,特別是在網路程式開發方面。一般來說PHP大多在伺服器端執行,透過執行PHP的程式碼來產生網頁提供瀏覽器讀取。 PHP可以在許多的不同種的伺服器、作業系統、平台上執行,也可以和許多資料庫系統結合。
MySQL MySQL 是一個開放源碼的關聯式資料庫管理系統,MySQL在過去由於性能高、成本低、可靠性好,已經成為最流行的開源數據庫,因此被廣泛地應用在 Internet上的中小型網站中。隨著MySQL的不斷成熟,它也逐漸用於更多大規模網站和應用,比如維基百科、Google和Facebook等網站。
Amazon AWS 最流行的公網上雲端系統,大部分矽谷的公司都以它為基礎建設以靈活應付一直變化的網頁查詢量。
Example blog post alt

iOS Development

這部分課程將教授 iPhone 程式開發。學員將由淺入深去理解 iPhone Apps 的建構架構、語言基礎、介面設計、感應器使用、資料傳輸、檔案儲存資料、資料庫儲存資料、保安功能、動畫及繪畫、多媒體功能、遠端通告系統、上傳 Apple Store平台。

TechnologyIntroduction
Swift Swift是蘋果新開發程式語言,是用來撰寫MAC OS/OS X、iOS、watch OS和tvOS的語言之一。 2014年,其在蘋果開發者年會(WWDC)發布。設計Swift時,蘋果公司有意讓Swift與Objective-C共存在蘋果公司的作業系統上。
Objective-C Objective C 是由 C 語言所演化出來的物件導向程式,蘋果的應用程式及手機程式大多由這種語言所開發出來。它的特色是寫法類似一句英文 句子,增加程式的可讀性。
Xcode Xcode 是 Apple 提供的一個程式開發環境,使用者可免費由 Apple Store 下載至蘋果電腦上運作。它可以支援不同的程式語言(C, Objective C, Swift),亦內置手機模擬器程式等功能,方便使用者開發及測試相關程式。
Example blog post alt

Android Development

這部分課程將教授 Android 程式開發。學員將由淺入深去理解 Android Apps 的建構架構、語言基礎、介面設計、感應器使用、資料傳輸、檔案儲存資料、資料庫儲存資料、保安功能、動畫及繪畫、多媒體功能、遠端通告系統、上傳 Google Play平台。

TechnologyIntroduction
Java Java是一種廣泛使用的電腦程式設計語言,擁有跨平台、物件導向、泛型程式設計的特性,廣泛應用於企業級Web應用開發和行動應用開發。
Android Studio Android Studio是一個由Google提供為Android平台開發程式的整合式開發環境 (IDE),未來所有Android Apps將以此為開發標準。
Firebase 是由Google提供的一個支援Apps後勤服務的雲端平台。 它能夠提供各式各樣的不同雲端服務, 例如資料庫儲存及通訊功能

其他資料

面授或即時網上授課內容

共有16堂。導師會帶領學員一步一步建立出完整的網站資訊系統(Web System),iPhone 及 Android Apps, 學員可藉著上堂時間發問及由導師協助解決技術上的疑難。


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

Lesson 3:

  • jQuery Basic Sytnax
  • Interacting DOM with jQuery
  • AJAX communication with Server by jQuery
  • Using AJAX to submit form and download JSON data
  • BootStrap Grid system for Responsive Web Design
  • BootStrap classes for building different Components
  • BootStrap for styling a form and table

Lesson 4:

  • Introduction of Component Based design as the next generation of Web Design
  • Introduction of VueJS and AngularJS frameworks
  • VueJS and AngularJS Environment Setup
  • Understanding VueJS and AngularJS component and instance
  • Using Inline Styling and Directives
  • Method binding in VueJS and AngularJS
  • Routing for Single Page Application (SPA)

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

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

Android Technologies

Lesson 1:

  • Environment Setup - Java JDK and Android Studio
  • Introduction to Android Studio Interface
  • Understanding the Android Apps project structure and file usages
  • Creating the Android Phone Emulator for testing
  • Setup the Physical Device Connection for testing
  • Understanding the Life cycle of Android Activity.
  • Using View Hierarchy and different Layout Managers
  • Use of Logcat for debugging and monitoring
  • Using TextView and ImageView for display information
  • Android Resource Management (String, Color, Drawable)
  • Using Button to trigger event and setup event handling
  • Exercise: Create Image Swapping Application

Lesson 2:

  • Design user form using EditText, Checkbox, RatingBar and Switch
  • Intent Concept (Implicit and Explicit)
  • Use of Implicit Intent to dial phone and browsing web
  • Use of Explicit Intent to launch another Activity
  • Passing data between different Activities
  • Storing and getting back data using SharedPreferences
  • Use of Spinner and ListView to display structured data
  • Handling Spinner and ListView events
  • Exercise: Creating 2 pages Login Form or User Registration Form

Lesson 3:

  • Using SQLite Database for database storage
  • Creating a student database and adding sample records to the database
  • Using ListView for showing data in Array
  • Using ListView for showing data in SQLite Database
  • Using Custom made adapater and layout to display data
  • Understanding Touch and Gestures in Android
  • Using Gesture Detector to handle different gestures
  • Creating Toast and Alert Dialog Box for notification
  • Exercise: Creating a Student Score Report using ListView

Lesson 4:

  • Setup a web server for interacting with the Apps
  • Understanding WebView for presenting web pages
  • Web Server Communication using Background Thread
  • Setting static and dynamic permission for web access
  • Understanding JSON data format for communications
  • Downloading text, image and JSON data using Handler
  • Sign and Build the Apps for deployment
  • Exercise: Creating a News Apps getting information from the Web Server.

iPhone Technologies

Lesson 1:

  • Environment Setup - Xcode and iOS SDK
  • Swift Language Basics
  • Understanding Xcode development environment
  • Understanding the iOS Apps project structure and file usages
  • Creating the iOS Phone Emulator for testing
  • Setup the Physical Device Connection for testing
  • Understanding Views, View Hierarchy and View Controllers
  • Understanding the Life cycle of ViewController
  • Use of NSLog for debugging and monitoring
  • Using UILabel and UIImageView for display information
  • IOS xcassets and image management for different resolutions
  • Using Button to trigger event and setup event handling
  • Understanding IBOulets and IBActions
  • Exercise: Create Image Swapping Application

Lesson 2:

  • Using Storyboards, Segues and Transitions
  • Link up multiple pages using Modal Segue.
  • Creating Segue to connect different Scenes
  • Use of Navigation Controller to navigate to different Scenes
  • Passing data between different ViewControllers
  • Storing and getting back data using NSDefaults
  • Using TabBar Controller for building tab based applications
  • Understanding AutoLayout for handling different devices and orientation
  • Exercise: Creating 2 pages Login Form or User Registration Form

Lesson 3:

  • Design user form using UITextField, UISegmentControl, UISwitch and UISlider
  • Understanding TableView for displaying structured data
  • Use of TableView to display data from internal array
  • Use of TableView to support Master and Details application
  • Add data deletioin and addition to the TableView application
  • Customized the design of the TableView cell
  • Understanding Touch and Gestures in IOS
  • Using Gesture Detector to handle different gestures
  • Creating AlertView and ActionSheet for notification
  • Exercise: Creating a Student Score Report using TableView

Lesson 4:

  • Setup a web server for interacting with the Apps
  • Understanding WebView for presenting web pages
  • Web Server Communication using Background Thread
  • Setting Apps Transport Security for web access
  • Understanding JSON data format for communications
  • Downloading text, image and JSON data using URLSession
  • Sign and Build the Apps for deployment
  • Exercise: Creating a News Apps getting information from the Web Server.

FAQ 常問問題

我們只需有基本電腦操作能力便可。我們會假設學員只有基本電腦知識,所以會由基本的程式語言教起,學員可重複翻看片段去鞏固自己的知識

基本上用廣東話教學配以英文專有名詞

於課堂有錄影片段所以學員可重看片段便可補回進度。

在上堂時,導師會要求學員一起完成各種各類的電腦操作實驗。導師會與學員一起完成所有的實驗並解釋背後的原理。

學員需上課並達出席率80%便可獲得證書。

所有視像課程均有原始碼,學員可下載相關程式碼以便操作。

學員只需一部較為快的電腦便可安裝所有軟件,所有軟件都是免費的。電腦建議為i5或以上,越快越好。iPhone 的課程需要一部 MAC 機。

導師已有接近十年教授 Web / Apps 開發經驗。除了教授公開班外,亦為各大專院校及公私營機構開班教授相關課程, 例如教育學院、教育局、房屋署、香格里拉酒店。最近更獲強積金局採納電子教材為官方教學材料,質素有所保證。 。

上課時間由七時開始至9時45分。一星期上堂一天。上課地點則為佐敦地鐵站側的商業大廈,由地鐵站至本中心只需約步行數分鐘。

More Questions?