前端之路
学习前端前前后后加起来也有一年时间,在迷茫中探索,走了很多弯路。但希望后来人少重复这些弯路。
入坑13年因为实习公司需要从ios跳到cocos-2dx,学了大半年,写了点东西。去年的这个时候又因为需要,开始接触前端。
从面相对象转到面相原型和标签,刚开始真是一头雾水,仍记得去年为了赶项(练)目(手),抱着一本 HTML5+CSS3从入门到精通 以及一本 jQuery开发从入门到精通 ,大年初二晚上抱着两块砖头在房间里啃。为了快速补血,又在网上找了很多快餐,比如
看了 w3school ,我也是很久之后才发现,这货不是叫w3cschool。 买了 超实用的CSS代码段 , 超实用的jQuery代码段 , php 从入门到精通 ,这类书。 看了很多形如 HTML5前端工程师从入门到精通 之类的系列视频。 在完全不理解的情况下,直接上手Bootstrap。以上所做的这一切都是为了证明一件事,在完全没有前端开发基础的情况下,急于求成,简直就是在 浪费时间 。
意识到这一点的时候已经过去了3个多月,然后接着又学了ThinkPhp,微信公众号开发,配置服务器等等很多很杂的内容,都是边做边学。
参加了两次前端会议(前期没有留意),基本行程就是听大神们在讨论些什么,后面自己慢慢摸索,学到蛮多东西,也认识到更多人。
在创业公司做的工作算是比较简单,官网,后台页面,app中的WebView页面,也做过几个H5页面。
除了在创业公司做的工作之外,我做的一些小东西:
w3ctrain, 也就是你现在看到的博客,翻译 + 自己总结的文章有50多篇,算是高产了吧~ 前端收藏夹,接触的东西多了,Chrome收藏夹也快爆掉,于是弄了个前端资源收藏夹。 helkyle测试数据 ,现在就是纯个人页面。前端装备的变化
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.谁不是摸着石头过河呢。
查看更多关于学习前端的这一年_html/css_WEB-ITnose的详细内容...