月度归档:2017年04月

大漠老师对于前端学习的建议

大漠

常用昵称“大漠”,W3CPlus,Sass中国创始人,目前就职于手淘。中国Drupal社区核心成员之一。对HTML5、CSS3和Sass等前端脚本语言有非常深入的认识和丰富的实践经验,尤其专注对CSS3的研究,是国内最早研究和使用CSS3技术的一批人。CSS3、Sass和Drupal中国布道者。2014年出版《图解CSS3:核心技术与案例实战》。

Web1.0时代、Web2.0时代已经离我们远去,关于Web3.0的概念,最常见的解释是,网站内的信息可以直接和其他网站相关信息进行交互,能通过第三方信息平台同时对多家网站的信息进行整合使用;用户在互联网上拥有自己的数据,并能在不同网站上使用;完全基于Web,用浏览器即可实现复杂系统程序才能实现的系统功能;用户数据审计之后,同步于网络数据。

在Web3.0的时代,前端又是什么呢?

“前端工程师”又能做些什么呢?

又能给Web带来什么呢?

作为前端开发者,首先要掌握的就是HTML+CSS,有了这两项最基础的知识,就能得心应手的将设计师的Web页面切出来(将PSD设计图转换成Web静态页面)。但这还是不够的,还需要能熟练的处理各浏览器的兼容。为了能更好的要求自己,尽量要让自己的Web页面符合W3C标准和语义化的规范。这方面虽然不是硬性的要求,但是做好这两者很有必要,也具有较大的难度。

其实在这个阶段,对于初学者并不是件容易的事情。因为在这个过程种,初学者很容易迷失,也失去信心。虽然你通过看书,或者视频,你对HTML和CSS的每个知识点有了一定的了解,但依旧缺少动手能力。简单点说,还是不知道如何将设计稿转换成Web页面。在这个时候你更希望的是有一个人告诉你,应该怎么将设计稿转换成Web页面,怎么开始动手。一旦你完成第一个页面,就能从中找到信心与方向,对后面的学习也是一种极大的帮助。

充分掌握了HTML和CSS方面知识后,接下去要把JavaScript拿下,这也是前端工程师必备技能之一,也算是较难的一部分。只懂HTML、CSS和JavaScript其中一个或两个还不行,你必须对这三门语言都很熟悉。也不是说必须对这三门语言都非常精通,但你至少要能够运用它们完成大多数任务,而无需频繁地寻求别人的帮助。

如果你顺利拿下JavaScript之后,你就可以在前面的基础上做一些更有意思的事情,比如说在你的静态页面上添加交互效果,也能更好的处理业务逻辑。让你的工作得心应手。除此之外,你也可以继续深入去学习各种JavaScript的框架,比如现在前端非常火的React、Vue等等。因为这些JavaScript能更好的帮助你工作,也能让你的工作变得更轻松,让你的项目也更易维护。

到了这个时候,你会发现,你可以慢慢的脱离写原始的HTML结构;你也会发现,你可以更好的积累,在其他项目中复用自己积累的代码。你也会发现,原来这些框架的学习并没有当初想象的那么复杂。你也会发现…

当然对于优秀的前端工程师应该具备快速学习能力。推动Web发展的技术并不是静止不动的,没错吧?我甚至可以说这些技术几乎每天都在变化,如果没有快速学习能力,你就跟不上Web发展的步伐。你必须不断提升自己,不断学习新技术、新模式;仅仅依靠今天的知识无法适应未来。Web的明天与今天必将有天壤之别,而你的工作就是要搞清楚如何通过自己的Web应用程序来体现这种翻天覆地的变化。

无论从哪个方面讲,我都觉得前端工程师是计算机科学职业领域中最复杂的一个工种。绝大多数传统的编程思想已经不适用了,为了在多种平台中使用,多种技术都借鉴了大量软科学的知识和理念。成为优秀前端工程师所要具备的专业技术,涉及到广阔而复杂的领域,这些领域又会因为你最终必须服务的各方的介入而变得更加复杂。专业技术可能会引领你进入成为前端工程师的大门,但只有运用该技术创造的应用程序以及你跟他人并肩协同的能力,才会真正让你变得优秀。

 

Free jQuery Image Slider

Jssor is a cloud system, every user has a workspace (e.g. jssorsevice*) which works as a cloud drive.Jssor Slider Maker is an animation software to create HTML5 animation to run in web page and mobile App.

Free jQuery Image Slider

Free jQuery Image Slider

Free jQuery Image Slider

Free jQuery Image Slider

Free jQuery Image Slider

Free jQuery Image Slider

http://www.jssor.com