系统学习前端----方向篇

什么是前端？

官方一点的回答是： 前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。

通俗的理解就是： 做出页面，实现逻辑交互，最后进行数据交互。【不是切图仔了。。。】

 

入门标准

入门标准很简单，HTML/CSS/JavaScript 是基础，前端必须要掌握的，现在这个阶段，想要参与公司实际项目开发，肯定还要掌握其他一些主流的框架体系，因为使用主流框架能够很大程度提高开发效率，节省开发成本。

 

趋势

几年前， jQuery + Bootstrap可以说是一统江湖，学会这个套路，从业无忧。而这几年，随着Vue、React、Angular等框架的兴起，前端领域变得越来越丰富多彩。这几年，Web 前端的技术发展真是太快了，相应地，技术栈也就变得非常多，除了最基本的HTML/CSS/JavaScript，以及Vue/React/Angular等这些 JavaScript 框架和各自的生态体系，还有 CSS 预处理器Sass/Less/Stylus，还有TypeScript，还有grunt/webpack/gulp等各种打包构建工具，还有其他一大堆技术栈。

看到这里，相信很多刚从业前端开发这个职业的同行，会被吓到，其实不然。主流框架，我们只需要选其一，深入学习技术背后的编程思想、设计思想、架构思想等。主流的框架主要思想都是组件化。

 

我们分三条线展开讲

 

Tip1:  0基础准备从事前端行业

 

学习路线：

 

1、学习掌握HTML/CSS/javascript【基础一定要掌握】

        PS： 楼房建得有多高，地基很重要

2、学习一个主流的js前端框架

3、了解已经学习的前端框架的原理

4、自我提升。。。

 

学习资源： 

前端入门

JavaScript高级程序设计  【密码：xdom】

JavaScript视频 【李炎恢JavaScript教程 第一季】

ES6标准入门 【阮一峰】

 

 

Tip2: 写给从事产品行业的

 

作为产品，个人建议不需要掌握前端技术的细节，只需要掌握以下几点就足够了：

 

1、了解前端是什么，可以实现什么，公司使用的前端框架是什么，对应的框架是做什么的，能解决什么问题

2、了解前端开发人员与后台服务器交互的方式有哪些

3、学习一点跟数据库有关的知识

4、大概了解以下后台服务语言有哪些，能做什么（稍微了解下就足够了，没必要深入）

 

 

Tip3: UI

 

作为一个优秀的设计师，个人觉得需要考虑的只有两点：

 

1、 页面的设计，除了视觉效果要好，用户体验要好，如果可以实现高复用，那么无疑是成功的。

2、 在团队中设计师，如果可以根据团队的技术水平来做设计，无疑是最明智的。

    【设计出来的东西，团队里面的人员，水平不到，实现不了。。。尴尬.gif】

 

总结

前端的技术栈其实很多，而且日新月异，一直在更新迭代。

所以对前端认识不深的，个人建议， HTML/CSS/JavaScript，这三大件一定要掌握好。

然后 HTML5、CSS3、ES6，也是需要学习的方向，接着学习目前流行的 JavaScript 框架，个人建议 Vue 开始，不但容易入门，找工作也容易许多，国内的公司vue使用率是相对较高的。

vue要掌握的技术栈包括 vue + vue-router + vuex + vue-cli + axios + sass + webpack。

最后，node.js 也要了解下的。

 

一篇打怪升级的前端方向，就先写到这里啦。

 

 欢迎关注公众号，进一步技术交流：