Web/Apps Development

Apps + 網站系統開發課程
助您用科技解決問題
NodeJS + PHP + ReactJS + MySQL

Web/Apps Development

PROFESSIONAL DIPLOMA IN APPS, WEB, CLOUD DEVELOPMENT

Kotlin + Java + Swift + Objective-C + Dart + PHP + NodeJS + MySQL + MongoDB + VueJS + ReactJS + Bootstrap

🏆Become a Full Stack Web + Apps Developer

Native Method

iOS Development

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

About Images

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),亦內置手機模擬器程式等功能,方便使用者開發及測試相關程式。


Native Method

Android Development

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

About Images

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


Cross Platform

Flutter Development

這部分課程將教授 Flutter 程式開發。學員將由淺入深去理解 Flutter Apps 的建構架構、語言基礎、介面設計、感應器使用、資料傳輸、檔案儲存資料、資料庫儲存資料、保安功能。

About Images

TechnologyIntroduction
Flutter Flutter是一個由Google開發的開放原始碼跨平台應用程式軟件開發套件,用於為Android、iOS、Windows、macOS、Linux Desktop、Google Fuchsia開發應用程式。
Dart Dart 是一套類似 Java 的新一代程式語言,修補了其他程式語言的缺點。是 Flutter 程式開發的語言。
Visual Studio Code Visual Studio Code是一款由微軟開發且跨平台的免費整合式開發環境。使用者可以透過內建的擴充元件程式以加強軟體功能。


Back End platform

PHP and Node.JS

後台程式語言主要用作處理各式各樣的 Web request 及連接資料庫作出 CRUD 的運作 PHP是歷史悠久的後台語言覆蓋率廣泛 NodeJS 是較為新進的後台程式語言 優點是利用 Javascript在語言基礎 開發人員能用一套語言便可以開發前後台技術

About Images

TechnologyIntroduction
PHP PHP是一個應用範圍很廣的語言,特別是在網路程式開發方面。一般來說PHP大多在伺服器端執行,透過執行PHP的程式碼來產生網頁提供瀏覽器讀取。 PHP可以在許多的不同種的伺服器、作業系統、平台上執行,也可以和許多資料庫系統結合。
NodeJS NodeJS 是一個 Javascript 執行環境, 讓開發者可利用 Javascript開發後台系統。 使用者可以不再學習其他語言便可利用 Javascript一併開發前後台程式。 再配合強大的程式庫,可架構出任何種類的 Server 架構。


Front End Technologies

HTML5, CSS3, jQuery and BootStrap

前台網頁的基礎是由 HTM5, CSS 及 Javascript所組成 為了加速開發 Javascript語言 我們可利用 jQuery程式傅協助 為了加快美化網站的速度及製作 Responsive 網站 我們可以了 BootStrap CSS Framework協助

About Images

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 ,可快速製作出適合不同裝置及尺寸的回彈性網頁介面。


Back End Database

MySQL and MongoDB

資料庫是所有網站的核心部分 傳統的關聯式資料庫 是以table為單位 學習設計資料庫及運用 SQL 語言是關鍵的一步 NOSQL 資料庫擺脫了傳統資料庫的限制 以document為儲存單位 更容易擴展及複製 是雲端服務常用的資料儲存方式

About Images

TechnologyIntroduction
MySQL MySQL 是一個開放源碼的關聯式資料庫管理系統,MySQL在過去由於性能高、成本低、可靠性好,已經成為最流行的開源數據庫,因此被廣泛地應用在 Internet上的中小型網站中。隨著MySQL的不斷成熟,它也逐漸用於更多大規模網站和應用,比如維基百科、Google和Facebook等網站。
MongoDB MongoDB 是一個以文件導向的資料庫架構, 開發者不用預先設定資料庫結構。使用者可隨意新增及刪除文件。 文件的格式亦可以隨意改變,適合大數據資料儲存。


Front End framework

ReactJS vs VueJS

