2020 Web 前端学习记录

前一阵子开始了 Web 前端的学习, 利用业余时间陆陆续续看了半年多(期间还学了一些后端开发的相关知识)。从学校时期的嵌入式开发,到毕业后的从事三年多的 Windows 桌面软件开发,感觉要做好 Web 工程化,思维模式转换是相对比较大的。

先说说这半年的学习成果

  • 能使用常见的 HTML tag,能在查询文档的情况下调整 CSS(但还做不到随心所欲地调整样式的程度),了解基础的 JavaScript 使用但没有系统学习 ES6 语法。
  • 初步使用了主流的 UI 框架:
    • React: 跑了一些 Demo,能写 todo-list 和番茄钟的水平。
    • Vue: 在跑完 Demo 的基础上,做了一个单页面的个人博客(也做了后端,顺便学习了 .Net Core,不得不说 C# 写起来是真的舒服),并部署到了腾讯云服务器(因为博客采用了前后端分离,服务器还使用了 Nginx 做转发)。
  • 对 Web 前端开发工具链有了初步的认识。

再谈谈感受

开发 Web 产品需要做太多业务代码以外的工作了,特别是前端(这里特指良好工程化的前端代码,无模块单文件一把梭这种不具备可维护性的不在讨论范围之内)。
要写出良好的前端代码,从编辑器开始,到编译打包工具,再到 Lint 等质量保证工具,每一个环节都需要程序员去做选择,而每一种选择都有不小的学习成本,以至于熟悉开发工具链也成为了我上面所谓的“学习成果”中,而且事实上这也是不少公司招聘 JD 中的要求(熟悉 Webpack 等等)。
如果哪个大厂能解决这个痛点,相信大家都会毫不犹豫地投向它的怀抱。emmm,从开源社区的现状来看,目前最有可能完成这个目标的公司应该是微软了吧。毕竟 VS Code/TypeScript 已经毫无疑问是真香工具了,再加上 Github 的加持以及 .Net 的全线开源,只要路子不走错,打通 Web 开发整个生态链只是时间问题。

后面的学习计划

  • HTML: 感觉随查随用应该够了。
  • CSS: 需要把选择器、布局等常用样式使用熟练,做到指哪儿打哪儿。
  • JavaScript: 系统性学习 ES6,阅读相关经典书籍。
  • 摸索前端开发的最佳实践,能在实战中套用一些设计模式。
原文地址:https://www.cnblogs.com/cdyang/p/web-frontend-learning-note-in-2020.html