Contact us: Hotline 21361234 or Email info@uec.edu.hk or Whatsapp 90455522

  • Hotline
  • Email
  • Whatsapp

Diploma in Web System Development
(Front End and Back End)


HTML5, CSS, JavaScript, jQuery, jQuery UI, jQuery Mobile, PhoneGap, BootStrap, AngularJS, VueJS, PHP, MySQL, ASP.NET, SQL Server, Amazon Cloud AWS, Azure, JSP, Google Apps Engine

課程介紹

本課程將教授學員如何由零開始建立一個實用的 Web網站系統，系統具備登入登出功能、保安功能、上載檔案、建立紀錄、更改紀錄、搜尋紀錄及移除紀錄等功能。 能應用技術設計出不同的資訊系統，例如網頁管理系統、訂貨系統、倉存系統及記帳系統等等。 修畢課程後，學員可具備 Web 系統開發能力， 可以加強自己的競爭力並可以尋求新的出路。

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

學員可以以下示範戶口登入學習系統以瞭解更多內容

登入戶口: demoweb

登入密碼: demopass

Front End Web Development

  • HTML5 + CSS3 + JavaScript
  • jQuery + jQuery UI
  • BootStrap + AngularJS + VueJS
  • 面授 + 視像

Back End Web Development

  • PHP + MySQL
  • ASP.NET + SQL Server
  • JSP + Tomcat
  • Azure + Amazon AWS + Google Apps Engine
  • 面授 + 視像

課程目標

       本課程適合需要學習 網站系統開發人士設，學員可同時學習前端和後端的程式開發， 由淺入深去理解前端和後端相關科技、前台技術主要涉及介面設計美化網站系統及如何作出不同的互動效果， 後台技術則以資料庫設計及程式設計為主。 學員可結合兩方面的技術建構出一個完整的資訊系統，例如POS系統，庫存系統，學校管理系統，人力資源系統等。

課程結構

Example blog post alt

Front-End Technologies - HTMLS, CSS3, JavaScript, jQuery, jQuery Mobile, BootStrap, AngularJS, PhoneGap/Cordova, 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函式庫。
jQuery Mobile jQuery Mobile是另一套Javascript 函式庫，可快速建構出跨平台的流動網站介面， 與各種各樣的智能手機和平板電腦兼容。
BootStrap BootStrap 是一套跨瀏覽器的CSS framework ，可快速製作出適合不同裝置及尺寸的回彈性網頁介面。
PhoneGap/Cordova PhoneGap/Corodva 是讓開發者可以使用HTML和Javascript開發行動裝置Apps應用程式的工具。可將任何網站包封成一個iPhone / Android Apps。
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

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

面授 + 視像

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

TechnologyIntroduction
ASP.NET & SQL Server Microsoft標準網頁開發語言，以視覺化程式設計網站後台系統 能快速建構出實用的系統 。
Microsoft Azure Cloud Microsoft 的雲端系統 ，可快速製作出雲端 ASP.NET系統。
Example blog post alt

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

面授 + 視像

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

TechnologyIntroduction
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支援的雲端平台

其他資料

  • 課程代碼: DPM180202201
  • 8 堂即場或網上面授課程
  • 8 堂即場面授課程錄影
  • 額外40小時詳盡學習影片，由淺入深教學
  • 學員可遙控學校的電腦進行實習，導師亦可即時作出指導
  • 觀看時限為期12個月
  • 課程費用:HK$4,900
  • 16th June 2023 開始 逢星期五 7:00pm - 9:30pm

Enrollment Form for DPM180202002

Dannis Mok

who has rich experience in business web and apps system development and have over 20 years of teaching experience. He has great passion in learning and teaching new technologies and 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 and is the principal lecturer for NCC Education and University of Greenwich. Besides BSc degree in IT, he also got a MBA, MSc in IT and MSc in Telecommunication degree.

相關專業認證
  • 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
