Client-side Development

CSCI-432 Client-side Development

This course covers the design and development of rich reactive web UI's using front-end JavaScript frameworks such as Bootstrap, Angular.js, React.js and Vue.js.

Assignments

All assignments are due before the next class unless specified.

Jan 9

A First Step Vue Introduction Creating a New Vue SPA Deploying Your App

Jan 14

Understanding the Default Vue App Creating a Skeleton App

Jan 16

Demo 1 Source code A First Coding Assignment Styling Components Vue CSS Features

Jan 23

Demo 1 Demo code Using Fetch

Jan 30

Refs, v-bind, and v-model Demo 2 Demo code Reactivity Fundamentals Template Syntax Form Input Bindings A Second Coding Assignment

Feb 4

Demo 3 Demo code Vue Router - Named Views Vue Router - Nested Routes router.back() A Third Coding Assignment

Feb 6

Demo 4 Demo code .stop & .self Props Template Refs Watchers v-show defineExpose() Event Modifiers A Fourth Coding Assignment

Feb 11

Posting Messages Viewing a MongoDB Database With Compass

Feb 13

Viewing Messages Demo 5 Demo code List Rendering

Feb 20

Demo 6 Demo code Using Parameters Private Messages Dynamic Route Matching Props to Route Components

Feb 25

Vue Router Help Sheet Meta Fields and Navigation Guards
Demo 7 Demo code Props Provide & Inject State Management Computed Properties

Mar 10

Using Pinia Demo 8 Demo code Pinia Utilizing Pinia

Mar 12

Demo 9 Demo code <component> Component Registration Async Components Suspense

Mar 18

Project II Project II - Milestone 1 Blue Team Red Team

Mar 18

Project II - Milestone 2

Apr 3

Project II - Milestone 3

Apr 15

Project II - Milestone 4

CSCI-432 Client-side Development

Course Administration

Resources

Projects

Assignments