CSE 490R - Course Materials

Syllabus

Course Outcomes

Students that successfully complete this course will be:

  • Ready for a career as a React developer

Course Description

Students admitted in this course should have previous experience working with a JavaScript framework, e.g. WDD 430.

This course will dive deep into React development using the React - The Complete Guide 2021 Academind Course.  Purchase the course with the university discount. You will need to sign up with your byui email and use the coupon code provided by your instructor.

Once you've purchased it, you can always access the course here.

In addition to going through the entire Academind Course individually, students will work in multiple teams throughout the semester and develop multiple React projects.

Course Goals

  • Become comfortable working with teams

  • Become confident in learning on your own

  • Become awesome with React

  • Become comfortable publishing React applications

  • Have multiple React projects to add to professional portfolio

  • Create a professional portfolio using React

Course Communication

All course communications will take place throughMicrosoft Teams. Please join our class team using the link in I-learn, and be sure to download the desktop and mobile applications to stay connected to our course group.

Course Schedule

  • Week 1: Course Intro

  • Weeks 2-4: Team Project 1

  • Weeks 5-7: Team Project 2

  • Weeks 8-10: Team Project 3

  • Weeks 11-13: Final Project - Create Professional Portfolio Website

Grading

  • Late work is not accepted.

  • Each assignment and project should have code written by you that implements the concepts taught in the respective lesson(s).

  • 100% - Awarded for professional work that is polished and ready to present to potential employers.

  • 90% - Awarded for work that is fully functional.

  • 80% - Awarded for work that is mostly functional with some minor issues.

  • 70% - Awarded for work that is mostly functional with some major issues.

  • 60% - Awarded for work that is mostly dysfunctional but has some strong aspects.

  • <60% - Completely dysfunctional, incomplete, or not-submitted.

This is an unofficial listing of the course content. Please consult I-Learn for the official list of materials, including quizzes and due-dates.

Lesson Content

Lesson Topics:

  • Course introduction

  • Setup computer and accounts

  • Get to know one another

Lesson Content

Lesson Topics:

  • React state and events

  • Start first team project

Lesson Content

Lesson Topics:

  • Learn how to debug

  • Week 2 of first team project

Lesson Content

Lesson Topics:

  • Publish and submit team project

Lesson Content

Lesson Topics:

  • Start new team project

  • Classes

  • HTTP

  • Hooks

Lesson Content

Lesson Topics:

  • Forms

  • Week 2 of second team project

Lesson Content

Lesson Topics:

  • Redux

  • Multi-page SPAs

  • Publish and submit team project

Lesson Content

Lesson Topics:

  • Start new team project

  • Authentication

Lesson Content

Lesson Topics:

  • Week 2 of third team project

  • Next.js

  • Animations

Lesson Content

Lesson Topics:

  • Testing

  • TypeScript

  • React Hooks

  • Publish and submit team project

Lesson Content

Lesson Topics:

  • Start Final Project

  • React Hooks Recap

Lesson Content

Lesson Topics:

  • Week 2 of fourth team project

  • React Summary

Lesson Content

Lesson Topics:

  • Final Project Submission

  • Course Conclusion