相關教學經驗
  • 為積金局 (MPF) IT 員工提供 Android 及 iPhone 視像培訓課程
  • 為香港教育局提供 Android 培訓課程予中學電腦科導師
  • 為香港教育大學 IT 員工提供 Cordova 跨平台流動程式開發課程
  • 為房屋署員工 IT 員工提供 HTML5 跨平台流動程式開發課程
  • 為房屋署員工 IT 員工提供 Android 及 iPhone 平台流動程式開發課程
  • 為香格里拉大酒店IT 員工提供 Android 流動程式開發課程
  • 為勞工處提供 HTML5 遊戲培訓課程及電子商店培訓課程
  • 為中國銀行IT 員工提供 Android 及 iPhone 流動程式開發課程
  • 為香港郵政IT 員工提供 Angular 8 程式開發課程
  • 為 VTC 職業訓練局提供各種各類 IT 培訓課程
  • 為醫管局員工 IT 員工提供跨平台流動程式開發課程

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

全新網上學習系統現正啟用， 學員可於網上報名，即時開展學習旅程。

如課程有面授課程部分可另行與職員聯絡安排上課時間。

學員可以以下示範戶口登入學習系統以瞭解更多內容

登入戶口: demoweb

登入密碼: demopass

Login

面授或即時網上授課內容

共有8堂。導師會帶領學員利用 BootStrap, jQuery, VueJS, PHP, MySQL 建立出完整的資訊系統，學員可藉著上堂時間發問及由導師協助解決技術上的疑難。

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 VueJS as next generation web design
  • VueJS Environment Setup
  • Understanding VueJS component and instance
  • Using Inline Styling and Directives
  • Method binding in VueJS
  • 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

視像課程內容

額外視像部分約共有40小時，視像課程為期12 個月，學員有充裕的時間去不斷重溫及重播相關技術課程片段，務求令自己掌握相關技術。

Front-End Web Technologies (05h:41m:11s)

(jQuery Mobile + PhoneGap + Cordova + AngularJS)

示範視像課程

Introduction to jQuery Mobile

5m:39s

Angular - Setup the basic structure of the SPA page

4m:18s

  1. Introduction to jQuery Mobile 05m:39s
  2. Write a sample mobile web page 02m:52s
  3. Setup environment for mobile development and use of meta viewport 03m:26s
  4. Build two mobile pages and link them up 06m:30s
  5. Converting hyperlink to button with icons 02m:47s
  6. Adding different page transitions 02m:45s
  7. Adding navigation bar to switch to different pages 04m:21s
  8. Use of ListView to organize information 03m:53s
  9. Adding images and filters to the ListView 04m:51s
  10. Adding a Login Form and backend PHP file 07m:02s
  11. Radio button and Checkbox for advanced form 07m:10s
  12. Adding Select Menu and Search Field 03m:41s
  13. Adding Toggle Button and Sliders 04m:17s
  14. Adding Dialog box for communication 03m:40s
  15. Using Grids to set the layout of the page 05m:02s
  16. Adding Collapsible and Collapsible Set to hide content 03m:13s
  17. Using Tables to organize information 05m:06s
  18. Upload Photo to the web server using File Transfer Plugin API 09m:06s
  19. Theming the pages using ThemeRoller 05m:06s
  20. Modifying jQuery Mobile configuration 02m:50s
  21. Detecting Tap and Taphold events 03m:02s
  22. Detecting Swipe, SwipeLeft, SwipeRight events 02m:12s
  23. Changing page by using Swipe events 04m:15s
  24. Detecting Scroll start and stop events 01m:44s
  25. Detecting Orientation change events 01m:30s
  26. Detecting various Page related events 05m:51s
  1. Introduction to Cordova and NodeJS 04m:36s
  2. Create a blank Cordova project and adding different platform support 05m:26s
  3. Introducing how to install Java JDK and Android Studio for Android Apps 02m:58s
  4. Java JDK and Android Studio Installation 16m:40s
  5. Creating an empty project using Android Studio 06m:35s
  6. Customizing the content of the Cordova application 03m:53s
  7. Customizing the content of the Cordova Appication using jQuery Mobile 02m:35s
  8. Creating the simple template for testing plugin 04m:10s
  9. Adding necessary libraries to them sample template 04m:50s
  10. Detecting Resume and Pause events in Cordova application 02m:36s
  11. Detecting Button related events in Cordova applications 02m:22s
  12. Detecting Battery status using Battery Plugin API 06m:09s
  13. Detecting Device configuration using Device Plugin API 03m:04s
  14. Adding various notifications using Dialogs Plugin API 06m:55s
  15. Detecting Network connection using Network Information Plugin API 04m:45s
  16. Dialing Phone, Sending SMS and Sending Email in Cordova Apps 02m:59s
  17. Download JSON file from web server and load into ListView 10m:08s
  18. Taking Photo using Camera Plugin API 10m:58s
  19. Get Photo from Device Photo Libary using Camera API 02m:15s
  20. Upload Photo to the web server using File Transfer Plugin API 09m:06s
  21. Playing Music using Media Plugin API 10m:09s
  22. Record Sound using Media Plugin API 04m:23s
  23. Get Location and Map using Geolocation Plugin API 07m:22s
  24. Set name and icon for the Cordova app 03m:24s
  1. Introduction to the CRUD system interface and design 03m:30s
  2. Setup the Development Environment 07m:22s
  3. Design and Build the List View by BootStrap 07m:51s
  4. Using ng-repeat to print out data from Model 03m:40s
  5. Using ng-class to style the List View 06m:01s
  6. Calling Add View function using ng-click from List View 10m:28s
  7. Swapping List View and Add View by ng-show 06m:44s
  8. Calling Delete View function by using ng-click from List View 07m:17s
  9. Making Delete Function to identify which record to delete 05m:36s
  10. Calling Edit View function by using ng-click from List View 08m:01s
  1. Setup the basic structure of the SPA page 04m:18s
  2. Use of different controllers to control different page sections 01m:17s
  3. Adding Bootstrap library to format the page 03m:39s
  4. Creating multiple pages and adding ngRoute for routing 06m:07s
  5. Setup the routing configuration for SPA 07m:50s
  6. Add different controllers for each pages 03m:23s

