Web前端学习路线与学习方式

在学校里面，我们接触的web前端仅仅只是html，css，js，你以为学会了这些就足够了吗？
但是实际上学会了这些东西还不能真正上是一个前端工程师，充其量只是一个会写前端代码的。而不是把前端当做一个工程，来进行开发和设计以及迭代。那这里就出现了很多问题了。
第一、我们学习前端的学习路线应该是什么？
最近几年，前端方面的技术变革很大，作为一个程序员，只有不断学习提升自己，才能保证自己不会与时代脱轨，才能保证自己的薪水。这几天我稍微整理了一下前端的学习路线，当然我自己是一个菜鸟，在这儿只是提出我自己的看法和意见，分享自己的学习经验。
前端入门:html,css,js(仅仅学习了，那也只是会写了，必须要经过大量的实践积累出足够的实践经验才能是真正的学会了)
前端进阶:es6/es5(不懂的可以百度了解一下)css相关的工具:css预编译器 sass、less、styluscss框架 bootstrap、foundation前端构建工具:自动构建 gulp、grunt依赖管理 browserify、webpack(时下最流行)包管理器 webpack
前端工程师:前端框架 react.js、angular.js、vue.js(中国比较流行，大多数初创公司的选择)单元测试 macha、jasmine、karma、enzyme
具体可参考知乎专栏《2016/2017 Web开发者路线图》:https://zhuanlan.zhihu.com/p/22080792从前端进阶开始估计大多数在校大学生都没有接触过。第二、我们该怎么学习前端？昨天从知乎上扒了一篇文章，在这儿贴出来，是一位前端认证P6/P7级的大牛《Web前端该怎么走》 https://www.zhihu.com/question/34388831第三、时下流行的Vue.js、Angular.js、React.js具体作用是什么，该怎么学习这三个框架具体能做什么在这儿我就举几个例子，首先三个框架都可以当做js类库来使用，类似于jQuery。不同的是三个框架能用来构建移动端、桌面、以及单页应用。那这里问题就来了。什么是单页应用(SPA)？ 传统模式的web应用，采用的是mvc模式将前后端分离，但是并不是真正意义上的完全分离，在这里我就拿我熟悉的ssm框架来打比方，比如我们在jsp中仍使用jstl或者相关的东西。前后端并没有真正分离还存在着一定耦合度。而单页应用，前端是纯前端，通过ajax调用后台数据接口，获取数据然后对页面进行渲染，改变页面。渲染页面由服务端变为客户端。单页应用的优缺点:优点：1、具有桌面应用的即时性、网站的可移植性和可访问性。2、用户体验好、快，内容的改变不需要重新加载整个页面，web应用更具响应性和更令人着迷。3、基于上面一点，SPA相对对服务器压力小。4、良好的前后端分离。SPA和RESTful架构一起使用，后端不再负责模板渲染、输出页面工作，web前端和各种移动终端地            位对等，后端API通用化。5、对前端人员javascript技能要求更高，促使团队技能提升。缺点：1、不利于SEO。2、初次加载耗时相对增多。3、导航不可用，如果一定要导航需要自行实现前进、后退。4、对开发人员技能水平、开发成本高。该怎么学习Vue.js？在这儿我贴出知乎上的文章:《Vue.js新手入门指南》 链接:https://zhuanlan.zhihu.com/p/25659025另外，我们前端水平到达一定层次之后该如何提高自己呢？这时候我们就应该考虑架构以及调优方面的东西了《大公司怎样开发和部署前端代码》 链接:https://www.zhihu.com/question/20790576

Web前端学习路线与学习方式相关推荐

Web前端学习路线分享，初学者不要错过！
在技术岗中,前端开发一直是薪资比较高的岗位. ▲北京前端工程师月均薪20.7K(职友集) 前端技术的更新迭代,导致大部分技术人员跟不上.因此越来越多的人想转型做前端开发了.毕竟想要驰骋职场,想要拿年薪 ...
如何使用jquery_好程序员web前端学习路线分享jQuery学习技巧
好程序员web前端学习路线分享jQuery学习技巧,jQuery在web前端学习中是一个必不可少的内容,很多小伙伴都在学习这阶段的时候遇到问题,今天我们就来聊一下jQuery,让我们一起来看一看吧! ...
js怎么在一个div中嵌入另一网站_好程序员web前端学习路线分享HTML5常见面试题集锦一...
好程序员web前端学习路线分享HTML5常见面试题集锦,接下来将会持续为大家分享几篇HTML5常见面试题. 1.布局左边20% 中间自适应右边200px 不能用定位答案:圣杯布局/双飞翼布局或者 ...
addeventlistener不支持ajax_好程序员web前端学习路线分享了解AJAX是什么
好程序员web前端学习路线分享了解AJAX是什么首先是服务器什么是服务器:咱们的页面来源于服务器:实例(在phpnwo上面存放一个页面), 咱们把页面放在互联网的服务器上,就有了自己的网站了. 1. ...
爱创课堂分享web前端学习路线自学如何找到工作
爱创课堂分享web前端学习路线自学如何找到工作,自学能不能学会WEB前端并且找到WEB前端开发岗位的工作取决于自身条件,如果基础好,自律性强那么将会容易很多,还有就是自学最难克服的并不是知识点,而是自 ...
ajax请求是宏任务还是微任务_好程序员web前端学习路线分享了解AJAX是什么
好程序员web前端学习路线分享了解AJAX是什么首先是服务器什么是服务器:咱们的页面来源于服务器:实例(在phpnwo上面存放一个页面), 咱们把页面放在互联网的服务器上,就有了自己的网站了. 1. ...
零基础web前端学习路线【全新web前端入门视频教程】
零基础怎么学web前端?下面就一起来看看吧! 想学好web前端,该从哪里入手学习呢?零基础学习web前端学习路线图从哪里可以找到呢?这里为大家整理完整的零基础前端学习路线分享给大家. 适合零基础学员 ...
好程序员web前端学习路线分享css3中的渐进增强和降级
好程序员web前端学习路线分享css3中的渐进增强和降级,渐进增强和降级这两个概念是在 CSS3 出现之后火起来的.由于低级浏览器不支持 CSS3,但是 CSS3 特效太优秀不忍放弃,所以在高级浏览器 ...
2021年web前端开发视频教程,自学web前端开发技术,全套web前端学习路线笔记
2021年web前端开发视频教程,自学web前端开发技术,全套web前端学习路线笔记 [导读]:初学web前端的小伙伴经常会遇到的问题,1.没方法 2.没资源 3.没经验,不知道从何开始 ,代码哥(D ...

Web前端学习路线与学习方式

Web前端学习路线与学习方式相关推荐

最新文章

热门文章