美文网首页
18年前端转行记录

18年前端转行记录

作者: _贺瑞丰 | 来源:发表于2018-12-01 18:31 被阅读338次

    1. 转行学习之旅

    自学效率确实低,报了班之后 学习要成系统很多,少走了很多弯路。
    时间线
    1-3月 由3架马车 学到了jq ajax
    4 月 接触mvvm mvc ,了解vue,做了毕设 mvc的原生网易云音乐播放器(很有帮助),还做了vue简历生成器
    4-23 号入职第一家公司。薪资是5K ,试用期三个月,后面试用期到了我就走了。

    1.1 总结

    • HTML:第一遍走下来,很容易忘记,比如form表单的很多参数。meta中很多知识。 感觉html知识要多记录,常回顾,不必要刻意的去背
    • CSS:领域特定语言(DSL),很像那种调参数的语言。推荐首先了解常规套路:各种布局方法,常见居中方法,盒模型,float,flex要回用。
      其次要深入理解一些高级属性 比如css中layer的概念与管理,css动画的优化,BFC,z-index与css层叠的关系。推荐去听张鑫旭的慕课网免费课程。
    • js: JS方面光靠课程时间有限,没办法形成那种全局的概念。我建议把js红宝书 或者 阮一峰的教程 多看看大纲目录,根据大纲去形成自己的知识体系。重要要形成知识体系!知识体系!知识体系!
      比如编程语言是人与计算机沟通的桥梁,输入让计算机去工作的指令。
      那么一定要搞清楚:
      (1)可操作对象:JS中的值(基础类型引用类型),内存模型
      (2)操作:操作符
      (3)对象函数数组:常见数据结构的操作方法
      (4)语言特性:闭包,函数式,ES6,模块化等等
      (5)标准库
      (6)浏览器暴露的js接口:我们操作的dom API其实是浏览器暴露给我们的接口,那么关于浏览器的操作,window对象,DOM API 等等
      (7)能使用常见的设计模式做一点点东东:比如监听者模式,闭包在封装中的应用,curry在函数式中的应用
    • 程序员的基本修养
      本来程序员能力大致分为: 编程能力,架构能力,工程能力。
      我们在初级阶段,锻炼好编程能力就可以了。
      (1)要写易懂易维护的代码,不要写差不多的代码(1个月后,你自己读都头疼)
      (2)要学会基本的分析bug,分析问题的套路
      如果你在之前的生活学习中,没有掌握好一定的大局观和分析问题的能力,那么在每一次解决问题的过程中,一定要总结下来,比如在课程中老师在解构一个页面的时候,他是怎么考虑的,分析一个bug的时候他采用了什么方法,比如方方老师喜欢用log大法,控制变量法,排除法。

    2.第一份工 作

    2.1 面试

    我是4.18号开始面试的差不多周一开始面试,周五就入职了,总共面试了5家,拿了3家offer。背景:24岁,电子科技大学非科班
    总结就是:初级岗位确实有,不过好坑还是不多 。ie:那种好的技术团队还是对用人要求比较高,我当时简历内容太单薄,过不了面试。
    感受就是:对没工作经验的童鞋不是太友好,感觉有精力的 童鞋还是多做几个项目,我当时项目做的少。

    2.2工作

    第一份工作是在成都一家传统的卖电器的公司,他们在线下运营了几十年了,现在拥有自己的网站,想做品牌化,网站是通过php+模板做的,前后端没分离,当初就是一个草台班子临时搭起来的,我来的时候其实就是做维护网站(偶尔临时改改网站的功能),和做活动页的工作。
    这份工作确实在技术上对我的提升不大,因为没有什么代码量的提升,都是去看别人是怎么写的,我来修改,要说收获的话,明白了什么是烂代码。。。。
    三个月的过程中,我基本上每天只工作3-4个小时,剩下的事件都用于看书了。

    那个时候我把前端基础的书囫囵吞枣的都过了一遍,发现了一个道理

    2.3书总结出的道理

    国人写的书,百分之90都是垃圾,别用书名去yy里面的内容。还是国外写的书比较好,我在这里推荐一下

    • html:我都是看的mdn

    • css:css魔法揭秘,张鑫旭在慕课网的课程,淘宝百度等一线公司公开的技术博客中的内容,比如fex ,fed,alloyteam

    • js:
      基础:红宝书,《你不知道的js 上中下三册》,js语言精粹(感觉看了上面一本这本不用看),《ES6 阮一峰的那一本 有电子档》 ,
      进阶:《JavaScript设计模式与开发实践》(建议结合实践用,别上来就看,先去网上搜搜常见的,并且自己能做demo的),《编写可维护javascript》.《高性能javascript》
      其实这里我建议学了react的童鞋,可以去了解下函数式,并不一定要深入。
      高阶:我都菜的抠脚,高阶 我还给不了什么建议

    • 框架层面:
      VUE:《vue实战》 和《vue权威指南》 基本是辣鸡,还是官网文档加谷里项目 慕课上也可以找个复杂度高项目做。
      React: 《react小书》(胡子大哈 写的好评,简单易懂还可以码demo)如果你是全天学习,那么一周之内你react入门没问题。
      《深入浅出reactAndredux》 程墨写的,胡子大哈那本 对redux的讲解还不够深入这里可以看看程墨的。
      对于dva和umi的童鞋,强烈建议看看redux和saga的文档说的很清楚了,对于redux中的异步操作,对于想追根溯源的可以看看redux的中间件机制,我写过blog,不过别人也有写的更好的。
      《深入react技术栈》这本书感觉没3个月以上的react经验就暂时别碰了,内容比较底层和深入,不过值得一读。
      《官方文档》 一定要读完 主要概念一定要全部看完,高阶里面看一部分就够了,教程也写的不错
      如果想挖宝的话官网里面还有blog,里面有很多主创大神的东东

    • 计算机基础
      1.《计算机是怎么跑起来的》 没有计算机功底的一定要看,我是本科学过微机原理,但是从新看一遍 也觉得作者写的很是深入浅出了
      2.《代码大全》 先看 如何读本书,里面介绍了该怎么阅读这本书,我觉得还是很爽的。

    3 第二份工到现在

    上分工太low。换了个新的创业公司,薪资6K,时薪300吧,就是图一个边学变做

    3.1 工作之初

    上来老大就要求用react+graphql来开发移动端页面,而且老大是后端出身,前端就我和一个刚毕业的妹子(水平和我差不多),这个时候基本我们就是抄ant design pro别人的代码设计,别人里面用dva我们就用dva,为了了解dva从react入门 ->flux了解-》redux了解-》异步模式=》redux-thunk=>redux-saga =>dva。
    这个时候才算差不多掌握了dva(会用而已)。
    后面工作就发现 就比较枯燥了
    每天工作的流程基本是:
    1.设计稿还原,先写死数据 ant design 调参师
    2.获取后端的数据
    3.将后端的数据转化成前端直接能用的
    4.将数据层的数据传输到视图层
    5.完工

    单元测试 e2e测试的。。。。根本没处写,没到一定规模这两货没用。。。。

    现在项目多了,偶尔我会接到写一些公共的辅助函数,抽象公共的业务组件来用,这一块工作还是蛮有趣,我可以去学api的设计,封装模块,打包到npm等

    最后欢迎各位与我多多交流,一起进步。希望明年能工资破万 穷陈狗!

    相关文章

      网友评论

          本文标题:18年前端转行记录

          本文链接:https://www.haomeiwen.com/subject/lsercqtx.html