Back End Web Technologies (02h:44m:00s)

PHP & MySQL CRUD System Development

示範視像課程

Create MySQL tables for one to many relationship

5m:56s

Fetch the single row from the result

4m:21s

  1. Setup the environment and create the database 03m:20s
  2. Design and create tables for one to many relationship 05m:56s
  3. Design and create tables for many to many relationship 02m:06s
  4. Build the ER diagram to show the table relationship 00m:59s
  5. Insert data for the database 08m:49s
  6. Query commands for single table 04m:46s
  7. Joining tables for query and creating views as virtual table 04m:28s
  8. Joining 3 or more tables and creating views to keep the query 03m:17s
  9. Update data for the database 01m:20s
  10. Delete data from the database 01m:03s
  11. Alter table structure and update records 01m:35s
  12. Drop tables and recover tables and data 00m:57s
  1. Setup the menu for the system 03m:37s
  2. Use PHP to output information to the browser for display 03m:02s
  3. Use of variables and if-else structure 03m:13s
  4. Use of loop to repeat the operation 02m:57s
  5. Use of array to store data and loop through the array 02m:57s
  1. Connect the database in the server and then execute the SQL command 04m:05s
  2. Fetch the single row from the result and then print it out 04m:21s
  3. Loop through each row to print out the data 03m:05s
  4. Get the photo for each record and then print out 05m:30s
  5. Print the result in a table 08m:06s
  6. Create a page for listing the reader details 04m:45s
  7. Print out all the detail information for each record 06m:24s
  1. Create the form for adding new reader 04m:31s
  2. Specify the transfer method and form destination 03m:13s
  3. Get the received data and print it out to verify 02m:56s
  4. Insert the data into the database 05m:43s
  5. Redirect to other page after data insertion 03m:31s
  6. Test file upload functions 03m:33s
  7. Process the upload file 08m:11s
  8. Add file upload function to the data input form 04m:28s
  1. Create the search form for searching reader 02m:26s
  2. Handle the search data and print out the results 08m:36s
  1. Create the front end for deleting the reader 02m:58s
  2. Build the backend to process the deletion 04m:29s
  1. Create the list for user to select the reader to update 01m:58s
  2. Fill up the update form with the selected reader data 07m:31s
  3. Update the database record for the reader 09m:18s

Back End Web Technologies (10h:10m:45s)

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

示範視像課程

Introduction to Amazon Cloud Computing - AWS

07m:39s

Database Design and Development using SQL Server

22m:17s

  1. Create a blank web site for development 09m:45s
  2. Create a sample web site using web form 07m:24s
  3. Create an ASP.NET page 11m:04s
  4. Adding Array to the web pages 03m:41s
  5. Code Behind Concepts 06m:23s
  6. Create a Login Page using ASP.NET 09m:31s
  7. Create a Login Page using Web Controls 14m:18s
  8. Testing Controls with EditItems 08m:07s
  9. Auto PostBack 09m:29s
  10. Create SQL Server Database and Tables 09m:28s
  11. Using ASP.NET Control to show database data 14m:19s
  12. Setup production level IIS server for web site deployment 10m:50s
  1. 2019 Sept ADI Assignment Review 14m:06s
  2. Project Development Part 1 (System Demo and Creation of Login Page) 15m:04s
  3. Project Development Part 2 (Create Database and Gather Form Data) 13m:31s
  4. Project Development Part 3 (Connect Database and Use It for Data Validation) 14m:16s
  5. Project Development Part 4 (Adding the remaining tables to the database) 13m:19s
  6. Project Development Part 5 (Creating User class and use it to store user info) 16m:29s
  7. Project Development Part 6 (Passing Info from Session and Handling the file Uploads) 11m:43s
  8. Project Development Part 7 (Creating Photo class and save the Photo info to database) 12m:29s
  9. Project Development Part 8 (Showing photos using GridView) 20m:13s
  10. Project Development Part 9 (Adding links to Tag page and design the Add Tag page) 13m:18s
  11. Project Development Part 10 (Creating Tag class and use it to store tag info) 26m:04s
  12. Project Development Part 11 (Remove User and associated photo and tags) 17m:54s
  13. Project Development Part 12 (Final Round Up) 09m:23s
  1. Sample ASP.NET Assignment Review and Demo 12m:56s
  2. Database Design and Development using SQL Server 22m:17s
  3. Class Design and UML Diagram drawing 22m:19s
  4. Create an ASP.NET project and implementing User class 48m:36s
  5. Create Login page using Session object 44m:25s
  6. Bulid the relationship between Course, Subject and Student classes 09m:59s
  7. Create the necessary properties and methods of Course and Subject classes 11m:14s
  8. Add the methods in Course, Subject and Student to implement their relationships 07m:50s
  9. Create the Web interface for Course and Subject 29m:36s
  10. Register Student to Course and final round up 26m:04s
  1. Make a Subscription and Resource Group in Azure 06m:18s
  2. Create the App Services by selecting suitable templates 06m:23s
  3. Creating the database in Visual Studio for deployment 04m:24s
  4. Create a Web Application using Visual Studio and Upload to Azure 04m:40s
  5. Create a GridView for connecting the local database to the Web Page 02m:34s
  1. Introduction to Amazon Cloud Computing - AWS 07m:39s
  2. Creating an EC2 instance virtual server 06m:24s
  3. Connect and Login the virtual remote Windows Server 05m:45s
  4. Configuring the Windows Server 2012 for easy login 04m:23s
  5. Installing the Web Server and the Development Tools on the Server 09m:01s
  6. Opening the firewall port for allowing web traffic to server 02m:04s
  7. Creating snapshot for the server and shutting down the server 02m:19s
  8. Leasing IP address and associating with the server 01m:47s

Back End Web Technologies (13h:06m:47s)

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

示範視像課程

Tomcat Installation

11m:42s

JSP and Servlet Overview Part 1

