时间: 2019-11-22阅读: 250标签: 工程师
什么是web前端？
前些日子，在某论坛看到一帖，问「一线城市中小公司的前端10k应该会什么？」，下面有很多回答，大多数回答的是一些会前端三大基础啊，html,css,JavaScript这些，然后一两个框架。实在是太笼统了，这回做一个总结，写下来，也让更多对编程，对前端感兴趣，并想以此为饭碗的朋友们多了解一下！
在以前，通俗的讲是网页制作，在现在，哼哼，可以参考这篇文章
以下是匿名用户的回答：
http://tieba.baidu.com/p/4817153404
毕业一年，工资9.5k，加上补贴奖励，税后10.5k左右。
那么如果高效优雅的学习web呢？
1.html、css、js基础自我感觉良好。语义化、写点css3动画、写写原生js等。
注：以下纯属个人观点，如果不当请指出
2.在学校期间就学了前端用jq、bootstrap做过一些项目，学了vue基础，能简单搭个vue项目。
第一阶段、html(5)+css(3)
3.webpack只能说会用，一般直接配置有些api记得不清楚，需找文档，主要是不用常配，基本项目开头配置一次，中期优化配置。
Html和css是基础中的基础，但对于很多html标签和css属性是平常开发中很难用到的，如果系统的学真的不知道学到猴年马月，所以学会一些常用的就好了，这些基础就不用买书了。推荐跟着慕课网在线敲一下代码，它那里讲的都是一些常用的东西http://www.imooc.com/learn/9
4.vue前后做了2个商业项目（公司主要用的vue+elementUI）。
第二阶段、Javascript Dom
5.react未做过项目，自己找些网站模仿着写点东西（没机会用react做项目）。
在这个阶段，你可以学会怎么用js写一些网页特效啊、交互啊之类的。注：这是js里面最简单最低级的功能，并不是学会了写特效就学会了js。
6.代码基本用上ES6，还有async/await等一些语法。
推荐书籍：《Javascript DOM 编程艺术》
7.略懂一些常见简单的优化，js优化、懒加载等等。
8.node的话看过视频跟着做了一个小项目，那时候还学了点mongodb、jade等（不过好久没用，忘记7788了），现在和react配合着，ts+koa+Graphql作为中间层，react+ts做移动端网页。
网站资源推荐：http://www.imooc.com/course/list?c=javascript
9.大学期间学有java基础、Servlet,、DBC，sql等(也好久没写，不过会这些不易被后端忽悠，遇到一些后端问题也会主动求解，加点知识)，当时准备学框架时，决定转去学前端（比较有兴趣）。
慕课网上有很多小效果的实现，可以跟着熟悉js的语法规则
**10. ** http没怎么学过，只会看状态码、请求信息之类的（找接口错误常用）。
第三阶段、Jquery
11.git、svn会常用命令，其它需要的时候百度找。
什么是jquery？Jquery是一个js的库。
12.nginx这个之前也配置玩过一下，不熟。
以前有朋友问我，为什么有jquery还要学js，这里大家要搞清楚，jq只是一个库，它把一些常用的繁琐的js方法用自己的方式封装好，便于我们使用，它强大的地方在浏览器兼容，既然提高了兼容性，那么内部肯定有繁琐的条件判断，所以jq的性能会比较偏低。
13.自我认为：分析问题能力比较好，遇到bug基本能快速定位并解决（不像某些人一个坑盖住一个坑的那种）。
jq的插件有很多，可以实现很多效果。
14.主要做的PC端；移动端做过一点，兼容性问题的懂得不多。
所以jquery也是我们学习的基础之一。
15.在学typescript，配合react/node练手熟悉一下。
推荐书籍《锋利的jquery》
16.在看JavaScript设计模式，每周至少看一章，跟着书本写代码，贴到简书更新。
推己及人
获取更多案例视频，一起学习交流的html5技术交流，解答、群 250777811 群文件上传了很多的项目实战，大家可以练练手
情况大概就是这么个情况，土哥看评论区，有人赞同的，说「好像看到了自己」，也有人酸的，说「会的东西几乎一样，然而我只有6k」，还有的说「妈的，感觉我工资低了」。
第四阶段、一个UI-库(bootstrap or other)
说一句，推己及人，没有对比就没有伤害。决定你薪水多少的是你入职前的面试表现，一个能力强但不会表达，一个能力一般但会吹，你觉得谁会拿到offer/薪水高一些呢？
既然javascript有库（jquery），那么css呢？
关于薪水
没错，一般css的库叫做ui库，或者叫做css框架，比如bootstrap，以下简称bs，我们学习bs的目的是什么？
该匿名用户后来也更新了一段文字，做了简要补充，税前9.5k，进公司早，绩效100%，资历1.5 x 平均每个月0.8绩效，餐补每天25，交通通讯一共200。公积金按最低的交3200 x 5%，五险也是最低标准。
1．学习优雅的css命名规范
并不是一毕业就9.5k。面试时实习报了个低价4k，转正6k；随后表示不想留，公司对我能力也算认可，涨到6.4k，转正8k;今年初遇上部门调薪而且年前找领导提过加薪，最终涨1.5k。上年还获得优秀员工（小公司，20人中的3个人获得）。
2．学习什么是可复用的web组件，为什么要复用这些组件
抖个金句
3．提高开发效率
围观别人的回答，就像照镜子，总会在一些细节上，无意间想到了自己。
Bootstrap中文文档：http://v3.bootcss.com/
其实，你在一线城市越往上爬，挣得越来越多，还是会存在焦虑，人到三十，慌的一匹，想想你在早高峰挤地铁，在格子间吃外卖，在北上广996加班，晚上回到租住的几平米地方，往床上一瘫，唉，有时候想想，即使年薪百万，咱们技术人活得也不如一只鸭。
学完这些，你也应该入门前端了。学完以上四个部分你应该会：
1)高度还原psd设计稿；（简称切图）
附上切图教程：http://www.imooc.com/learn/506
2)会熟练使用浏览器调试工具
Web调试工具：http://www.imooc.com/learn/137
3)看的懂别人写的网页，会修修改改
如果这些你都会，4k+月薪没问题
进阶（以下知识点不分前后）
l移动端页面制作
会写pc端页面还远远不够，我们还得会写移动端页面：
稍微复杂点的flex布局、响应式布局和移动端基础知识：
http://www.imooc.com/learn/494
很简单的rem布局：
http://caibaojian.com/flexible-js.html
l混合APP开发
什么是混合app开发？
原生的android、ios应用我们称之为nativeApp。
运行在网页的app我们称之为webapp，比如淘宝触屏版。
混合App其实就是原生态App与Web App的结合，简单说混合App拥有原生App的外壳，内部的展现都是通过Web App的H5技术实现，在通俗点就是可以用html5技术写一个可以安装在手机上的应用，这个应用可以扩展一些js功能，比如访问手机硬件等等。
H5+与mui：http://www.dcloud.io/
lJavascript高级部分
我们之前说过js远不是写写特效那么简单，这里我们学习：
a.Ajax
什么是ajax？
Ajax就是前端与后台交互，实现数据获取、异步请求等等。
这方面知识百度很多
本文由10bet发布于Web前端,转载请注明出处：web前端学习路线与书籍推荐
关键词：