人生就这样简单,决定向前走,就不必再回头!
1. 学习HTML,CSS,JavaScript(最重要的东西)
2. 我应该学习JQuery吗(不必学,但想了解一下,也是非常好的)
3. 包管理器:npm / yarn(会一个另一个也会了)
4. CSS预处理器:Sass / PastCSS(先学Sass,有时间再学PostCSS)
5. CSS框架:Bootstrap(符合市场需求),Materialize和Bulma
6. CSS文件管理:BEM(个人推荐这个),OOCSS,SMACSS,SUITCSS,Atomic
7. 自动化构建工具:不必学习Gulp(有时间可以了解),npm+webpack(使用率高)
8. 校验工具:ESLint(使用人多),JSLint,JSHint,JSCS
9. 打包工具:Parcel、Webpack(毫不犹豫地选择,开发app的时候用)、Rollup(也很常用,建议用在库里面)、Browserify
10. 选择一个框架: React(Redux或者Mobx)、Vue(Vuex)和 Angular2+ (TypeScript和Rx.js) 选择它们中的任何一个都可以
11. 测试你的应用程序: Jest, Mocha, Karma和Enzyme 挑一个适合自己需求的
12. 静态类型检查器: TypeScript(个人推荐)和Flow
13. 服务端渲染: React(Next.js和After.js),Angular是通用的,Vue.JS(Nuxt.js)
14. 不想成为全栈的前端不是好程序员(虽然这么说,但是全栈虽好,也不能贪心啊)
15. YouTube上的一个全栈教程: MongoDB、Express、Node、Angular
16. 发放“纳米学位”的某在线学院的付费课程: 编程基础(python),web前端(HTMl,CSS),开发者工具(Unix shell,git,github),关系数据库(SQL,python操作数据库),后端应用(CRUD,OAuth,RESTful API),JavaScript与Ajax(jquery),配置服务器(Linux,PostgreSQL)
17. github上的一个项目值得深思:神经网络通过深度学习,自动把设计稿变成 HTML 代码。 作者号称三年后,人工智能彻底改变前端开发
所以不能把技能停留在前端的HTML和CSS上,技术栈要往后端靠拢,甚至是人工智能(python)靠拢,防止前端被淘汰!
=====================================================
1. 大前端:不单单会前端(ES6,Vue,React,Angular,Webpack),还要会
{
服务类(node,express,koa),
3d数据图像(three.js),
二维图像(d3.js,raphael.js,echart.js),
视频(video.js,hls.js,flv.js)
}这里面当中的一项就够了