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

时间 2019-12-13

标签系统学习前端方向繁體版

原文原文链接

什么是前端？javascript

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

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

入门标准vue

入门标准很简单，HTML/CSS/JavaScript 是基础，前端必需要掌握的，如今这个阶段，想要参与公司实际项目开发，确定还要掌握其余一些主流的框架体系，由于使用主流框架可以很大程度提升开发效率，节省开发成本。java

趋势node

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

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

咱们分三条线展开讲es6

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

学习路线：

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

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

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

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

四、自我提高。。。

学习资源：

前端入门

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

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

ES6标准入门【阮一峰】

Tip2: 写给从事产品行业的

做为产品，我的建议不须要掌握前端技术的细节，只须要掌握如下几点就足够了：

一、了解前端是什么，能够实现什么，公司使用的前端框架是什么，对应的框架是作什么的，能解决什么问题

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

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

四、大概了解如下后台服务语言有哪些，能作什么（稍微了解下就足够了，不必深刻）

Tip3: UI

做为一个优秀的设计师，我的以为须要考虑的只有两点：

一、页面的设计，除了视觉效果要好，用户体验要好，若是能够实现高复用，那么无疑是成功的。

二、在团队中设计师，若是能够根据团队的技术水平来作设计，无疑是最明智的。

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

总结web

前端的技术栈其实不少，并且突飞猛进，一直在更新迭代。

因此对前端认识不深的，我的建议， HTML/CSS/JavaScript，这三大件必定要掌握好。

而后 HTML五、CSS三、ES6，也是须要学习的方向，接着学习目前流行的 JavaScript 框架，我的建议 Vue 开始，不但容易入门，找工做也容易许多，国内的公司vue使用率是相对较高的。

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

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

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