|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/youtube-react-hooks-css-module/
课程评论：没有评论
**课程名称：** 最短・最速で作る Youtube クローンアプリ React・React Hooks編 **核心内容：** 本课程旨在通过实际动手完成一个YouTube克隆应用程序，系统地、有趣地教授React、React Hooks、Context API以及CSS Module等现代开发技术。 **课程亮点：** * **以Functional Component为中心**的React开发实践。 * 学习**布局（Layout）的创建方法**。 * 掌握**React Router Dom**进行页面路由和导航，包括**useHistory**和**useLocation**的使用。 * 学习使用**useState**进行**Local State（局部状态）管理**。 * 精通使用**useReducer + Context API + useContext**进行**Global State（全局状态）管理**。 * 掌握**CSS Module**的样式化技巧（课程将省略CSS基础知识的讲解）。 * 了解**YouTube API的注册与使用**。 * 学会将**文本中的URL转换为a标签**进行显示。 * 实现**保持纵横比（Aspect Ratio）的响应式设计**。 * 利用**Promise.all**进行性能优化。 **学习目标：** 通过共同实现YouTube克隆应用程序，提升实践能力。 **课程定位：** 本课程面向**中级开发者**。 **先修建议：** 课程采用最新的React开发技术——React Hooks。对于初次接触React Hooks的学习者，建议**先学习《最短・最速で学ぶ React Hooks 完全ガイド！基礎〜応用編 最新のReact開発+ステート管理をマスターしよう!》**，以打好基础。
本講義では、React + YouTube APIを使ってYouTube クローン アプリを実装しながら体系的に、そして楽しくReact, React Hooks, Context API, CSS Moduleを使ったモダン開発を学習していきます。本講義に含まれる内容Functional Component中心のReact開発方法Layoutの作成方法React Router Domによるページ遷移useHistory, useLocationの使い方useStateを使ったLocal State管理useReducer + ContextAPI + useContextを使ったGlobal State管理CSS Moduleパターンを使ったスタイリング手法 (CSSの細かい説明は割愛)Youtube APIの登録利用方法Textに含まれるURLをaタグに変換して表示する方法縦横比(アスペクト比)を保持したレスポンシブル対応Promise.allによる最適化一緒にYoutube クローンアプリケーションを実装し実践力を身につけていきましょう！本講義は、中級者向けのコースになります。講義内では、最新のreact開発手法である、react hooksを使用しています。react hooksを初めて触る方は、最短・最速で学ぶ React Hooks 完全ガイド！基礎〜応用編 最新のReact開発+ステート管理をマスターしよう!を先に受講することをおすすめします。