6m:38s

  1. Java JDK installation 03m:00s
  2. Setup Environment Variables for Java 03m:18s
  3. Write a Simple Java Program 05m:21s
  4. Compile and Run the Java Program 08m:00s
  5. Java Basics (Program Structure) 06m:43s
  6. Java Basics (Variables) 12m:07s
  7. Java Basics (Decision Making) 08m:09s
  8. Java Basics (More Decision Making) 03m:44s
  9. Java Basics (Looping) 10m:09s
  10. Java Basics (Methods) 15m:09s
  11. Java Basics (Array for Numbers) 12m:17s
  12. Java Basics (Array for Strings) 09m:15s
  13. Eclipse IDE Installation 03m:01s
  14. Using Eclipse to Write a Simple Java Program 09m:39s
  15. Setting Preferences for Eclipse 05m:03s
  16. Java Class (Java Class Basic Structure) 06m:06s
  17. Java Class (Instantiate the Java Class) 04m:30s
  18. Java Class (Constructor Methods) 03m:59s
  19. Java Class (Getter/Setter Methods) 04m:21s
  20. Java Class (Auto Generate Methods) 02m:24s
  21. Object-Oriented Concepts (Inheritance Basics) 02m:24s
  22. Object-Oriented Concepts (Use of Inheritance) 07m:09s
  23. Object-Oriented Concepts (Class with Inheritance) 04m:16s
  24. Object-Oriented Concepts (Further Class Examples) 06m:57s
  25. Object-Oriented Concepts (Array of Objects) 03m:31s
  26. Object-Oriented Concepts (Abstract Class) 13m:31s
  27. Object-Oriented Concepts (ArrayList) 08m:49s
  28. Object-Oriented Concepts (Polymorphism) 05m:48s
  29. Object-Oriented Concepts (Interface) 05m:53s
  30. Object-Oriented Concepts (Use of Interface) 06m:28s
  31. Object-Oriented Concepts (Further Interface Examples) 06m:55s
  1. Tomcat Installation 11m:42s
  2. Write a simple web page using HTML and JSP 04m:36s
  3. Servlet generated behind JSP 03m:19s
  4. Write a simple Java Servlet 12m:24s
  5. Setup Environment Variables for Tomcat 03m:01s
  6. Configure web.xml for Servlet 04m:39s
  7. Setup Tomcat Runtime in Eclipse 03m:03s
  8. Create a JSP using Eclipse 05m:06s
  9. Create a Servlet using Eclipse 05m:27s
  10. Example: Create a HTML Login Form 05m:42s
  11. Example: Create a Servlet to verify Login 08m:28s
  12. Example: Create a JSP to verify Login 05m:07s
  1. MySQL Installation 06m:56s
  2. Notepad++ Installation 01m:39s
  3. Basic MySQL commands 06m:26s
  4. Example- Create a School database and Student Table 08m:00s
  5. Example- Different types of SELECT commands 04m:38s
  6. Example- Create and Use of Primary Key Constraint 08m:30s
  7. Example- Create Class Table and Make a 1-1 Relationship with Student Table 08m:26s
  8. Example- Create Course and Enrollment Table to make M-N relationship with Student Table 11m:42s
  9. Example- Joining Tables with Inner Join 09m:18s
  10. Example- Joining Tables with Outer Join 04m:21s
  11. Example- Create View as Virtual Table 04m:24s
  12. Example- Update/Delete/Search Records 03m:46s
  13. Configure the JDBC Driver for connecting Java to MySQL 05m:56s
  14. Example- Testing the Java to MySQL connection 12m:39s
  1. JSP and Servlet Overview Part 1 06m:38s
  2. JSP and Servlet Overview Part 2 08m:27s
  3. JSP and Servlet Overview Part 3 06m:01s
  4. JSP and Servlet Overview Part 4 08m:49s
  5. JSP and Servlet Overview Part 5 08m:52s
  6. JSP Concept Testing - 1) Scripting Elements 10m:08s
  7. JSP Concept Testing - 2) Directive Elements 09m:53s
  8. JSP Concept Testing - 3) Action Elements and JavaBeans 19m:03s
  9. JSP Concept Testing - 4) Implicit Objects Part 1 15m:24s
  10. JSP Concept Testing - 5) Implicit Objects Part 2 16m:46s
  11. JSP Concept Testing - 6) Implicit Objects Part 3 16m:11s
  12. JSP Concept Testing -7) EL and JSTL 09m:22s
  1. Build a Complete System - 1) Build up the MySQL database 11m:01s
  2. Build a Complete System - 2) Create the Login Form 04m:42s
  3. Build a Complete System - 3) Creating JavaBean for Login Form 04m:24s
  4. Build a Complete System - 4) Using JavaBean to Check Login 04m:18s
  5. Build a Complete System - 5) Modifying JavaBean to Support Database Login 14m:18s
  6. Build a Complete System - 6) Create a DBConnection Class 04m:45s
  7. Build a Complete System - 7) Refactoring LoginBean to use DBConnection Class 03m:50s
  8. Build a Complete System - 8) Creating a Add New Student Form 07m:34s
  9. Build a Complete System - 9) Creating a StudentBean to handle input data 04m:50s
  10. Build a Complete System - 10) Creating a StudentDAO Class to manage Student Data 14m:03s
  11. Build a Complete System - 11) Adding List Student Function to StudentDAO Class 12m:27s
  12. Build a Complete System - 12) Creating a List Student Page using JSP 10m:54s
  13. Build a Complete System - 13) Refactoring Codes to use Student ID 06m:53s
  14. Build a Complete System - 14) Creating Pages to Show Student Details 15m:36s
  15. Build a Complete System - 15) Creating Pages to Delete Student 10m:46s
  16. Build a Complete System - 16) Creating Pages to Update Student (Part 1) 08m:53s
  17. Build a Complete System - 17) Creating Pages to Update Student (Part 2) 10m:19s
  18. Build a Complete System - 18) Creating Pages to Update Student (Part 3) 16m:01s
  19. Build a Complete System - 19) Modifying Login Pages to Support Session 12m:40s
  20. Build a Complete System - 20) Creating Logout Pages 04m:01s
  21. Build a Complete System - 21) Deploying to Production Tomcat Server 05m:26s
  1. Concept Testing - Creating File or Images Upload Form 10m:38s
  2. Concept Testing - Creating the File or Images Upload BackEnd (Part 1) 08m:46s
  3. Concept Testing - Creating the File or Images Upload BackEnd (Part 2) 10m:40s
  4. Concept Testing - Creating the File or Images Upload BackEnd (Part 3) 08m:10s
  5. System Enhancement - 1) Modifying Database to support Image Storage 03m:44s
  6. System Enhancement - 2) Modifying Pages to allow upload Photo 04m:22s
  7. System Enhancement - 3) Modifying JavaBean to support photo 01m:49s
  8. System Enhancement - 4) Modifying BackEnd Pages to allow Photo upload 09m:00s
  9. System Enhancement - 5) Modifying StudentDAO to support saving Image 04m:23s
  10. System Enhancement - 6) Modifying Pages and StudentDAO to support listing Photo 06m:58s
  11. System Enhancement - 7) Modifying Pages and StudentDAO to support updating photo (Part 1) 09m:30s
  12. System Enhancement - 8) Modifying Pages and StudentDAO to support updating photo (Part 2) 08m:21s
  1. Introduction to Cloud Computing 05m:17s
  2. Open an Account in Google Apps Engine 08m:35s
  3. Prepare the Development Environment and Tools 05m:01s
  4. Installing all the tools for Local Development 11m:23s
  5. Creating a Sample Hello World Project 10m:00s
  6. Creating a Servlet for testing 08m:34s
  1. Introducing Google Cloud Datastore 07m:17s
  2. Creating a Project for testing Google Cloud Datastore 07m:02s
  3. Creating an Entity and Saving to the Datastore 06m:05s
  4. Testing the Schema Less Features of Entity 04m:30s
  5. Testing the Key Features of Entity 08m:50s
  6. Reading the Properties of an Entity using the Key 04m:33s
  7. Updating and Deleting the Entity 05m:22s
  8. List out all Entities in the Datastore 05m:11s
  1. CRUD example (Creating the Student Entity using a Form) 08m:40s
  2. CRUD example (List out the Student Entities) 09m:15s
  3. CRUD example (Delete and Update Student Entities) 08m:42s
  4. CRUD example (Delete and Update Student Entities) Part 2 08m:41s
  1. Introducing Google Cloud User Service 06m:12s
  2. Testing the Google Cloud User Service 08m:49s
  3. Integrating User Service to DataStore 10m:30s
  1. Prepare the Upload Image Input Form 05m:25s
  2. Creating a Servlet for handing Image Upload 09m:07s
  3. Creating a Servlet for handing Image Upload (Part 2) 06m:52s
  4. Creating a JSP for showing the Image 09m:33s
  1. Preparing the Send Mail Form 06m:12s
  2. Creating the Servlet for sending Email 03m:51s
  3. Finishing and Testing the Send Mail Service 09m:08s
  1. Creating an Sign Up Registration Form 05m:07s
  2. Creating the Sign Up Servlet and Task Queue 10m:07s

FAQ 常問問題

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

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

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

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

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

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

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

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

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

More Questions?