format & elaborate & add entry

docs/Web开发/CS571.en.md

@@ -1,20 +1,22 @@
-# CS571 React & React Native
+# CS571 Building UI (React & React Native)
 
 ## Course Overview
 
 - University: University of Wisconsin, Madison
-- Prerequisites: CS400 (Advanced Java, but it is not necessary in my opinion)
+- 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: 2h/week (lecture) + 4-10h/week (HW), 12 weeks
+- 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 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.
 
-All course materials are open-source, but you will need to request an X-CS571-ID header from the instructor, Cole Nelson (ctnelson2@wisc.edu). The header will be necessary for API request. When sending an email, it is advisable to include a brief self-introduction.
+This course also includes an introduction to and practices for Dialog Flow, a ChatBot development tool by Google.
+
+All course materials and assignments are open-source, but you will need to request an X-CS571-ID header from the instructor, Cole Nelson (ctnelson2@wisc.edu). The header will be necessary for API request. When sending an email, it is advisable to include a brief self-introduction. It is unclear whether the instructor is willing to give everyone an ID. If you got turned down, please [raise an issue for this GitHub repo](https://github.com/PKUFlyingPig/cs-self-learning/issues/new/choose).
 
 ## Course Resources
 

docs/Web开发/CS571.md

@@ -1,20 +1,22 @@
-# CS571 React & React Native
+# CS571 Building UI (React & React Native)
 
 ## 课程简介
 
 - 所属大学：威斯康星大学麦迪逊分校（University of Wisconsin, Madison）
-- 先修要求：CS400（高级Java，但个人觉得先修不必要）
+- 先修要求：CS400（高级 Java，但个人觉得先修不必要，掌握至少一门编程语言即可）
 - 编程语言：JavaScript/HTML/CSS
 - 课程难度：🌟🌟🌟
-- 预计学时：每周2小时（讲座）+ 每周4-10小时（作业），持续12周
+- 预计学时：每周 2 小时（讲座）+ 每周 4–10 小时（作业），持续 12 周
 
-该课程提供了React前端开发和React Native移动端开发的最佳实践介绍，完整又简洁。重点关注React和React Native的最新版本，课程网站每学期都会更新。对于各门工具迭出的前端开发难能可贵。
+该课程提供了 React 前端开发和 React Native 移动端开发的最佳实践介绍，完整的同时又提纲挈领。采用 React 和 React Native 的最新版本，课程网站每学期都会更新。对于各门工具迭出的前端开发难能可贵。
 
-同时，该课程也提供了很好的训练机会。在整个学期中，需要为较大作业量做好准备。作业所涉及的技术和知识点会在课上讲解，但不会手把手写代码（个人认为手把手写代码效率非常低，而Udemy上多为此类型）。由于不是保姆级课程，如果写作业时对于React的某些功能不确定怎么写，建议在动手之前多花些时间仔细阅读react.dev上的相关章节。作业的starter code提供的训练起点也恰好合适。
+同时，该课程也提供了很好的训练机会。在整个学期中，需要为较大作业量做好准备。作业所涉及的技术和知识点会在课上讲解，但不会手把手写代码（个人认为手把手写代码效率非常低，而 Udemy 上多为此类型）。由于不是保姆级课程，如果写作业时对于 React 的某些功能不确定怎么写，建议在动手之前多花些时间仔细阅读 [react.dev](https://react.dev/reference/react) 上的相关章节。作业的 starter code 提供的训练起点也恰好合适，不用为配 Node.js 环境伤脑筋。
 
-尽管这门课程不要求预先会Javascript/HTML/CSS，课堂上对syntax的介绍比较有限，建议学习和写码遇到语法问题时勤查勤问。
+尽管这门课程不要求预先会 Javascript/HTML/CSS，课堂上对 syntax 的介绍比较有限，建议学习和写码遇到语法问题时勤查勤问。
 
-所有课程资料都是开源的，但你需要向授课教师Cole Nelson（ctnelson2@wisc.edu）发送电子邮件以获取X-CS571-ID，该ID是向API发送request必需的。在发送邮件时，建议附上自我介绍。
+此外，本课程还对 Google 旗下的 ChatBot 开发工具 Dialog Flow 有较为深入的介绍和练习。
+
+所有课程资料和作业都是开源的，但你需要向授课教师 Cole Nelson (ctnelson2@wisc.edu) 发送电子邮件以获取 X-CS571-ID。该 ID 是向 API 发送 request 必需。在发送邮件时，建议附上自我介绍。目前还不清楚老师是否愿意给所有人提供ID，如果老师表示无法分享，请[在 GitHub repo 里提一个 issue](https://github.com/PKUFlyingPig/cs-self-learning/issues/new/choose)。
 
 ## 课程资源
 

mkdocs.yml

@@ -213,6 +213,7 @@ nav:
       - "MIT web development course": "Web开发/mitweb.md"
       - "Stanford CS142: Web Applications": "Web开发/CS142.md"
       - "University of Helsinki: Full Stack open 2022": "Web开发/fullstackopen.md"
+      - "CS571 Building UI (React & React Native)": "Web开发/CS571.md"
   - 数据科学:
       - "UCB Data100: Principles and Techniques of Data Science": "数据科学/Data100.md"
   - 人工智能: