Diploma in Web System Development (React + Node + AI)

課程代碼: DWS2023

面授課程 + Video課程

Node and MongoDB - 面授課程

1. NodeJS Basics

1.1 Introducing JavaScript and its basic syntax
1.2 Installing NodeJS and Visual Studio Code
1.3 Downloading and installing various modules using npm
1.4 Create New NodeJS project
1.5 Understanding various files in NodeJS project
1.6 Using the basic modules like http, url and fs
1.7 Create a basic NodeJS web server
1.8 Understanding the Request and Response objects
1.9 Reading files and images using fs module
1.10 Showing different pages using url module
1.11 Sending Data using GET method
1.12 Receiving Data via Query String
1.13 Sending Data using POST method
1.14 Receiving Data via Form POST
1.15 Uploading files and process it using formidable module
1.16 Using AJAX to send data
1.17 Installing the Express web framework
1.18 Setup the static folder in Express
1.19 Using Express routing to load different pages

2. MongoDB Database

2.1 Understanding MongoDB (NoSQL and document based)
2.2 Installing the MongoDB
2.3 Create and Drop the Database
2.4 Create and Drop the Collections
2.5 Create Document using InsertOne and InsertMany
2.6 Understanding the ObjectID for each document
2.7 Query the Collection by using various operators
2.8 Sorting and Limiting the Query Result
2.9 Updating the document using Update, UpdateOne or UpdateMany
2.10 Deleting the document using DeleteOne or DeleteMany
2.11 Grouping the document using Aggregrate
2.12 Building the relationship using Embedded or Referenced Documents
2.13 Using NodeJS to connect MongoDB
2.14 Create the CRUD operation in MongoDB using NodeJS

3. NodeJS System Development

3.1 Understanding the Mongoose packages for Object Data Modeling
3.2 Creating the Mongoose schema and model
3.3 Using NodeJS to connect Mongoose
3.4 Create the CRUD operations using Mongoose using NodeJS
3.5 Understanding the EJS template engines for page rendering
3.6 Introducing the MVC (Model + View + Controller) architecture
3.7 Creating various controllers for CRUD
3.8 Introducing the Middleware concept
3.9 Creating the Data Validation Middleware
3.10 Indroducing the Session concept
3.11 Form Handling and stores values in Component state
3.12 Using the Session to implement security
3.13 Create a user collection and controllers for login and logout
3.14 Create a middleware to protect pages which require authentication

ReactJS - 面授課程

1. REACTJS BASIC

1.1 Create New React Project
1.2 Understanding various files in React Project
1.3 Introducing React Component
1.4 Create your first React Component
1.5 Introducing JSX (JavaScript XML) as the rendering language
1.6 Rendering variables and functions in JSX
1.7 Using map functions to render array and objects
1.8 Conditionally Rendering Components

2. HOOKS AND REMOTE ACCESS

2.1 Create State in Components using useState hook
2.2 Avoiding Infinite Rendering by incorrect function calls
2.3 Form Handling and stores values in Component state
2.4 Building the Component Tree using Child Components
2.5 Export and Import the Components
2.6 Execute functions automatically using useEffect hook
2.7 Fetching remote using fetch and axios libraries
2.8 Understanding the concept of Promise object
2.9 Testing how to call the public remote API

3.OTHER HOOKS, ROUTING AND STYLING

3.1 Using useRef to persist values between rendering
3.2 Using useRef to access DOM elements
3.3 Using createContext and useContext to build global state
3.4 Understanding Facebook's Flux pattern
3.5 Using useReducer to implement the Flux pattern
3.6 Using useMemo and useCallback to avoid unnecessary rendering
3.7 Using React Router to load different components
3.8 Setup the Routing Tables
3.9 Adding the Link for loading each component
3.10 Passing data by useLocation and useParams hooks
3.11 Using React Bootstrap to style the components

NodeJS + MongoDB + React + Heroku Integration Project - Video課程 :
- NODEJS BACKEND SYSTEM
- REACTJS FRONTEND SYSTEM
- PORTING TO CLOUD

Google DialogFlow Chatbot Integration Project - Video課程 :
- Setup Basic DialogFlow ES Services
- Collect Data from Dialog
- Integrate with NodeJS and Deploy to Web