51Testing软件测试论坛

标题: web前端是干什么的？如何做才能更好？ [打印本页]

作者: 学掌门网校 时间: 2018-2-8 13:44
标题: web前端是干什么的？如何做才能更好？
一、web前端是什么？

互联网来做比喻,凡是通过浏览器到用户端计算机的统称为前端技术.相反存贮于服务器端的统称为后端技术.前端技术包括JavaScript、ActionScript、CSS、xHTML等“传统”技术与AdobeAIR、GoogleGears,以及概念性较强的交互式设计,艺术性较强的视觉设计等等.

二、Web前端开发的职责是什么?

既然Web前端开发有很多的职位，那么不同的职位其各自的职责又是怎样的呢？我们以“前端开发工程师”、“资深前端开发工程师”和“前端架构师”这三种职位为例，来分析一下其各自的职责。前端开发工程师（或者说“网页制作”、“网页制作工程师”、“前端制作工程师”、“网站重构工程师”），这样的一个职位的主要职责是与交互设计师、视觉设计师协作，根据设计图用HTML和CSS完成页面制作。同时，在此基础之上，对完成的页面进行维护和对网站前端性能做相应的优化。另外，一名合格的前端开发工程师，应该具有一定的审美能力和基础的美工操作能力，能很好的与交互及视觉协作。

三、如何才能做得更好呢？

一位好的Web前端开发工程师在知识体系上既要有广度，又要有深度，所以很多大公司即使出高薪也很难招聘到理想的前端开发工程师。那么如何系统的学习企业实用的web前端技术呢，为此建立了一个web前端的直播上课学习扣扣群，前面数字是五一四，中间的数字是一六七，最后是六七八，将数字连接起来就是了。真正想要学习的可以进入，打酱油的就不要浪费大家的时间了。现在说的重点不在于讲解技术，而是更侧重于对技巧的讲解。技术非黑即白，只有对和错，而技巧则见仁见智。

1、必须掌握基本的Web前端开发技术，其中包括CSS、HTML、DOM、BOM、Ajax、JavaScript等，在掌握这些技术的同时，还要清楚地了解它们在不同浏览器上的兼容情况、渲染原理和存在的Bug。
2、在一名合格的前端工程师的知识结构中，网站性能优化、SEO和服务器端的基础知识也是必须掌握的。
3、必须学会运用各种工具进行辅助开发。
4、除了要掌握技术层面的知识，还要掌握理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持，等等。
可见，看似简单的网页制作，如果要做得更好、更专业，真的是不简单。这就是前端开发的特点，也是让很多人困惑的原因。如此繁杂的知识体系让新手学习起来无从下手，对于老手来说，也时常不知道下一步该学什么。
代码质量是前端开发中应该重点考虑的问题之一。例如，实现一个网站界面可能会有无数种方案，但有些方案的维护成本会比较高，有些方案会存在性能问题，而有些方案则更易于维护，而且性能也比较好。这里的关键影响因素就是代码质量。CSS、HTML、JavaScript这三种前端开发语言的特点是不同的，对代码质量的要求也不同，但它们之间又有着千丝万缕的联系。

课程推荐-web前端必备Html5课程

本课程详细为大家讲解了HTML5各个标签的使用，并且对重要标签做了详细的讲解以及拓展，通过本课程的学习，你可以对HTML5有一个全面透彻的掌握，能学会利用多种方法在网页呈现所需内容，并利用多种基础布局方法让网页规格分明，满足业界主流的网页设计风格，以及易用性要；并在课程中穿插包含大量知识点的阶段项目，巩固学到的知识，以便于学习者积累项目经验。

课程目标：

掌握HTML5必备标签的使用，并对前端开发有质的理解，能进行规范的前端开发，也对网页设计人员提供了设计规范参考，为深入前端设计和开发打下良好的基础。

了解课程更多细节，可咨询客服（周一~周五 9:00~17:30）

博为峰网校大课堂QQ群，欢迎大家加入，交流技术，下载资料，免费试学。

欢迎光临 51Testing软件测试论坛 (http://bbs.51testing.com/)