This course covers the process and tools used to build single page applications (SPA) using the most up-to-date tools and techniques. Students will learn to manage state and render on state changes using reactive programming techniques. Modern JavaScript libraries including React will be used.
Single pages Applications are the norm for web applications today. They provide a higher level of functionality not available to simple web pages.
Single page applications are the basis for most of your favorite web destinations and the future of mobile computing!
If you want to build next-generation mobile experiences that reach the widest possible audience with greatest functionality single page applications are a good bet.
By the end of the course, you will be able to:
- Design and implement Single Page Applications (SPAs)
- Identify and utilize Reactive Programming when building SPAs, and how it differs from other programming paradigms
- Use conditional rendering to programmatically manage the user interface
- Build SPAs using a component-based architecture
- Use Public and custom APIs
Course Dates: March 25, 2025 to May 6, 2025
Class Times: Tuesday, Thursday 1:00 PM to 3:45 PM Virtual online.
| Class | Date | Topics | Assignment |
|---|---|---|---|
| - | Week 1 | - | - |
| 1 | Tue, Mar 25 | React and functional Programming | Assignment 1 - React Product List - React Tutorial |
| 2 | Thr, Mar 27 | React, Props, and State | |
| - | Week 2 | - | - |
| 3 | Tue, Apr 1 | React State Management | - |
| 4 | Thr, Apr 3 | Conditional Rendering | Assignment 2 - Weather API |
| - | Week 3 | - | - |
| 5 | Tue, Apr 8 | useEffect Hook | - |
| 6 | Thr, Apr 10 | Closures | - |
| - | Week 4 | - | - |
| 7 | Tue, Apr 15 | Interview Challenge | Assignment 3 - React + Redux Tutorial |
| 8 | Thr, Apr 17 | Application State | - |
| - | Week 5 | - | - |
| 9 | Tue, Apr 22 | Redux | - |
| 10 | Thr, Apr 24 | React and Express | Assignment 4 - Custom Project |
| - | Week 6 | - | - |
| 11 | Tue, Apr 29 | Tailwind CSS | - |
| 12 | Thr, May 1 | Framer Motion | - |
| - | Week 7 | - | - |
| 13 | Tue, May 6 | RTK Query - More Motion | - |
| 14 | Thr, May 8 | Final Assessment | |
| - | Week 8 | - | - |
| 15 | Tue, May 13 | - Final Presentation | - |
These video cover the material from this course.
https://youtube.com/playlist?list=PLoN_ejT35AEhmWcDTI6M--ha_E4lTyAtx
During the course of the class you will build the following projects:
- Assignment 1 - React Product List
- Assignment 2 - Weather API
- Assignment 3 - React + Redux Tutorial
- Assignment 4 - Custom Project
You should submit each of these assignments to GradeScope.
Besides the projects above, you are also responsible for completing the self assessment questions on GradeScope. There is one following each lessons. Use thes to measure how much of the course material you have absorbed.
You will follow all of the lessons in the videos playlist below.
The videos are labeled "lesson XX Y" where XX is the lesson number 01, 02, 03 etc. and Y is video number. You should watch all of the videos for each lesson matching the lessons in the schedule above.
To pass this course you must meet the following requirements:
- Score an average of at least 2 on the Rubric overall for each assignment.
- Pass the final summative assessment according to the rubric as specified in this class
- This will be further explained in the study guide
- Actively participate in class and abide by the attendance policy
- Make up all classwork from all absences