|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/react-et-typescript-le-cours-et-un-projet-complet/
课程评论：没有评论
**课程名称:** React et TypeScript. Le cours et un projet complet. **课程概述:** 本课程旨在教授如何使用 TypeScript 编写 React 应用程序。课程分为两个主要部分： 1. **理论部分：** * 现代 JavaScript 基础知识：展开/剩余运算符 (spread/rest)、箭头函数、柯里化函数、Truthy/Falsy 值以及逻辑运算符 (&&)。 * TypeScript 基础知识：编译/编译器、类型注解、原始类型和非原始类型、类型推断、类型别名、接口、类、元组、联合类型和交叉类型、类型守卫 (typeof, instanceof, in, never)、类型谓词和类型断言、泛型。 2. **实践部分：** * 一个完整的项目实践，构建一个太空主题的投资组合（Portfolio）应用，内容涉及 SpaceX、NASA、JWST 等的最新资讯。 * 项目使用 TypeScript 和 React 18。 * CSS 框架采用 Tailwind，实现完全响应式设计。 * 路由管理使用 React Router V6，包括重定向和加载器。 * 其他使用的库包括：Lucide（图标）、Shadcn（可复用组件库）、Vite（脚手架工具）、Axios（异步/HTTP 请求）。 * 代码遵循“整洁代码”和“最佳实践”原则。 * 在部署前，应用程序将通过 TypeScript 编译器和 Linter 进行检查。 * 部署流程结合 GitHub 和 Netlify，实现生产级部署。 **重要提示：** 本课程完全免费，无需任何第三方付费订阅。
Bonjour a tous!Le but de ce tuto est de montrer comment écrire une application React en TypeScript. Deux parties ; une première partie de cours, et une deuxième partie de pratique avec un projet de type portfolio.Le cours explique les notions de base du JS moderne: ...spread et rest => fonction fat arrow => =>fonction de Curry ! truthy et falsy et && (ou et et)puis celles du typescript: compilation/compilateur TS annotation de type types primitifs et non-primitifs inférence type alias interface classes tuples union et intersection de types type guards (typeof, instanceof, in, never) prédicat et assertion de type types génériquesLe projet met l'ensemble en application avec un vrai démonstrateur de type portfolio et lié au spatial et à son actualité (SpaceX, Nasa, JWST etc).Il est bien sûr écrit en TypeScript avec React 18.On utilise tailwind comme framework CSS et le projet est totalement responsive.React Router V6 est utilisé ici pour le routage, les redirections en cas d'erreurs et ses loaders.Pour les autres librairies: Lucide pour les icônes, Shadcn comme librairie de composants réutilisables, vite pour le scaffolder, et axios pour l'asynchrone/HTTP.Le code est orienté "clean-code" et "best-practices", et on passera l'appli au compilateur Typescript et au Linter, avant de la déployer en production grâce au couplage Github+Netlify.Rmq: Ce tuto ne nécessite bien sûr aucune souscription à un service tiers payant. Tout est gratuit.Bon tuto!