為了使前台開發更有規模以及更容易管理 可以使用framework 熱門的有 ReactJS 及 VueJS 概念是將網頁切割成不同的 component 每個component包含自己的網頁內容 設計風格及相關程式碼 網站人員便可以輕鬆利用 component 組成不同的 website

About Images

TechnologyIntroduction
ReactJS ReactJS 是由 faceBook(Meta) 所開發的前端介面設計 Javascript工具庫, 是用介面組件(Components) 這觀念用來架構介面。 開發者可自行開發組件或利用已經建立的第三方組件用來建構網站, 是最先進的 Web design 技術及趨勢
VueJS VueJS 是漸進式JavaScript框架。 利用組件設計(Component Design)來設計Web前端, 是今年最流行的前端框架之一,為開發人員必須學習的新設計方式
HeroKu and Netify HeroKu (在Amazon AWS 上構建) 是一個用來安置各種後台系統的雲端服務而 Netify 是一個用來安置各種前台系統的雲端服務


$8,900
  • 學習影片約122小時詳盡學習影片,由淺入深教學
  • 面授課程18堂面授課程 + 18堂面授課程錄影
  • 開課時間2023-9-26 開始 逢星期二,五 7:00pm-9:30pm
  • 學費分期按月分期,每期$4,450
  • 觀看時限12個月
  • 入學要求無需任何程式設計背景,有興趣請便可報讀
  • 課程代碼:PDI202306

你會學到什麼 ?

本綜合課程由以下兩個文憑課程所組成

本課程適合需要學習 Mobile Apps 開發和網站系統人士設,學員可同時學習兩大開發平台 Android 及 iOS 的程式開發, 由淺入深去理解 Mobile Apps 的建構架構、語言基礎、介面設計、感應器使用、資料傳輸、檔案儲存資料、資料庫儲存資料、保安功能、動畫及繪畫、多媒體功能及遠端通告系統。 透過對比兩大平台的分別,令學員更能掌握流動程式設計的精要,使學習事半功倍。 並且,學員可同時學習前端和後端的網站程式開發, 由淺入深去理解前端和後端相關科技、前台技術主要涉及介面設計美化網站系統及如何作出不同的互動效果, 後台技術則以資料庫設計及程式設計為主。 學員可結合兩方面的技術建構出一個完整的資訊系統,例如POS系統,庫存系統,學校管理系統,人力資源系統等。

學員可以一次過學習所有最新最全面開發科技 課程由淺入深 除了有16堂面授課堂外 還有超過120小時的課程錄影片段 適合有志投身IT行業 成為軟件工程師的最佳實戰課程

課程特色

  • 課程覆蓋現今 Apps 最流行的開發方法
  • 會利用 Java 及 Kotlin 程式語言開發 Android 手機程式
  • 會利用 Swift 及 Objective-C 開發 iOS 手機程式
  • 會利用 Google 出品的 Flutter平台及 Dart 程式語言,只用一組程式碼 ,同時製作 iOS 及 Android程式。
  • 涵括五種程式開發語言 (Kotlin + Java + Swift + Objective-C + Dart)
  • 教授製作功能完整的示範 Apps,"用家登記系統 - Member Registration System" - 會利用到資料庫儲存會員紀錄,做到 CRUD 的效果
  • 能協助製作學位及文憑課程的 Project功課
  • 課程覆蓋現今 Web 最流行的開發方法
  • 同時學習兩大網站後台技術
    (PHP + NodeJS).
  • 同時學習兩大資料庫平台
    (MySQL + MongoDB)
  • 同時學習兩大前台開發框架
    (ReactJS + VueJS)
  • 利用Bootstrap快速美化網站
  • 打好HTML + CSS + JavaScript基礎
  • 教授製作電子商務網站
    (PayPal eShop)
  • 教授製作會員登記系統
    (Membership System)
  • 能協助製作學位及文憑課程的 Project功課

