): 入门:第一集 已更新完毕

《Typescript全栈开发实战》(简称《TS实战》)教程是一套讲解如何利用Typescript脚本结合ReactNode.js以及Nest.js框架以及它们各自的神态进行前后端同构,并统一SSR网站,中后台,小程序,APP,桌面软件等多端进全栈应用开发的免费视频教程。

制作本教程的目的不在于向大家安利TS比任何其它编程技术更牛逼的概念,只是想让大家更快速,更有效地编写一些TS与Node.js就能胜任应用,在此无关语言与技术争论。

本教程所有代码开源,所有视频及课件免费下载,自由分享,但是必须加上本站链接

本教程长期的按季发布,定期更新,觉得教程对你有帮助的话,请滚动到本页最下方扫码捐赠哦

本季我们将从最简单的CRUD留言板开始与童鞋们一同开启Typescript与Node.js,React与Nest.js同构开发全栈应用的大门...

本篇开没开始,欢迎提供宝贵意见哦!。

本篇开没开始,欢迎提供宝贵意见哦!

本篇开没开始,欢迎提供宝贵意见哦!

本篇开没开始,欢迎提供宝贵意见哦!

源起

TS与Node.js进行前后端同构也许是将来个人及小团队开发应用的首选。

优势

关于Typescript+Node.js(包含JS)开发的优势还是比较可观的,尤其对于个人或者小团队来说。以下是本人这段时间使用这种模式进行开发获得的一些自身体验。

  • ecmascript6+规范的不断完善,使得Typescript不仅拥有Java的严谨更有PHP的简易
  • 开发中后台拥有Ant Design Pro,Element Admin等开源社区的成熟中后台解决方案
  • SSR应用程序具有同构优势,现在有Next.js,Nuxt.js等成熟的解决方案
  • 小程序开发必须,并且现在拥有Taro,Uni-app等多端小程序统一编码
  • Ionic对于快速成型类的混合式APP开发是理想的框架
  • React Native是一个非常成熟的类原生APP开发方案
  • 使用Electron可以构建绝大部分的跨平台桌面应用
  • 做爬虫方面的不属于Python,而且生态同样完善
  • JS天生的异步机制使其性能和并发上非常有优势,PM2也是非常异步部署的方案
  • Eslint+Stylelint+Prettier+神器Vscode是最完美的开发环境
  • 结合GRPC还可以进行基于微服务架构的应用开发
  • 是FAAS以及Serverless架构的唯一选择

总结,一种编程语言即可开发网站,中后台,小程序,混合式APP,类原生APP,跨平台桌面应用,服务后端(整体性能还不错,并不输传统的PHP,Python,Ruby等脚本语言),并且生态也不错,您值得拥有!

初心

笔记用途

因为大家知道,在使用一种技术写过一段时间的代码后,再研究以前掌握的技术或者查看曾经写过的代码往往会很容易让人抓狂,尤其是像我这样懒得多写一行注释的码农,基本会处于半遗忘状态,对于本人这种80后中年大叔非常不便,于是乎就打算做这一套教程方便以后忘记的时候拿出来翻一翻。再一个这同时也是帮助自己学习更多新知识的契机。

分享是一种乐趣

因为开源社区的分享精神才有了今天辉煌的互联网及软件产业,抱着独乐乐不如众乐乐的心态开始做一些教程(以前也做过一些PHP方面的视频教程,因为某些不可抗力停止了V^V),同时会开发一些教程之外开源的应用和软件与童鞋们一起研究研究。

正是以上两大因素促成了本人下决定开发制作本系列的教程,当然因为

  1. 本人技术水平限制
  2. 工作原因以及其它各种精力上,时间上

等诸多原因,代码的质量以及视频的细腻度可能无法达到部分童鞋的期望值,本人只能尽力做到更好,如果遇到不妥之处希望大家多多指正,以防误人子弟,也希望大家多给意见哦!

规划

本教程采用视频,文字,课件,代码四者相结合的方式进行讲解。

内容

教程通过《入门》,《Nest.js》,《React与Webpack》,《多端统一开发》,《桌面应用》等5个篇章来讲解,由浅入深地全方位讲解如何利用TS同构各种平台及业务流的应用。学习本教程后各位童鞋就可以轻松地使用Node.js,Nest.js,React这些工具来按你的想法构建应用啦!

每一套教程都是看似独立却相互关联的,如果有同时更新的话,大家可以直接跳过已经比较熟练的那部分内容

