| Course Section | Instructor | Slack Channel | Course Website | Instructor 1-on-1 | Tracker |
|---|---|---|---|---|---|
| A | @mitchell | #few-2-3 |
make.sc/few2.3 | Virtual Office | GradeScope |
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.
Course Delivery: online | 7 weeks | 14 sessions
Course Credits: 3 units | 37.5 Seat Hours | 75 Total Hours
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: Tuesday, June 1 – Thursday, July 15, 2021 (7 weeks)
Class Times: Tuesday, Thursday at 2:30pm–4:00pm (14 class sessions)
Hybrid sections are a mixture of online and in person components. In person sessions include labs and group work as noted on your schedule. These sections will run according to the Hybrid Delivery Policy: make.sc/hybrid-delivery-policy
| Class | Date | Topics | Assignment |
|---|---|---|---|
| 1 | Tue, June 1 | React and functional Programming | Assignment 1 - React Product List - React Tutorial |
| 2 | Thu, June 3 | React, Props, and State | - |
| 3 | Tue, June 8 | React and Forms | - |
| 4 | Thu, June 10 | React Lab | - |
| 5 | Tue, June 15 | Conditional Rendering | Assignment 2 - Weather API - Weather API |
| 6 | Thu, June 17 | Callbacks and Promises | - |
| 7 | Tue, June 22 | Making Network Requests | Assignment 3 - React + Redux Tutorial - Tutorial |
| 8 | Thu, June 24 | Application State | - |
| 9 | Tue, June 29 | Redux | Assignment 4 - Custom Project - Custom Project |
| 10 | Thu, July 1 | Redux Part 2 | - |
| 11 | Tue, July 6 | React Hooks | - |
| 12 | Thu, July 8 | Present Final Projects | - |
| 13 | Tue, July 13 | Final Assessment | - |
| 14 | Thu, July 15 | Present Final Project | - |
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
Any additional resources you may need (online books, etc.) can be found here. You can also find additional resources through the library linked below:
- Program Learning Outcomes - What you will achieve after finishing Make School, all courses are designed around these outcomes.
- Grading System - How grading is done at Make School
- Diversity and Inclusion Statement - Learn about Diversity and Inclusion at Make School
- Academic Honesty - Our policies around plagerism, cheating, and other forms of academic misconduct
- Attendance Policy - What we expect from you in terms of attendance for all classes at Make School
- Course Credit Policy - Our policy for how you obtain credit for your courses
- Disability Services (Academic Accommodations) - Services and accommodations we provide for students
- Student Handbook - Guidelines, policies, and resources for all Make School students