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,阅读相关经典书籍。
- 摸索前端开发的最佳实践,能在实战中套用一些设计模式。