美文网首页
如何学好前端:2019年web前端开发知识体系和开发工具

如何学好前端:2019年web前端开发知识体系和开发工具

作者: 如来如往 | 来源:发表于2018-12-25 11:11 被阅读69次

    在互联网行业,前端是个最近几年火起来的工种,而且持续火热中,很多同学慕名而来,纷纷加入前端大军。

    蛋是,有个词叫水涨船高,来的人多了,竞争多了,标准也就提高了。现在对前端工程师的要求跟当年前已经不能同日而语了。

    那么俺就斗胆带大家探索下前端web开发世界

    imageimage

    1 基础技术

    前端的三大基础毫无疑问就是HTML、CSS和JS。我称之为前端的骨、肉和魂。

    先说“骨”——HTML。HTML,翻译过来就是超文本标记语言,而不是江湖上的HOW TO ML。方向不能搞错了,我们整的东西可是老少咸宜的。HTML学习最重要的标签的学习,div、h1-h6、p、ul-li、strong、图片、字体等,什么内容用什么框.

    再说“肉”——CSS。CSS定义了HTML标签的显示外观,气质。主要掌握浮动,宽高设置、显示属性等

    最后“魂”——Javascript。这是运行在浏览器上的脚本,但是现在javascript已经远远不是当年的那个js了,尤其Ecmascript6标准出来后,nodeJS 横空出世,JS暴露出一统天下的野心,JS让网页变得灵活,其实现的每一个明里暗里的交互,其实是为了触及您的灵魂,这也是其成为魂的原因。

    而现在,CSS3和HTML5的发展,又将web推向下一个时代,一个更为丰富多彩的时代。

    2 环境基础

    设备、浏览器以及工作原理

    必须指出的是,html CSS JS都是运行在浏览器的,是由浏览器负责编译和呈现的。所以必须了解浏览器的工作原理。但是浏览器千千万万,也不是每个都要去解剖,主要的有Chrome, Firefox, IE,Safari,Opera,国内的主浏浏览器基本是基于chrome内核开发,做了一些更为接地气的功能,了解下就可以了,主要有QQ浏览器,UC,百度浏览器,360浏览器,搜狗浏览器,猎豹浏览器等。

    3 计算机基础

    计算机网络,http协议。既然是web必不可少需要知道计算机网络的知识,这对于网页的加载和速度优化有很大的帮助,并且,我们做的不是静态的页面,而是动态的,所以必然涉及到与后台之间的数据的传输和存储,这个是要掌握的。

    必须懂:Ajax,必须会的工具:fiddler

    4 流行框架

    流行的前端UI框架:

    Bootstrap、jQuery UI、Amaze UI

    流行的前端框架:

    1. Node.Js

    2. JQuery Mobile

    3. angular.Js

    4. Vue.js

    5. React.js

    5 可视化组件

    Echarts

    tableau(收费)

    5 新应用

    针对移动化以及物联网方向发展

    6 锦上添花—

    UI、 UX 、交互设计、 SEO(包括SEM) 、产品,更主要一个同理心。好的设计和交互才能带来的好的体验,赢得用户。

    SEO则在推广层面,好的SEO让我们以最低的成本,借力搜索引擎,获得更加跟多的曝光机会,毕竟这是个酒香也怕巷子深的时代。

    最后是产品,站在产品角度,融合(前后端)技术和商业,让产品产生价值,实现价值。

    先草草写个框架,后面再慢慢展开,记得常回来看看~

    imageimage

    详细:http://www.eyee21.com/articles/132

    相关文章

      网友评论

          本文标题:如何学好前端:2019年web前端开发知识体系和开发工具

          本文链接:https://www.haomeiwen.com/subject/kagxlqtx.html