|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/react-notion-clone/
课程评论:没有评论
**课程名称:** React + TypeScript 实战打造超本格 Notion 克隆应用 **课程摘要:** 本课程专为希望提升至实务级别开发能力的朋友们设计。通过亲手构建一个功能完备的 Notion 克隆应用,您将深入学习 React 和 TypeScript 的高级应用。课程涵盖了登录/用户注册、笔记的层级式创建、所见即所得编辑器 (WYSIWYG)、实时通信等核心功能。 **您将学到的技能:** * **构建类 Notion 高级 Web 应用:** 掌握基础的 CRUD (创建、读取、更新、删除) 操作。 * **实现笔记层级结构:** 学习如何处理笔记的父子关系。 * **实现笔记变更的实时反馈。** * **开发搜索功能。** * **集成认证功能:** 包括用户登录和注册。 * **使用 Vercel 进行部署。** * **掌握现代 React 开发实践。** * **利用 TypeScript 实现类型安全编码,构建高可维护性应用。** * **与后端 Firebase 进行集成。** * **通过基础设施 (Vercel) 发布 Web 应用。** **课程目标受众:** * 认真寻求 React 工程师工作/转职机会者。 * 希望通过 React + TypeScript 独立开发应用者。 * 已理解 React 基础,并希望学习实务级别应用构建者。 * 希望深化 React 理解者。 **重要提示:** * 本课程不包含 HTML/CSS/TypeScript 的基础讲解。 * UI 部分的代码将由讲师提供,课程重点在于功能实现。 * 假定您已掌握 React 基础(如 Progate 内容)或已完成“利用4个 React 应用学习实战开发,制作有利求职的作品集”课程。 * 为了使内容更易懂,本课程未涉及性能优化,因此创建的应用中可能存在组件重渲染的情况。
「ReactやTypeScriptの基礎は理解したけど、実際に自分でWebアプリを作ったことがない…」「もっと実践的なスキルを身につけて、早くエンジニアとして働けるレベルになりたい!」そんなあなたのために、ログイン/ユーザー登録、入れ子でのメモ作成、WYSIWYGエディタ、リアルタイム通信など、本格的な機能を持ったNotionクローンを作成しながら実務レベルのReactアプリ開発について学べる講座です。【この講座で学べること】Notionライクな高機能Webアプリ開発:基本的なCRUD操作(作成、読み取り、更新、削除)ノートの階層構造(親子関係)の実装ノートの変更のリアルタイム反映検索機能認証機能(ログイン、ユーザー登録)VercelへのデプロイモダンなReact開発TypeScript による型安全なコーディングと、保守性の高いアプリケーション設計バックエンド(Firebase)との連携インフラ(Vercel) を利用した、Webアプリケーションの公開【本コースの対象者】Reactエンジニアとしての転職/就職を本気で目指している方React + Typescriptを使って自分でアプリを作ってみたい方Reactの基礎は一定理解しており、実務レベルのアプリ構築について学びたい方Reactの理解をもっと深めたい方【受講する際の注意点】HTML/CSS/Typescriptの基礎については解説していませんHTML/CSS、アプリの見た目を作る部分のコードについてはこちらで用意したものを利用していただく想定のため、本講座の解説には入っておりませんReactの基本(Progateの内容等)、および別で提供している講座「就職/転職で有利なポートフォリオに! 基礎〜応用4つのReactアプリで実践的な開発を学ぼう」の内容は理解している前提となっております今回できる限り内容を優しくするため、パフォーマンスチューニングについては触れていないため、作成したクローンはコンポーネントの再描画が実施される箇所があります