|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/typescript-de-a-a-z/
课程评论:没有评论
## TypeScript 从零开始:课程总结 本课程旨在带您从零开始学习 TypeScript,掌握一种更严格的 JavaScript 编写方式。 **TypeScript 的核心优势:** * **类型安全:** TypeScript 通过引入类型系统,弥补了 JavaScript 自由度过高导致的潜在错误。它允许您在开发阶段就捕获类型相关的错误,从而提高代码的健壮性。 * **Superset:** TypeScript 是 JavaScript 的一个超集,这意味着所有有效的 JavaScript 代码也是有效的 TypeScript 代码。最终,TypeScript 代码会被编译成标准的 JavaScript 代码,方便在任何 JavaScript 环境中运行。 **课程内容概览:** 1. **TypeScript 基础:** * 安装和编译环境设置。 * 掌握基本类型(number, string, boolean 等)。 * 学习如何处理对象和数组。 * 理解 Enums 和 Tuples 的概念和用法。 * 创建自定义类型、使用联合类型 (Unions) 和接口 (Interfaces)。 * DOM 操作。 2. **实战项目:克隆 Trello:** * 通过克隆 Trello 的核心功能,实践 TypeScript 的应用。 * 学习实现拖放 (Drag and Drop) 功能。 * 掌握元素的创建和删除。 3. **TypeScript 高级特性:** * 深入理解泛型 (Generics) 的强大之处。 * 学习函数重载 (Overloads)。 * 掌握各种 TypeScript 操作符。 * 探索联合类型、合并 (Merging) 等高级概念。 4. **面向对象编程与 TypeScript:** * 学习使用类 (Classes),包括字段 (fields) 和构造函数 (constructors)。 * 掌握特殊字段的用法。 * 学习将接口与类结合使用。 5. **TypeScript 与 React 集成:** * 搭建 React + TypeScript 项目。 * 学习如何使用 TypeScript 为 props 和 events 编写类型。 * 掌握 refs 的使用。 * 学习如何返回列表。 **学习方式:** 本课程推荐使用 VS Code 作为代码编辑器,但同样适用于其他任何编辑器。课程代码将按章节组织,方便您随时回顾和查阅。 如果您对 TypeScript 感兴趣并希望提升 JavaScript 开发能力,本课程将是您的绝佳选择。让我们一起开始编码之旅吧!
TypeScript, ou l'art de typer JavaScript de manière plus stricte.TypeScript a été créé pour pallier à la trop grande liberté qu'impliquait JavaScript.En effet, contrairement à d'autres langages, JavaScript est beaucoup plus libre au niveau du typage de ses variables, paramètres, classes, etc...Le but de TS est donc de rajouter des fonctionnalités qui nous permettront de coder de manière plus stricte, évitant donc des erreurs en amont, au moment du développement.Car ce qu'il faut bien comprendre, c'est qu'on n'envoie pas de fichiers typescript sur les serveurs, il faut au préalable les compiler en fichiers JavaScript classiques.C'est pour ça qu'on appelle TypeScript un "superset", un langage au dessus de JavaScript, qui se traduit ensuite en JS.De quoi va se composer le cours ?1. Découverte de TypeScriptInstallation et compilationUtiliser les types de base (number/string/boolean...)Gérer les objets et les tableauxComprendre les "Enums"Utiliser les "Tuples"Les types personnalisésLes unionsLes interfacesLe DOMetc...2. Projet Cloner TrelloCloner les fonctionnalités du site TrelloDrag and dropCréation d'élémentsSupprimer des élémentsEtc...3. Astuces et fonctionnalités avancées avec TypeScriptLes "Generics"OverloadsComprendre les opérateursUnions discriminantes, merging, etc...4. Utiliser les classes avec TypeScriptUtiliser une classe de base (champs, constructeurs)Les champs spéciauxUtiliser les interfaces avec les classesetc..5. Utiliser TypeScript avec ReactMettre en place une app React + TSUtiliser et typer des propsUtiliser des refsRetourner une listeUtiliser des évenementsPour ce qui est du cours en lui même nous allons utiliser VS Code,mais on peut le suivre avec n'importe quel éditeur de code.Nous allons créer des dossiers contenant le code source de chaque leçon, de façon à ce que tu puisses revenir dessus même lorsque sera terminé, en lisant tes notes et en regardant les exemples proposés.Si tout ça tefait envie,et si tu as besoind'apprendre TypeScript,rendez-vous de l'autre côté pour commencer à coder.