Front-end 技能梳理

当今这个技术变幻莫测的年代,任何技术都有可能被迅速的替代甚至丢弃。

这篇博客主要讲的前端体系中生态构建和HTML、CSS框架,如有不足,还请留言指正。

生态工具

现在一般常用的grunt/gulp开发环境,都是需要建立在node环境里面。工程师们在github上会经常看到某一个很火的前端项目都会包含Gruntfile.j、gulpfile.js、bower.json其中一个或者是两个的。而且会提示下载后进入到项目目录里面进行npm install的指令。

Nodejs

nodejs的出现彻底改变了前端的概念

Gulp

Grunt

Webpack

Bower

HTML、CSS框架

框架的出现主要避免了重复造轮子,再好的框架也会有它鸡肋的一面,所以在选择哪种框架适合自己实际项目时一定需要权衡清楚。自己也会使用一些流行的前端框架,但后面感觉做出来的产品根本没有自己的调性,所有的按钮排版都千篇一律,感觉更是PHP工程师们写出来的东西。

Bootstrap

Foundation

Skeleton

前端框架

express.js

angular.js

vue.js

react.js

Native/Hybird开发

ionic

phonegap

Meteor

在过去当谈到前端时,很多人潜意识里面就会想到一个切页面的。但是最近几年确实发生非常大的变化,前端不仅仅是拿着Photoshop切图,用CSS和HTML做出静态页面。更需要使用javascript和jQuery来实现复杂的交互和动画效果,这就对一个新时代的前端所掌握的技能提出了新的要求。

前端通常指的是可以在浏览器里面看到的网站,一般也称为客户端。它是包含呈现内容的方式,一位前端工程师需要花大量的时间研究HTML CSS Javascript等浏览器能认识的语言。

参考资料
https://teamtreehouse.com/tracks/front-end-web-development