上課模式

  • 集合了視像及面授課程的優點,學員可上堂問問題解決疑難 ,亦可重播片段重溫加深知識
  • 本課程有18堂面授課程 + 18堂面授課程錄影
  • 學員可選擇親身到達課室上課, 或者在家遙控學校的電腦進行上課, 導師可以看到被遙控的電腦的狀況, 了解學員的學習進度。 無論在學校或家裏的同學均可以發問問題, 導師會即時協助解決問題。
  • 另有 83小時輔助教學影片,以供學員自我進修之用
  • 4堂 (10小時) Live Recording - Android Development with Java
  • 4堂 (10小時) Live Recording - iOS Development using Swift
  • 28小時 開發 Android using Java 補充課堂錄影,課程全面覆蓋 Android 程式開發的各個層面
  • 17.5小時 開發iOS using Swift 補充課堂錄影,課程全面覆蓋 iOS 程式開發的各個層面
  • 17小時 開發 iOS using Objective-C 補充課堂錄影,課程全面覆蓋 iOS 程式開發的各個層面
  • 4堂 (10小時) 前台技術課堂錄影
    (jQuery + BootStrap + VueJS)
  • 4堂 (10小時) 後台技術課堂錄影
    (PHP + MySQL)
  • 6堂 (15小時) 前後台技術課堂錄影
    (ReactJS + MongoDB + NodeJS)
  • 3.5小時補充課堂錄影,詳細說明建立完整 Membership 系統並上傳到雲端 (Heroku) 的各個步驟及流程。
  • 2小時補充課堂錄影,詳細說明建立 eShop (PayPal) 的各個步驟及流程。

Instructor

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

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

  • 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

面授課程內容

