|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/react-typescript-course-start-up-ready-application/
课程评论：没有评论
课程名称：React TypeScript 课程 - 启动准备应用程序 课程概述： 本课程面向有经验的 React 开发者，熟悉 TypeScript，或者具备基本 React 知识的 Angular 开发者，或能流利使用 Google 理解技术的开发者。要求Node.js版本>=10，PostgreSQL 11，Python 2.7，node-gyp 以及 C++ 的桌面开发能力（所有链接和说明均在课程内提供），并需掌握 Git。 课程内容包括： - 建立一个适用于大项目的生产和移动就绪的 React 应用程序，后端使用 Node.js 和 PostgreSQL 数据库存储用户和会话信息。 - 学习最佳的 React 架构。 - 使用 Redux + React Hooks 提升性能。 - 实现登录、注册、登出及认证检查流程。 - 通过仅限 HTTP 的 cookie 进行安全认证。 - 创建通用的错误处理程序，支持请求/响应及表单字段的错误显示。 - 实现表单验证器，支持国际化（i18n）。 - 设计动态面包屑和多语言支持，吸引不同市场的客户。 - 支持基于角色和访问权限的静态和动态权限管理。 - 用户搜索与编辑页面功能（管理员与自我编辑的版主）。 - 确保无障碍 (A11y) 访问，支持无鼠标操作。 - SEO 模块，支持应用中不同页面的标题和描述设置。 - 实现通用的用户体验保护，防止在未保存更改时进行导航。 - 实现实时数据的动态图表，使用 Plotly 和 WebSockets。 - 支持取消 HTTP 请求。 - Jest 和 Enzyme 配置示例，演示基本测试用法。 - 使用 Webpack 进行生产和开发优化。 - 提供 TypeScript 测试示例与缓存管理。 每个组件均可在一个地方插入并在任何地方使用，涵盖函数、组件、封装及 redux-forms 等的类型定义。此课程帮助节省多达四个月的开发时间，同时提供了后续课程的更新和扩展。 课程特点： - 全高清（1920x1080）视频，使用简单英语讲解，确保易于理解。 - 学员可以为课程做出贡献，并在课程标题及视频开头显示其名字及 GitHub 页面。 这是一个极具实用性的课程，帮助开发者快速掌握 React 和 TypeScript 的应用开发，切实提升开发效率。
Pre-requirements:An experienced React Developer familiar with TypeScript, or an Angular developer with basic React knowledge or a developer who can fluently use google to understand technologies.Node.js >=10, PostgreSQL 11, Python 2.7, node-gyp and Desktop development with C++ (all links and instructions are provided within the course), Git.The course contains production and mobile ready React application for a large project, dirty backend on Node.js and PostgreSQL database for store users and sessions.I'm going to show you how to cook:✅ One of the best architectures for React.✅ Redux + React hooks (you should use Redux in 2019 for best performance).✅ Login, registration, logout and check authentication flow (administrators can drop session for the target user).✅ Security authentication using http only cookie.✅ Universal error handlers for request/response. Errors are shown for fields, forms, connection. Written once. Use anywhere.✅ Form validators (i18n support).✅ Dynamic breadcrumbs. Inserted once. Working anywhere you wish.✅ Internalization (multi-language support). Your customers will be thankful for concern. Conquer different markets now.✅ Permissions (static and dynamic) based on roles and access rights.✅ User search and User Edit Page (for admins, self-edit for moderators).✅ A11y ready. Try to use without a mouse. It's possible.✅ SEO module for different titles and descriptions in the app. Just add text for new page, not more action required. i18n support.✅ Universal UX guard. Your users will not lose important changes in forms. Site prevents internal and external navigation while there are some changes in fields.✅ Live color changer. Every user can use their own colors.✅ Right way to Cache data in Redux.✅ Live chart with real-time data using Plotly and WebSockets.✅ Cancel http request that you want.✅ Jest, Enzyme configuration.✅ Webpack for development and production (with chunks and optimizers).✅ TSconfig (and cheat: write your aliases in one place, they will be applied to Jest and Webpack).✅ Cache using Service Worker.✅ Jest and Enzyme with TypeScript test examples (basic; how to mock redux, test axios, mount and shallow, work in progress).All components are written the way that they are inserted in one place and work everywhere.You will see how to type functions, components, wrappers, axios, redux-forms and etc.Be smart, be passionate, be happy!Save up to 4 months of development with this course!I'm going to update this course.Just message me what you want to know.My ideas:- User self-edit page.- Handle on backend and show on UI unhandled phrases in i18n (if you forget to translate something).- Edit page for languages.- What is Idempotency and why we should use it in our app.- Add support for oldest browsers.- Infinite table/scroll.- Dynamically add field in form.- Collapsed menu (children support)- Monorepo.After 100 000 a new course will be developed:How to create safe backend using Node.js or Golang.Notice:You get the finished application and concentrate on the processes. The lecturer explains what the thing is and how it works.My main task is that you can start doing the right things as soon as possible.Video: 1920x1080 (Full HD)Lexicon: simple English.Our goal is to be understood by the whole world.There is a killer feature of this course.You can contribute to this React course!Your name will be in the title of the lecture, as well as at the beginning of the video with your github page.How is it possible?See the chapter: "How to contribute?"
