WeChat Mini Program – Everything you need to know

Course Curriculum

Chapter 1: Introduction

Lecture 1: Our Course Project

Lecture 2: QR Code to Preview Mini Program

Lecture 3: Mini Program Master Files

Lecture 4: Mini Program History & Stats

Lecture 5: Framework Explained

Chapter 2: Coding Setup & Tools

Lecture 1: Postman – Route Testing

Lecture 2: VS Code – Coding Backend

Lecture 3: MongoDB – Database

Lecture 4: Heroku – Hosting Backend

Lecture 5: WeChat DevTools – Coding Mini Program

Lecture 6: NPM – Node Modules

Chapter 3: Backend & Database

Lecture 1: Setting Up Backend

Lecture 2: Connecting Database

Lecture 3: Making The User Model

Lecture 4: Register User Route

Lecture 5: Covid Data Route

Lecture 6: Getting Login Code for OpenId

Lecture 7: WeChat OpenId Route

Chapter 4: Creating the Mini Program

Lecture 1: Downloading Asset Files

Lecture 2: App Layer Structure

Lecture 3: Header & First Image

Lecture 4: User Login Area

Lecture 5: Conditional Rendering

Lecture 6: Remember Login with Local Storage

Lecture 7: onLoad and Remove Local Storage

Lecture 8: Confirm Logout with Component

Lecture 9: CORRECTION – Logout Toast

Chapter 5: Using Covid Data & Saved Counties Section

Lecture 1: Getting the Covid Data

Lecture 2: Using the API and Default Data

Lecture 3: Sorting and Using the Covid Data

Lecture 4: Setting County Risk Level and Name

Lecture 5: Starting the Saved Counties Section

Lecture 6: Saved Counties Conditional Rendering

Lecture 7: Saved Counties Toggle Button

Lecture 8: Saved Counties Checkbox Group

Lecture 9: Saved Counties Selected Checkbox Function

Lecture 10: Remember Saved Counties with Local Storage

Chapter 6: Finishing the Index Page

Lecture 1: Highest Infection List Section

Lecture 2: Creating the Other Pages

Lecture 3: Redirecting to the Map Page

Lecture 4: Redirecting to the Data Page

Lecture 5: Using the Tab Bar for Navigation

Lecture 6: Footer Section and Index Page Completed

Chapter 7: Creating the Map Page

Lecture 1: Adding the Header and Date

Lecture 2: Defining the Covid Data for our Map

Lecture 3: Display a Dynamic Map with SVG

Lecture 4: Display County Names with Risk Level

Lecture 5: Making a Map Legend

Lecture 6: Toggle the Display of each Risk Level

Lecture 7: Adding the Footer to our Map Page

Chapter 8: County Information Popup on the Map Page

Lecture 1: County Info Modal Exit

Lecture 2: County Info Modal Exit

Lecture 3: Setting the Selected County Data

Lecture 4: Displaying Selected County Name and Flag

Lecture 5: Displaying Selected County Data

Lecture 6: Creating the Risk Level Indicator

Lecture 7: CORRECTION – Misspelled Bold Class

Lecture 8: Displaying County Outline and Population

Lecture 9: Creating a Map Context

Chapter 9: Starting the Data Page

Lecture 1: Creating the Data Sorting Buttons

Lecture 2: Showing the Selected Sorting Type

Lecture 3: Creating List Buttons for Each County

Lecture 4: Building the Open County Tab Function

Lecture 5: Finishing the List Sorting Functions

Lecture 6: Setting County List Data and Flag Backgrounds

Lecture 7: Building the Copy Clipboard Data Function

Lecture 8: Adding the Footer and Finishing Our MP

Chapter 10: Extra Features and Functions

Lecture 1: Handling Covid Data Request Fail

Lecture 2: Vibration Feedback for Touch Events

Lecture 3: Using Pull Down Refresh

Lecture 4: Updating Data for Page onShow

Lecture 5: Customize Mini Program Sharing

Lecture 6: Finished Mini Program Summary

Chapter 11: Guide on Account Registration + More

Lecture 1: Applying for an Official Mini Program Account

Lecture 2: Using the Mini Program Account Dashbaord

Lecture 3: Payment inside of Mini Programs