知识点

学习完本教程您至少将掌握以下技能:

  • 熟练地使用Typescript与Node.js编写程序
  • ReactAnt design UI有十分深入的理解
  • 深入地掌握webpack构建React程序
  • 学会使用Umi+Antd Pro快速的构建管理系统
  • 能利用Next.js开发ssr模式的web应用
  • 能使用electron+ts+react开发跨平台的桌面软件
  • 掌握基于Taro的小程序开发
  • 使用Nest.js构建性能良好及易维护的后端服务
  • RedissocketsRabbitMQ消息列队等后端知识与技能
  • 掌握Lerna.js+Monorepo一体化开发模式
  • TS前后端应用的性能优化以及Ngnix+PM2热部署等
  • 能利用Node.js结合go语言,Docker,k8s等部署微服务模式的应用
  • ...

准备

为了更好地学习本教程以及使用React+Nest.js做全栈开发可能需要您做一些准备

教程必备

下面的一些文档和网站建议大家在学习本教程前浏览一遍,或者同时学习教程和这些文档,对各位童鞋非常有帮助

这是一些必读文档,不必全部读完,可以边看边学习

还有许多精彩和实用的博客,网站和文档,我就不列出来了,大家自己在谷歌的过程中会一一发现的。。。

开发用计算机

因为整套系列的视频课程开发环境都是在Macos中的,用于部署的生产环境是Linux环境,所以童鞋们最好也准备一台专门用于开发的Macos或者Linux计算机,当然也可以使用docker/vagrant+windows环境,纯windows开发Node应用出错的概率会比较大,不是很建议使用。

基础语言

因为《TS实战》系列视频教程主要目的是直接讲解如何使用一些上层的脚手架,框架,类库等快速构建高质量的APP,网站,小程序等应用,并不会过多地讲解基础语法,后期如果有时间我也会制作一些基础语法类的视频,但是在此之前对学习本教程的童鞋们的基本设定是已经比较熟练地掌握了ES6+语法,并且过了一遍TS语法,在我们学习每个教程的途中不但学习了教程本身的技术,比如React,Nest.js等,更重要的是对TS也有了更深入的理解。

前端框架

如果童鞋们还没有掌握一款顺手的前端框架,可以直接跟着教程学习简单易用的React。如果已经掌握React,则可以在学习Nest.js的同时再学习一下Angular,Angular与Nest.js的同构,体验会比React好很多,基本可以无挫败感的进行前后端同构,但是由于Angular的生态并不是很好,很多需求解决方案并不成熟,比如小程序,移动APP等,所以最好首选的前端框架为React。另一个比较优秀的前端框架是vue.js,学习速度快,使用简单暴力,而且生态强大,有比较完善的移动及中后台UI,也有uni-app这种跨平台框架,也是非常不错的,但是目前2.x版本对TS支持并不是很友好。所以建议初学者还是跟着本教程学习React,已经掌握React的可以学习Angular。

后端知识

如果对后端知识没有任何开发经验的童鞋也许会对学习本教程中的一些内容感到吃力和迷茫。所以在此之前大家最好先尝试一下学习Node.js的一些基础知识,并且重点学一下Express或者Koa框架,使用这些框架或原生Node构建一个可以跟数据库互交的小应用,比如留言板等等,然后再开始学习Nest.js就会事半功倍。当然如果你有过其它后端编程语言以及框架的开发经验(比如FlaskLaravelSpring boot等)或者用过基于Node的Egg.js等则可以直接进入学习,也可以选择再次浏览一遍Node官方的文档再开始学习。

总结

你需要

  • 一个对Node.js比较友好的*nix操作系统作为开发与生产环境
  • 对es6+比较好的掌握,对TS有一个大概的掌握
  • 没有掌握React的直接跟着本教程学习,掌握了的可以再学习一下Angular
  • 对Node.js开发有一定了解,最好过一遍Koa或者Express框架
  • 如果用过一些其它编程语言的web框架入门会更快
  • 有比较空余的学习时间和对ts进行全栈开发比较赞同

重要:本教程遵循MIT开源协议,没有任何限制,大家只要在遵守中国法律法规的情况下即可随意传播与分享,但是为了更好地支持制作者,请在分享以及传播的时候带上我的博客链接哦

Last modification:February 15th, 2020 at 07:26 am
原创不易,请赞助一包烟钱,让lichnow能更好地服务您^v^