Course Details

HTML5, jQuery, jQuery Mobile, PhoneGap, PHP, MySQL, ASP.NET, WordPress, Amazon Cloud AWS
Image

Course Introduction 課程簡介

免費網上課程 - Introduction to HTML (Duration:29m:51s)
TopicsDuration
Full Version 29m:51s
Environment Setup 1m:52s
Basic Structure 5m:28s
Headers and Paragraphs 3m:22s
Images 2m:23s
HyperLinks 2m:02s
Tables 3m:08s
List 1m:30s
Final Exercises 8m:48s

隨著雲端運算時代的來臨,Web及Apps對生活及工作的影響已滲透到每一個層面。市場上極需要能創造,管理,改良Web及Apps系統技術的人 才。但Web及Apps的技術相當多元化,對初學人士來說,如何起步學習已是一個很大的難題。本校課程已因應學員的需要,將不同特色及性質的技術分為四個 單元課程,務求令學員能因應個別需要選修,而亦能一次過修讀所有單元,令技術層面更為全面。四個單元均為各自獨立,沒有先後次序之分。

 

HTMLS, CSS3, Ajax, jQuery, jQuery Mobile, PhoneGap, AngularJS, Bootstrap

這 課程著重Web及Apps的介面設計及互動技術為主。學員可利用最新的網頁製作語言HTML5及CSS3去建立網頁並學習Ajax及jQuery去製作不 同類型的互動效果,掌握技術後,便學習jQuery Mobile去製Mobile Web,並利用PhoneGap去將Mobile Web製成能在iPhone或Android上的運作的Mobile Apps.

 

PHP, MySQL, WordPress, Joomla, Amazon Cloud AWS, ASP.NET

這 課程著重Web及Apps的後台程式設計及資料儲存,學員可利用最流行的網絡程式語PHP去製作不同類型的程式,及利用MySQL這最流行的網上資料庫系 統去設計資料庫。我們會利用PHP及MySQL去打造一個CMS系統,掌握技術後,便再學習市場最流行由PHP及MySQL打造的CMS系統 (WordPress及Joomla)。此等系統已為用家建立了80%的所需功能,並能隨時轉換介面主題,但用家仍需學習如何修改 (customize) 及加建新功能,最後我們可學習如何使用Amazon的雲端服務AWS去建自己的Server系統及將網站上傳到雲端。

Course Duration 課程時數

66hrs (45 hrs 面授 + 21 hrs 視像)(學員可於完成課程後 2個月內免費重溫及重看,使學習更具彈性)

Course Objective 課程目標

This is a very comprehensive web design and development course specially designed for those absolute beginners. Its aim is to utilize all the most popular open-source tools to build a full functional HTML5 web site from scratch. After building the web site, we can adapt it as a mobile web and then further create the mobile apps for various platforms (including iPhone, Windows 8, Android).

技術包括:
 

HTML5/CSS3

HTML5 是HTML下一個主要的修訂版本,目標是取代1999年所製定的HTML 4.01和XHTML 1.0 標準,以期能在網際網路應用迅速發展的時候,使網路標準達到符合當代的網路需求。廣義論及HTML5時,實際指的是包括HTML、CSS和 JavaScript在內的一套技術組合。具體來說,HTML5添加了許多新的語法特徵​​​​,其中包括, , 和元素,同時整合了SVG內容。這些元素是為了更容易的在網頁中添加和處理多媒體和圖片內容而添加的。其它新的元素包括, , , 和,是為了豐富文檔的數據內容, 同時APIs和DOM已經成為HTML5中的基礎部分了。
 

Ajax

AJAX 為“Asynchronous JavaScript and XML”(非同步的JavaScript與XML技術),指的是一套綜合了多項技術的瀏覽器端網頁開發技術。 使用Ajax的最大優點,就是能在不更新整個頁面的前提下維護數據。這使得Web應用程序更為迅捷地回應用戶動作,並避免了在網絡上發送那些沒有改變的信 息。
 

jQuery

jQuery是一套跨瀏覽器的JavaScript函式庫,簡化HTML與JavaScript之間的操作。全球前10000個訪問最高的網站中,有59%使用了jQuery,是目前最受歡迎的JavaScript函式庫。
 

jQuery UI

jQuery UI 是一套JavaScript 函式庫,提供抽象化、可自訂主題的GUI 控制項與動畫效果。基於jQuery JavaScript 函式庫,可用來建構互動式的網際網路應用程式。
 

jQuery Mobile

jQuery Mobile是觸摸(touch)優化的Web framework(另外被稱為一個JavaScript庫或移動框架),發展重點是創建一個框架,與各種各樣的智能手機和平板電腦兼容。
 

PhoneGap

PhoneGap 是讓開發者可以使用HTML和Javascript開發行動裝置原生應用程式的工具。最早的Phonegap是實現​​了標準的Web技術,開發人員以 HTML5,JavaScript.CSS等web技術開發和Objective-C之間的橋樑,讓Web技術和Objective-C能夠互通。以 written once, run everywhere一次編譯到處運行而受歡迎,其想法是:Bridging the gap between the web and the iphone SDK。
 

