Welcome#
to our Web Architectures Class. This course provides an advanced study of modern web application development with an emphasis on system design, scalable front-end architectures, and cloud-based data services. Students examine current frameworks, programming models, and development workflows used to build maintainable and responsive web applications. The course focuses on component-based front-end development using Vue.js, state management, asynchronous communication, and integration with cloud databases and authentication services. Additional topics include API design, client–server interaction, data modeling, and best practices for building secure and reliable web applications. Students complete a substantial project that integrates these concepts into a fully functional web application.
Course Information#
Instructor: Dr. Yong Zhuang
E-mail: yong.zhuang@gvsu.edu
Office: MAK D-2-234
Office Hours: Monday, 12:00 pm - 2:00 pm
Course Page: Blackboard and Course Website
Syllabus: View the syllabus here
Zoom: Meeting ID: 396 668 6420, Password: 587684
Class Schedule#
Section 01
Class Time: Monday 6:00 pm–8:50 pm (in-person / synchronous) + asynchronous
Room: DeVos Cntr Interprofess Health, Room 507 / Zoom
Final Presentation: April 27 (Monday), 6:00 pm–7:50 pm
Tentative Schedule#
Week |
Date |
Topics |
Resources |
|---|---|---|---|
1 |
01/12 |
Syllabus | Introduction | Docker | HTML | Quiz 1 |
|
2 |
01/19 |
Martin Luther King, Jr. Recess (No Class) |
Resources |
3 |
01/26 |
CSS 1 | CSS 2 | CSS Grid and Flexbox | Quiz 2 | Assignment 1 |
|
4 |
02/02 |
||
5 |
02/09 |
Term project | TypeScript (Higher-order Functions): 1, 2 | Quiz 4 |
|
6 |
02/16 |
||
7 |
02/23 |
HTTP | HTTPs |JS Modules | Vue.js fundamentals | Assignment 2 |
|
8 |
03/02 |
Vue.js 2 | Vue.js 3 | Assignment 3 | Quiz 5 |
|
9 |
03/09 |
Spring Break (No Class) |
Resources |
10 |
03/16 |
Promise | Pinia 1 | Pinia 2 | Assignment 4 | Quiz 6 |
resources |
11 |
03/23 |
Vue Router | Vuetify | Vuetify 2 | Quiz 7 |
resources |
12 |
03/30 |
🎬,Firestore 1 | 🎬,Firestore 2 | 🎬,Authentication | Assignment 5 |
resources |
13 |
04/06 |
Fetch and Axios, ExpressJS |
resources |
14 |
04/13 |
TBD |
resources |
15 |
04/20 |
Final project studio |
resources |
16 |
04/27 |
Final Project Presentation |