所有課堂均會有錄影,學員可重播上堂的錄影片段。重播次數不限,為期12個月。

  • Understanding Kotlin language and the Android Studio
  • Learn how to use variables, decision making, looping and data structures
  • Learn the methods and object oriented feature of Kotlin
  • Understanding Android Apps structure and related files
  • Design the user interface using the layout file and the widgets
  • Understanding the Life cycle of Android Activity
  • Android Resource Management (String, Color, Drawable)
  • Use of Logcat for debugging and monitoring

  • Displaying text and image using TextView and ImageView
  • Receiving user input using EditText, Checkbox, RatingBar and Switch
  • Using Button to trigger event and setup event handling
  • Use of Implicit Intent to dial phone or send SMS
  • Use of Explicit Intent to launch another Activity and passing data
  • Use of Spinner and ListView to display structured data
  • Use of RecyclerView and CardView to display unlimited data
  • Creating Toast and Alert Dialog Box for notification

  • Storing and getting back data using SharedPreferences
  • Setting static and dynamic permission for web access
  • Understanding WebView for presenting web pages
  • Downloading Image and Text from Internet
  • Using external library to help to connect to Internet
  • Understanding the Fragment and its application
  • Decoding JSON data received from Web Services

  • Understanding Swift Language and the Xcode IDE
  • Learn how to use variables, decision making, looping and data structures
  • Learn the methods and object oriented feature of Swift
  • Understanding Views, View Hierarchy and View Controllers
  • Understanding the Life cycle of ViewController
  • Using IBOutlets to access UI widget properties
  • Using IBActions to setup the event listener
  • Using UILabel and UIImageView for display information

  • 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

  • Design user form using UITextField, UISegmentControl, UISwitch and UISlider
  • Understanding TableView for displaying structured data
  • Creating AlertView and ActionSheet for notification
  • 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

  • Understanding Dart language and the Visual Studio Code IDE
  • Learn how to use variables, decision making, looping and data structures
  • Learn the methods and object oriented feature of Dart
  • Introduction to Widgets and the Widget Tree for building UI
  • Understanding the Stateless and Stateful Widgets
  • Understanding the types of Widgets (Basic, Platform Specific, Layout and State Maintenance Widgets)
  • Using the layout widgets to hold the children widgets (Container, Row, Column and Stack)
  • Displaying text and image using Text and Image Widgets

  • Adding state to your Apps (Stateful Widgets)
  • Interacting with Buttons (TextButton, Elevated Button, FAB, DropdownButton)
  • Receiving user input using the TextFields
  • Using the Navigator to navigate to next screen
  • Showing the dialog, toast and bottom sheet
  • Passing data using the InheritedWidget
  • Introduction to Asynchronous Programming using Future
  • Using Future with the Stateful widgets

  • Using the SharedPreferences to save simple data
  • Using the Secure Storage to save data
  • Design an HTTP client and getting data
  • Storing data using the SQlite database
  • Writing Android Specific Code
  • Writing iOS Specific Code
  • Deployment to Android and IOS platforms

  • Using Bootstrap CSS library to style web page
  • Implement the web layout using Bootstrap griding system
  • Add styles and icons to the buttons
  • Build the dropdown menu system
  • Styling the forms and tables
  • Build the modal dialog to alert user
  • Create the image carousel using Bootstrap

  • Understanding JavaScript ES6 Basics
  • JavaScript Variables and Constant
  • JavaScript Functions and Arrow functions
  • JavaScript If-Else Decision Making and Looping Control structure
  • JavaScript data structure (Array and Objects)
  • Using jQuery library to assist JavaScript development
  • Using localStorage for browser based storage

  • Understanding Component based Web Design and VueJS framework
  • Using Node.JS to create VueJS project
  • Build responsive web page using VueJS directives
  • How to communicate with the backend using axios
  • Creating the reusable web components
  • Load and route the components using Vue router
  • Build a Single Page Application (SPA) using VueJS

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

  • PHP Language Basics and Functions<
  • PHP Variables and Arrays data structure
  • PHP If-Else Decision Making and Looping Control structure
  • Connecting MySQL Database Connection using PHP
  • Build a user registration form using POST and GET
  • Validate user data and responds with error messages
  • Build a image upload form for uploading image or files

  • Build the Update functions for the system
  • Build the Delete functions for the system
  • Build the Search functions for the system
  • Implement login mechanism for the system
  • Understanding the Cookies and Session
  • Use the Cookie and Session to secure web pages
  • Build the authorization function for the system

  • Understanding MongoDB (NoSQL and document based)
  • Installing the MongoDB
  • Create and Drop the Database
  • Create and Drop the Collections
  • Create Document using InsertOne and InsertMany
  • Understanding the ObjectID for each document
  • Query the Collection by using various operators
  • Sorting and Limiting the Query Result
  • Updating the document using Update, UpdateOne or UpdateMany
  • Deleting the document using DeleteOne or DeleteMany
  • Grouping the document using Aggregrate
  • Building the relationship using Embedded or Referenced Documents
  • Using NodeJS to connect MongoDB
  • Create the CRUD operation in MongoDB using NodeJS

  • Understanding the Mongoose packages for Object Data Modeling
  • Creating the Mongoose schema and model
  • Using NodeJS to connect Mongoose
  • Create the CRUD operations using Mongoose using NodeJS
  • Understanding the EJS template engines for page rendering
  • Introducing the MVC (Model + View + Controller) architecture
  • Creating various controllers for CRUD
  • Introducing the Middleware concept
  • Creating the Data Validation Middleware
  • Indroducing the Session concept
  • Using the Session to implement security
  • Create a user collection and controllers for login and logout
  • Create a middleware to protect pages which require authentication

  • Create New React Project
  • Understanding various files in React Project
  • Introducing React Component
  • Create your first React Component
  • Introducing JSX (JavaScript XML) as the rendering language
  • Rendering variables and functions in JSX
  • Using map functions to render array and objects
  • Conditionally Rendering Components
  • Create State in Components using useState hook
  • Avoiding Infinite Rendering by incorrect function calls
  • Form Handling and stores values in Component state
  • Building the Component Tree using Child Components
  • Export and Import the Components
  • Execute functions automatically using useEffect hook
  • Fetching remote using fetch and axios libraries
  • Understanding the concept of Promise object
  • Testing how to call the public remote API