两年经验以下的web前端们需要注意什么？ - 简书
两年经验以下的web前端们需要注意什么？
从正式参与前端工作一眨眼两个年头了。我将这期间的经历经验分享出来希望能对某些同学有帮助，这就是写作的动力了，也算是补偿自己一个总结。当然这些全是个人观点，大神勿喷。
初入职场或将入职场
当然重点是首先如何争取到进入一家公司的机会。如果条件不是很好的同学（比如专业不是计算机相关，没有工作经验，前端知识来源自培训机构），应该切忌浮躁，大多数企业对于经验较少的新人看重的是这两点:1.人品，2.学习态度；
其次才是看技术基础，为什么呢？很简单，你愿意跟一个干了几年但懒懒散散上进心低的或者不好相处的人共事，还是一个虚心，学习态度好但是技术不是很好的人? 所以呢这些同学在准备应聘的时候不只是牢固基础，更重要的是在面试中展示自己上进心强，学习能力强的一面，给自己准备一个技术博客写点技术总结和心得，Github放点平时练习的小页面都可以，并在简历附上地址；还有就是保持谦虚和诚实，简历上就别太夸张啦。关于面试的心得就不多说网上很多。
下面唠叨一些同事相处需要注意的点，没兴趣的同学可以直接跳到下一大节。
对刚参加工作的应届生最大的变化就是环境，从无所不谈肆意青春的学校中走到看似庄严的办公楼，难免会有点忐忑。
首先是对同事的称呼，同职级的同事一般是直呼其昵称或者名字(如果有英文名更好)，哪怕是带你的导师，哪怕是大你好几岁的同事。这样别人也不会太尴尬，聊天的时候也能平起平坐的聊到一起。慢慢就会适应这种关系了。对于领导，最好的办法就是别人叫啥你就跟着叫，有些领导还是不宜直呼名字哈哈。
当请假的时候理由要简单自然，不要带着在学校里的调皮和稚气，比如之前有位朋友说他请假理由是"昨晚蚊子太多啦~"，然后被领导训了；这种情况你完全可以说成"昨晚睡眠不好身体不太舒服"，人之常情，领导一般会理解。请假的频率当然也不能太多，正真需要请的时候也要大胆去请，毕竟请假扣的是你自己的工资，当然是对公司没有什么损失的情况下你应该是理直气壮的。
另外如果部门组织团建或者小群体自发去聚餐啥的最好是能去就去， 因为在工作时间你很少有机会跟一些人交流，待了两个月有些同事可能连部门里面某位同事的名字都叫不出。
不断调整对自己职位的认知
这一话题在前期就是对web前端这个职位的认知程度，说前期是因为你不可能干一辈子这行。
web通俗的说就是网页，主体是由网页三剑客html+js+css及各种媒体和HTTP协议构成的技术应用。
前端是指在一个应用中的UI及其交互部分，有些人也把ios和安卓叫做前端或者客户端开发。当然前端一般指web前端。
社会在进步，人们对某个职位的需求和要求也不断变化。近几年由于前端的学习门槛低和程序员薪酬较高等原因使从事和欲从事web前端的人猛增，并在技术岗位甚至所有岗位的竞争程度名列前茅。过去拿着Dreamweaver写页面已经是历史，只凭"HTML+CSS+JS"能混前端的日子也慢慢过去。
前端近几年的爆炸性发展已经促使着我们不得不随时准备接受新技术。
我们来回顾一下需要掌握或者了解的技术(不分先后顺序)：
HTML5（这个不用说了，肯定要熟练掌握）
jQuery/Zepto (也不说了...)
*MV框架 **（MVVM/MVC/MVP 框架，掌握一门，推荐 其次是）
构建工具 （可以从Gulp入手，也了解下webpack）
CSS3 （一些常用新选择器，伪类伪元素，动画，媒体查询，flex布局等需掌握）
CSS预处理工具 （掌握一门，推荐Less, 类似的还有sass，Stylus等）
模板引擎（掌握一门，，，Jade，Ejs等）；
HTTP （Get,Post的区别；HTTP headers请求头和响应头常见字段的作用；HTTP大体工作原理；常见状态码含义）
Node.js & npm (合理利用npm的资源，node.js最好能用express,koa等去玩玩)
PhantomJS (测试，爬虫，推荐库：Casperjs)
ES6（即ES2015, 一些新特性新对象，比如比较重要的 Promise）
React native / weex （了解下跨平台开发）
Linux ( 熟悉常用的linux操作，windows的同学可以下一个cgywin )
编辑器 （推荐VScode，其次sublime,Atom,webstorm，能装插件多装装有用好玩的插件）
版本管理工具 （Git必须掌握，其次是Svn）
Js基础（这个无论处在什么阶段都不能落下，包括对对象及原型，继承,作用域等知识点的理解，可以看看js高级程序设计）
前端还是后端
之前看到有的同学高喊“未来前端将会取代后端”这种毫无意义又自损形象的言论，很大程度是因为node.js的出现使得服务端上运行js不再是梦，我们可以使用js去编写后端程序了。但是既然写的是后端，它就是属于是后端的东西，我们可以这样认为:浏览器js是写前端程序的，而node.js可以编写服务端的。
更何况讨论前端后端的区分这个问题并没意思，老板要的是你怎么做出东西。世界上也不是只有node.js能写后端，并且不是所有的应用都适合用或者能用node.js写服务端。
所以当我们足够掌握了node.js并运用于项目，大可称自己为web开发，这样就无所谓前后端，毕竟这些的出现都是为了解决人们的问题。
我看书的时候容易犯困，于是我失眠的时候就看看书...
后来发现这不是最适合我的学习方式，我更喜欢去一些社区看看好文章，因为这些都是别人把经验和知识压缩并展示出来的，是快速摄取知识的方式。
但也是因为网友们的文章水平不一，缺乏权威性，有些甚至是带有误导性的；另外文章的篇幅是有限制的，有些知识点讲的不够详细，使我们理解不够透彻和全面。所以书籍还是要看的，与其他学习途径相辅相成。并且要找到合适自己的学习方式。
这里推荐一些网站（当然还有很多，只推荐我觉得最好的几个，多了看不过来）：
的前端相关专题
还可以在stack overflow,Github,知乎等站查找自己感兴趣的东西和灌灌水，这里都是不可多得的一片交流的天空。最好抽时间也写写文章，因为你自以为掌握的东西，在别人问起的时候或者要你写出来的时候就懵逼了，所以写出来让自己对所写内容更加清晰。
有同学肯定对学习具体的一门框架或者工具该如何学起有疑问。
答案是看它们的官方文档，有些比较亲民的文档会附有简单易懂的教程(比如vue.js的文档就很赞，并且有中文版)，并且它们的api是最详细和权威的，这点毋容置疑。当然如果在看了文档后还不会使用甚至helloworld都没写出来的，就说明是对于他们的文档在阅读上出现了障碍，有可能是自己英文水平不好，也有可能是官方写的不够详细和通俗（当然这不能怪他们，能开源已经是一份心了）。这时候呢就去求助神通广大的网友们，Google一下看看别人怎么使用，总之，对于新框架的学习最好的还是不停的练习和查阅资料的迭代。
属于jQuery的时代过去了吗
这节我们来单独聊聊这个近在眼前的话题。
近几年优秀的MVC/MVVM框架涌现出来，慢慢呈现出三足鼎立的局势，即 Angular,React,Vue。对于js开发者来说，这是一个巨大的进步。
尽管它们的存在并不与我们的旧霸主jQuery没有直接的对立关系，但人们出于用户带宽的和代码维护性等方面的考虑，很少把他们和jQuery放在一起使用，并且我们在大多数时候可以用MVVM的方式去实现jQuery基于DOM的编程方法要做的事情。这就暗示着"不是你死就是我亡"。
举个简单的例子，“显示一个元素”这个功能用jQuery来实现：
$("#el").show();
而使用MVVM是这样：
&div xx-show="isShow"&&/div&
xx.isShow =
但是我们如果只需要处理"显示元素"这类简单的问题的话，使用jQuery或者MVVM的方式都无所谓了。
当我们面临需要频繁的插入一大段含有js变量的HTML：
var html= '&div class="panel panel-success"&'+
'&div class="panel-heading text-center"&'+
'&h3 role="button" data-toggle="collapse"aria-controls="content-banners-1" class="panel-title"&{{title}}&/h3&'+
'&div class="collapse in" id="content-banners-1"&'+
'&div class="panel-body"&'+
'&div class="row"&'+
'{{Content}}'+
'&input type="hidden" id="upload-url"&'+
//然后做模板处理
//最后插入
$('#parent').html( html );
相比之下：
&!-- template --&
&div class="panel panel-success" xx-if="isShow"&
class="panel-title"&{{title}} &/div&
&div class="row"&{{content}}&/div&
//javascript
xx.title= 'title';
xx.content= 'hello,world!';
xx.isShow =
简洁性和可读性相形见绌。并且在越复杂的操作DOM的情况下，就能显示出MVVM的优势。另外在处理用户输入的等情况时候，双向绑定的便利就突出了。
我们虽然很支持去使用MVVM框架，但即便这样我们也不能下结论完全摒弃jQuery。有时候在浏览器兼容性考虑苛刻和对于一些兼写前后端的开发者来说, 学习成本低的Bootstrap + jQuery组合的地位还是有的。至此评定是否使用的MVVM的标准是：看项目是否允许和适合使用，兼容性有要求或者过于简单的没必要搭上这么重个东西，不然就小题大做，除此之外我们还是多去探索和尝试。
另外作为一名前端开发者，也要跟进时代的脚步，不能拉下对这些框架的学习，总会并且很快就有用到的时候。
合适的公司才是最好的公司
我们转回来谈谈观念上的东西。
很多年轻的程序员都想往互联网大公司跑，但是往往这些公司的要人标准都是自己达不到的，于是就比较焦急甚至怀疑自己。这样会影响自己在其他公司面试时的表现。
客观的说，大公司的福利、晋升、成长计划等制度还是比较完善的，并且如果公司的名号响当当，自己脸上也有光，再者大公司的产品成功概率还是相对高，开发者本身也有成就感。
不过在这种环境下，有些人就会变得懈怠，浑水摸鱼的也有。在较小的公司你的发挥空间会更大，并且会有机会去涉及更多东西，而不是大哥们给你写好的脚手架。
所以说，小公司一般能扩展你的技术深度，大公司则是深度。
不过这不是一个老话题了，对于年轻的程序该去哪种规模的公司的讨论有很多。我觉得最重要的还是选择自己的合适的，当自己干着不爽并且有过交涉未能改善的话，就果断跳吧；
马云说过离职莫非两种原因：
干的不爽；
我们应该学会去选择公司而不是被别人选择，如果不再愿意背着苦逼程序员的旗号的话。
非常感谢大家的阅读！！
做个高产如母猪的前端原创好文写手。
微信：doter_lin
github：/doterlin
主页：https://doterlin.github.io/blog/
2016 腾讯 TST 校招面试经历，电面、笔试写代码、技术面、hr 面，共 5 轮 - 后端 - 掘金(出处:/linguanh/) 前序： 距离2016 腾讯 TST 校招面试结束已经5天了，3月27日至今，目前还在等待消息。...
本文作者：曾亮。晟暄科技 CEO ，HTML5 & Node.js 技术讲师. Javascript前后端全栈开发人员 DDD／CQRS 设计师 对 Node.js 和 HTML5 有多年开发经验。独立研发 Node.js 版的 CQRS framework , 国内为数不...
Java 基础思维导图，让 Java 不再难懂 - 工具资源 - 掘金思维导图的好处 最近看了一些文章的思维导图，发现思维导图真是个强大的工具。了解了思维导图的作用之后，觉得把它运用到java上应该是个不错的想法，这样回顾知识点的时候一目了然，快速知道自己的短板。 思维导图...
这篇文章主要是面向小白用户的，如果你有些基础，当然也建议你看看，尤其是最后一个主题，或许你能得到一些启发。本文的观点，纯属个人自以为是的想法，不是真理，仅供参考。 抛开具体技术细节，先主要谈谈程序员如何更高效的，有选择的学习技术。我能体会到选择的轻松和乐趣，体会到身为技术人...
结合个人经历总结的前端入门方法，总结从零基础到具备前端基本技能的道路、学习方法、资料。由于能力有限，不能保证面面俱到，只是作为入门参考，面向初学者，让初学者少走弯路。互联网的快速发展和激烈竞争，用户体验成为一个重要的关注点，导致专业前端工程师成为热门职业，各大公司对前端工程...
2分钟虐腹计划，专减肚子肥肉 /t/RFnQZfRVbYj2 简简单单7个动作，将腹部的力量发挥到了极致！ 每个动作30下，中间休息20秒！ 只需20天腰围直接缩小2-4cm！ 要想有平坦的腹部，练这套就对了！ 赶快跟着一起做吧，你和男神只差这一步。
中国新锐青年书法家黄成艺术作品欣赏
像主席、牛人李嘉诚他们的成功源于他们有一套顶级的提问思维模式，我们只知道很炫的解决方案，而不知道思考过程，今天就和大家说一说他们是如何解决这些问题的，看看他们是如何进行提问的。 提问思维模式在运用的时候有8个扫描方向，只要你去套用这八个方向,就能把你身边遇到的问题都能够解决...
子来到城市里四处流浪着，他的肚子咕咕叫，看见不远处有卖化肥的。他本体身为植物看见化肥拥有不可抵挡的吸引。子伸出嫩白的手去抓了一把化肥，塞入了口中咀嚼，卖化肥的大叔还没发现他。于是有了第一次的甜头子的胆量越发变得大了起来，不由自主的抓向离他不远处的肥料大口大口的咀嚼吞咽了起来...
现在是日18：47分，我在图书馆402室，你在室外篮球场打球。 我怕明天和后天忙忘了，于是提前给你写点东西当作你22岁的生日礼物。 我认识你20个月了吧，你认识我呢最多也就是16个月。其实这不能怪你，我认识你是在你打球的时候，你认识我是那年寒假。时间真快，当...前端开发培训主要学习哪些内容？
前端开发培训主要学习哪些内容？
科技探索者的未来
现在随着互联网的高速发展，很多人都向互联网的方向发展，特别是IT行业。有很多人每天问同样的问题：学习前端开发需要学习哪些内容？好学吗？薪资待遇一般是多少？现在我来给大家解答一下心中的疑问。一个相对比较专业的网页开发培训机构，都会给大家培训在工作中和在未来的发展需要用到的技能，给大家制作出合适的学习计划，为大家在未来的职业生涯巩固坚实的基础。一位优秀的前端工程师，需要掌握的基础技能，也就是web前端开发的基础技能，如：html，css，html5，css3，jquery等等，精通原生javascript，对javascript面向对象编程，闭包，底层原理有深刻的理解，可以熟练使用html5特性开发移动端的WebApp，还有各种前端框架一定要熟练运用，这是很多公司招聘的硬性条件。还需要熟悉各种pc端，手机端的分辨率，其各个浏览器的兼容性（差异性）和网站性能优化，并且能够做出兼容方案，精通各种前端设计模式，熟悉web安全技巧，能够独立的为公司搭建最优的前端框架，比如UI框架和js框架。前端开发的薪资待遇一般是比较高的，只要自己的技术没问题，一般刚出来的毕业生在一线城市都能拿到5-6k左右，二三线城市一般是4-5k吧，不过还是看个人能力水平了。说了那么多，网页开发培训需要学习哪些内容？好学吗？薪资待遇一般是多少？以上就是基本的答案，尽管你是零基础，在老师的指导下，加上自己的学习能力，半年之内成为一名为公司创造价值的前端开发工程师，绝对是有可能的，除非你天生学习能力不强的话那就另当别论。然后在后面的工作中不断吸取经验和教训，积累足够多的技能和工作经验，薪资也会很快提升的，祝愿你能找到一份自己满意的工作。
本文仅代表作者观点，不代表百度立场。系作者授权百家号发表，未经许可不得转载。
科技探索者的未来
百家号 最近更新：
简介: 谈论生活，谈论理想的生活，来这里看我
作者最新文章扫一扫，上赶集群组
扫码使用“赶集群组”
交友&&寻爱&&找工作
聊天&&聚会&&不寂寞
广州赶集 &
WEB前端开发如此火热,就业成问题吗
联系人：李老师
随着近年来互联网的渗透，我们会发现在越来越多的企业都会通过PC端和移动端来吸引客户。可以说，尽管web前端在我国的起步较晚，但也不妨碍它从原来的默默无闻变成为如今的炙手可热。海生公益学堂_海生学院，公益IT学堂，专注php培训，前端培训，ps培训，免基础入学，零学费，助公益。 并且，随着移动互联网的发展，web前端工程师的地位变得越发重要，到目前为止，web前端开发的前景还是很可观的。不过，不要看它很火热，你就会觉得它的就业竞争大，其实不然，web前端开发是目前国内较紧缺的岗位之一。那因何导致市场对web前端工程师的迫切需要呢？
1.传统行业的转变，使得互联网创新数量在几何级的增长。不仅是传统企业，现在好多大型互联网公司都不再安于原来的业务，或投资或自己研发新型产品，而这些项目都需要大量的前端人才。
2.有关于web的app软件开发越来越多。也导致了前端开发人员的稀缺等等。所以，你只要学到了前端技术，就业真的一点也不是问题，因为就业市场够大，而且还会有很可观的薪资。一名优秀的web前端工程师必须要有能力编写任何一个互联网系统的前端页面、交互代码，相对于其它IT技术岗位，web前端工程师的专业性要求没那么高，不管你是专业的还是非专业的，或者是转行而来的，选对方式，找到入门，就可以从事Web前端开发。
　　学习Web前端技术的过程中，较好还是要有一份完整的web前端学习计划，让自己学起来更有规划和步骤。同时在制定一份完整的学习计划之前，你还要注意以下几点：
　　第一，在学习web前端开发初期，先不要急于看一些复杂网页效果的代码，因为你现在还不具备看这些代码的能力，这样做只能够打击你的自信心，让你觉得学习web前端越学越难。
第二，学习初期一定要先打好基础，不要急于找牛人交流。因为，在与牛人的交流过程中人家说的什么你根本不知道，这样反而让你有放弃学习web前端的念头，所以前期还是先自己乖乖的掌握基础为较佳。
　　第三，如果你看到网上什么多少天精通web前端，什么多少天从入门到精通等等，这种教程直接跳过吧，太多的事实证明，以一种浮躁的心态去做任何事都会以失败而告终，而且毫无收获。
所以，想要就业成为web前端开发工程师，想要获得高薪，踏踏实实的学习基础才是首要应该做的事。广州海生科技开设的公益学堂——海生学院设有web前端开发课程，根据一份完整的web前端学习计划来设置和制定课程，让大家在学习的过程中按照这份学习计划分阶段逐步的完成，较终获得收获，让就业不成问题。海生公益学堂_海生学院，公益IT学堂，专注php培训，前端培训，ps培训，免基础入学，零学费，助公益。
<div class='new-bmap' data-stores='[{"lnglat":"113..","content":"\u: \u5e7f\u5dde\u\u73e0\u\u\u5c71\u\u90a6\u79d1\u\u680b3\u697c
\u7535\u8bdd\uff1a","title":"\u5e7f\u5dde\u6d77\u751f\u5b66\u9662"}]'
data-widget="app/ms_v2/training/detail.js#initMap"
data-name='广州'
data-domain='gz'>
<div class='new-bmap' data-stores='[{"lnglat":"113..","content":"\u: \u5e7f\u5dde\u\u73e0\u\u\u5c71\u\u90a6\u79d1\u\u680b3\u697c
\u7535\u8bdd\uff1a","title":"\u5e7f\u5dde\u6d77\u751f\u5b66\u9662"}]'
data-widget="app/ms_v2/training/detail.js#initMap"
data-name='广州'
data-domain='gz'>
定向推广(按点击付费)
&#8226;&无点击不收费，免费获得展示机会
&#8226;&页面右侧、底部独立展示区域
&#8226;&排除无效点击，每次点击都物有所值
&#8226;&点击记录可查询，深入挖掘潜在用户传智播客旗下品牌：& & | && | &
改变中国IT教育，我们正在行动 &&&&全国咨询热线：400-618-4000
全国校区 &#xe609;
扫描二维码
关注传智播客QQ空间账号
?微信公众号
扫描二维码
关注传智播客微信公众账号
扫描二维码
关注传智播客新浪微博账号
400-618-4000}