Skip to content

CS571 Building UI (React & React Native)

Course Overview

  • University: University of Wisconsin, Madison
  • Prerequisites: CS400 (Advanced Java. But in my opinion you only need to master one programming language)
  • Programming Languages: JavaScript/HTML/CSS
  • Course Difficulty: 🌟🌟🌟
  • Estimated Time Commitment: 2 hrs/week (lecture) + 4–10 hrs/week (HW), 12 weeks

This course provides a comprehensive but concise introduction to the best practices of React front-end development and React Native mobile development. It focuses on the latest versions of React and React Native and is updated every semester. It is a valuable resource for tackling the complexities of front-end development.

The course also offers a good training ground. Be prepared for a significant workload throughout the semester. The techniques and knowledge points involved in the homework will be explained in class, but code won't be written hand by hand (I personally think that hand-holding code writing is very inefficient, and most courses on Udemy are of this type). As this isn't a hand-holding course, if you are unsure about how to write React code when doing homework, I recommend spending extra time carefully reading the relevant chapters on react.dev before diving in. The starter code also provides you with a great starting point, saving you from coping with Node.js environment settings.

Although this course doesn't require prior knowledge of Javascript/HTML/CSS, the classroom introduction to syntax is relatively limited. It's recommended to frequently consult resources and ask questions when encountering syntax issues during learning and coding.

This course also includes an introduction to and practices for Dialog Flow, a ChatBot development tool by Google. You can also find content related to UX development (on the practical side) in this course.

According to the official website, CS 571 is open to everyone. You can request a Badger ID directly from the webpage using your email address.

Course Resources

  • Course Website: https://cs571.org
  • Course Videos: Refer to the links labeled "R" on the course website.
  • Course Assignments: Refer to the course website for more information.