PHP

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

MySQL

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

WordPress

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

Joomla

Joomla is another PHP and MySQL CMS system which is also very popular in the market and is developed in Australia.
 

Amazon Cloud AWS

Using AWS Cloud services, we can setup a Linux or Windows based server in the cloud and then host your web system onto it. They can scale to hundreds or thousands with simple management
 

 

Entry Requirement 入學要求

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

Course Target 課程適合

This course is for you if

1)      You need to create a brand new web 2.0 dynamic web site.

2)      You need to create backend database system with security

3)      You need to create a personal blog with much customization

4)      You need a CMS (Content Management System) to manage your web

5)      You need to create a mobile web running on mobile devices

6)      You need to create an iPhone apps, Android apps, Windows apps without learning Java, Objective-C and C#

7)      You need to host your web system in the cloud and then scales up if necessary

 

Course Modules 課程單元

Higher Certificate in Interactive Web and Cross-Platform Apps Development
(HTML5, CSS3, BootStrap, jQuery, jQuery Mobile, PhoneGap, Node.JS, AngularJS)
Image
Higher Certificate in Web and Cloud Back-End System Development - PHP/WordPress/ASP.NET
Image

Course Features 課程特點

特色:

實戰:

每一堂教導學員均會親自打code去建立程式,務求學員可感受寫code的過程,導師亦能即時解決學員寫code上的問題。

理論:

由淺入深,利用實戰去理解理論,真正明白及運用所學。

Course Content 課程內容

MySQL Database
  • Environment Setup - Setup Apache Web Server, PHP Engine and MySQL Database
  • Create a MySQL database and design basic database table
  • Primary Key and Foreign Key Constriants
  • Select, Insert, Update and Delete data in the table
  • Table joining and building View
  • Stored Procedures for storing SQL statements
  • Transaction Processing for concurrent processing
HTML5 Forms and Tables
  • 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
  • Write a PHP page for receiving data
PHP Language Basics
  • PHP Basics and Functions
  • PHP Variables and Arrays data structure
  • PHP If-Else and Looping control structure
Session, Cookie and Image Upload
  • MySQL Database Connection using PHP
  • Sesson for web security
  • Cookie for web personalization
  • Image upload handling
Building Standard Web BackEnd System
  • Build a sample system - Adding a menu system
  • Build a sample system - Adding new records function
  • Build a sample system - Listing records function
  • Build a sample system - Searching records function
  • Build a sample system - Deleting records function
  • Build a sample system - Updating records function
  • Build a sample system - Login / Logout functions
  • Build a sample system - Authorization functions
WordPress and Joomla CMS system
  • WordPress System Installation and Administration
  • Joomla System Installation and Administraton
  • WordPress Themes Development from scratch
  • Joomla Themes Development from scratch
Amazon Web Services)
  • Build a EC2 virtual server in Amazon Cloud
  • Applying Domain name and set DNS setting
  • Create a self-own live web server and hosted in the cloud
ASP.NET Basics
  • Environment Setup using Visual Studio Express and SQL Server Express
  • Basic ASP.NET C# programming and its Object Oriented features
  • ASP.NET Web Form introduction
  • ASP.NET server side controls and introducing common controls
ASP.NET and Database
  • ASP.NET event based programming
  • Build a database using SQL Server Expres
  • ASP.NET connection to SQL Server Express
  • Using GridView and DetailView to build a sample system
HTML and CSS Basics
  • 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
HTML5 and CSS3 new features
  • HTML5 Form with new form elements
  • HTML5 Video and Audio playing
  • HTML5 New Tags (header, footer, nav and more)
  • CSS3 Transform and Transitions
  • CSS3 Shadows and Gradients
JavaScript, DOM and AJAX
  • 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
HTML5 and JavaScript
  • Interacting HTML5 with JavaScript
  • HTML5 Geolocation and Google Map
  • HTML5 Web Storage and Local Storage
jQuery and jQuery UI
  • jQuery Basic Sytnax
  • Interacting DOM with jQuery
  • jQuery UI (User Interface)
  • jQuery UI widgets (Datepicker,Accordion and Tabs)
  • jQuery UI themes
jQuery Mobile
  • jQuery Mobile for Mobile Web Design
  • jQuery Mobile Page structure
  • jQuery Mobile widgets (ListView,Panels,Forms)
  • jQuery Mobile event programming
PhoneGap and Cordova
  • Cordova installation
  • Converting normal web page to apps by Cordova
  • Converting jQuery Moble web page to apps by Cordova
  • Adding Cordova plug-ins for mobile device support
  • Introducing PhoneGap Build for converting apps
BootStrap
  • 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
Node.JS and AngularJS
  • Setup Node.JS and Express Web server
  • Run Javscript out of the browsers
  • AngularJS MVC concepts
  • AngularJS model, directives and modules

Navigation

Social Media

IT Design