zoukankan      html  css  js  c++  java
  • 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,阅读相关经典书籍。
    • 摸索前端开发的最佳实践,能在实战中套用一些设计模式。
  • 相关阅读:
    博客园如何运行代码
    视觉差
    h5 播放器 -3
    播放器 视频 音频 -1
    游戏 保卫萝卜
    跟踪算法
    走口字

    联动日历
    jq 抽奖
  • 原文地址:https://www.cnblogs.com/cdyang/p/web-frontend-learning-note-in-2020.html
Copyright © 2011-2022 走看看