GithubHelp home page GithubHelp logo

ng-tech-edu / typescript-quick-start Goto Github PK

View Code? Open in Web Editor NEW
15.0 3.0 0.0 1.53 MB

腾讯 NEXT 学院 TypeScript 入门实践课程配套代码与讲义

Home Page: https://ng-tech.icu/

License: MIT License

TypeScript 100.00%
wx-course wx-fe

typescript-quick-start's Introduction

typescript-quick-start

腾讯 NEXT 学院 TypeScript 入门实践课程配套代码与讲义。

课程大纲

环境配置与类型基础

  • TypeScript 背景

10 ~ 15 分钟,有案例

本节会介绍现代 Web 开发的基本组成,介绍工程化背景下引入静态类型的意义,介绍 TypeScript 的背景以及简单的 TypeScript 代码编写与运行。

参考资料:TypeScript 篇

  • 开发环境与工作流

15 ~ 20 分钟,有案例

本节会介绍基于 tsdx 构建完整的 TypeScript 开发环境,介绍如何进行单元化测试,介绍如何发布包到 NPM 仓库并且在其他的项目中引用它们。

参考资料:TypeScript 篇/环境搭建

  • 类型速览

15 ~ 20 分钟,有案例

本节会对 TypeScript 中常用的数据类型进行快速介绍,包括基础类型、函数等。

参考资料:TypeScript 篇/类型基础

参考代码:ts-cheatsheet

  • 接口、类、泛型的综合使用

15 ~ 20 分钟,有案例

本节会对 TypeScript 中常用的接口、类、泛型的概念进行深入介绍,并以封装 Docker 操作接口为例,讲解各个概念在实际工作中的应用。

参考资料:TypeScript 篇/复杂类型

参考代码:dockerode-ts-promise

  • TypeScript DOM 实战

介绍如何利用 TypeScript 封装常见的 DOM 操作,以及常见的 DOM 类型的介绍。

参考资料:Web 实战/DOM

参考代码:ueact-utils

面试中常见的设计模式

  • SOLID

15 ~ 20 分钟,有案例

介绍设计模式中 SOLID 原则相关的概念,与 TypeScript 代码编程中的实践对比。

参考资料:设计模式/SOLID

参考代码:design-pattern-snippets/ts

  • 工厂模式

15 ~ 20 分钟,有案例

介绍设计模式中的单例、工厂、抽象工厂等相关模式,以及在 TypeScript 中的代码实践。

参考资料:设计模式/工厂模式

参考代码:design-pattern-snippets/ts

  • 依赖注入与控制反转

15 ~ 20 分钟,有案例

介绍依赖注入与控制反转的基本概念,介绍 TypeScript 中装饰器的概念,并实现简单的依赖注入库。

参考资料:设计模式/依赖注入

参考代码:design-pattern-snippets/ts

面试中常见的算法题

  • 斐波那契数列

15 ~ 20 分钟,有案例

介绍常见的面试算法题,介绍递归的**,并以多种方式实现经典的斐波那契数列。

参考资料:数据结构与算法/递归

参考代码:algorithm-snippets/ts

  • 树与数组扁平化

15 ~ 20 分钟,有案例

介绍树的基本概念、DFS、BFS 的机制,以数组扁平化这个常见的面试题为例讲解 TypeScript 中的实现。

参考资料:数据结构与算法/树

参考代码:algorithm-snippets/ts

  • 字符串解码

15 ~ 20 分钟,有案例

介绍常见的字符串面试算法,并以字符串解码为例实践 TypeScript 编程。

参考资料:数据结构与算法/字符串

参考代码:algorithm-snippets/ts

参考资料

Awesome Lists Awesome CheatSheets Awesome Interviews Awesome RoadMaps
编程语言理论 Java 实战 JavaScript 实战 Go 实战 Python 实战 Rust 实战
软件工程、数据结构与算法、设计模式、软件架构 现代 Web 开发基础与工程实践 大前端混合开发与数据可视化 服务端开发实践与工程架构 分布式基础架构 数据科学,人工智能与深度学习 产品设计与用户体验

typescript-quick-start's People

Contributors

wx-chevalier avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.