前端之路
学习前端前前后后加起来也有一年时间,在迷茫中探索,走了很多弯路。但希望后来人少重复这些弯路。
入坑 13年因为实习公司需要从ios跳到cocos-2dx,学了大半年,写了点东西。去年的这个时候又因为需要,开始接触前端。
从面相对象转到面相原型和标签,刚开始真是一头雾水,仍记得去年为了赶项(练)目(手),抱着一本 html5+css3从入门到精通 以及一本 jquery开发从入门到精通 ,大年初二晚上抱着两块砖头在房间里啃。为了快速补血,又在网上找了很多快餐,比如
看了 w3school ,我也是很久之后才发现,这货不是叫w3cschool。 买了 超实用的css代码段 , 超实用的jquery代码段 , php 从入门到精通 ,这类书。 看了很多形如 html5前端工程师从入门到精通 之类的系列视频。 在完全不理解的情况下,直接上手bootstrap。 以上所做的这一切都是为了证明一件事,在完全没有前端开发基础的情况下,急于求成,简直就是在 浪费时间 。
意识到这一点的时候已经过去了3个多月,然后接着又学了thinkphp,微信公众号开发,配置服务器等等很多很杂的内容,都是边做边学。
参加了两次前端会议(前期没有留意),基本行程就是听大神们在讨论些什么,后面自己慢慢摸索,学到蛮多东西,也认识到更多人。
在创业公司做的工作算是比较简单,官网,后台页面,app中的webview页面,也做过几个h5页面。
除了在创业公司做的工作之外,我做的一些小东西:
w3ctrain, 也就是你现在看到的博客,翻译 + 自己总结的文章有50多篇,算是高产了吧~ 前端收藏夹,接触的东西多了,chrome收藏夹也快爆掉,于是弄了个前端资源收藏夹。 helkyle.com ,现在就是纯个人页面。 前端装备的变化
var equipment = { 编辑器: dreamweaver -> hbuilder -> sublime text -> atom, // ie 233 浏览器:safari -> google chrome + qq浏览器 + 虚拟机ie, // codekit很方便,但是能做的功能非常有限 预处理工具: codekit(mac) -> gulp, // less sass stylus 其实都差不多 css: css -> less -> sass, html: html -> jade, // 偶尔也还会用到svn 版本控制: git -> gitflow, // macbook不是刚需,但是绝对能提高你的开发效率 硬件: 黑苹果 -> mbp, 翻墙:jproxy(被封了) -> shadowsock, 静态博客系统: jekyll -> hexo, 待办任务: trello -> 奇妙清单, 图片压缩工具: 智图 -> tinypng -> gulp-imagemin, 服务器端: php -> node.js (正在做), 微信开发调试: charles, 工具: [ emmet, pomodoro time, hype 3, ]}
关于前端入门,我的建议: 确定你的兴趣点,确认你真的对前端感兴趣 学好基础,我觉得不错的学习资源
javascript高级编程 css禅意花园 http权威指南 javascript设计模式 慕课网 learn to code html & css 入门到精通系列的东西不要看太多 更全的学习入门建议看 这里 搞点小项目做做,推荐从搭建博客开始 每隔一段时间总结最近学了些什么,发文章 多关注前端大神在讨论些什么,w3ctrian这个微博的关注列表可以考虑 参加些前端会议,比如 前端圈 谨慎选择:并不一定适合所有人。 关于面试 9月份校招开始,由于种种原因(比如宿舍没有人在找工作),错过了很多招聘,等到10月份,大公司基本招完。所以校招我只面了4399,微众银行,均在二面被刷。
前两天晚上,辗转反侧,可能是因为喝了3杯咖啡。想的东西无非是,
噢,我还是个没有找到工作的家伙。 如果你有合适的工作推荐给我 或在线查看 我的简历 。
给师弟师妹的一点建议( 在有一定技术支撑的情况下 ):
提前 做好准备,查漏补缺。 写好简历 ,身边不少简历直接被刷,根本没有笔试机会。 刷些 前端面试题 —— 有两次电话面试的题目都在这些里面出的。 看运气 ,面4399的时候,问我为什么要离开现在的创业公司,是不是想学两年技术之后再跳槽回去? 微信银行二面问为什么不读研,家里人情况,技术面出现这种问题,基本上可以断定,对方是在敷衍你,你可以下课了。 计划 这是我收集的一些名词,也是我下一年度要学的东西,然而前端的世界变化非常快,可能下一年这些东西都成为下一批淘汰品,谁也说不定。
node express amd angular jasmine http js-bridge vue spa postcss babel es2016 mvvm react webpack hybrid ionic.
谁不是摸着石头过河呢。