Chinaunix

标题: web前端工程师修炼之道：如何从菜鸟到大神？ [打印本页]

作者: send_linux 时间: 2014-10-23 11:02
标题: web前端工程师修炼之道：如何从菜鸟到大神？
Web的存在已经有20多年了，先后经历了令人兴奋的早期扩张、网络泡沫的破裂、创新的重生。有一件事情是肯定的，那就是网络作为沟通和商业的工具正在成为现实。而且不仅如此，网络也在影响着智能手机、平板电脑、电视等。懂得如何设计网页的程序员迎来了前所未有的机会。

作为Web前端工程师，可能是这个星球上技术武器库里更新速度最快的一类人了，所以一直紧跟时代的特点，不断地学习、使用最新的技术，是Web前端工程师的家常便饭。别的不说，就说最近的移动互联网技术的快速普及，随着智能手机和平板电脑的出现，Web在小屏幕和便携式设备上终于有了自己的位置。当我们想方设法使网站体验更好时，形势已经为Web设计者和程序员带来了新的挑战。

本期话题：
1、说说您最为前端工程师，这几年的经历都让您经历了哪些技术浪潮？
2、作为技术人员，哪些技能是最重要的，不是随着各种纷繁复杂方法论和技术潮流而消失的。
3、下一波前端技术的浪潮在哪里？为什么？

本期嘉宾：
ChinaUnix论坛Python版版主：smallfish_xy
ChinaUnix论坛web开发版版主：HonestQiao

活动时间：2014年10月24日-11月14日

本期奖品：
一等奖：最新出版的《Web前端工程师修炼之道》图书一本

活动要求：
1、要言之有物，不能低于20个字。
2、本次话题主要关注前端技术发展及未来前景，其他问题可能不做重点

奖品简介：
Web前端工程师修炼之道（原书第4版）

原书名：Learning Web Design：A Beginner’s Guide to HTML, CSS, JavaScript, and Web Graphics, Fourth Edition
作者： (美)Jennifer Niederst Robbins
丛书名： O’Reilly精品图书系列
出版社：机械工业出版社
ISBN：9787111471684
上架时间：2014-8-25
出版日期：2014 年9月
开本：16开

作者: eliry 时间: 2014-10-23 11:50
楼主标题有错别字，纯纠错顺便坐沙发。

作者: cu_shell 时间: 2014-10-23 12:03
目前没有做前端，所有就单说下浪潮吧，{:3_196:}
既然提到移动互联、移动终端，那么手机app的前端设计必然是个大趋势，，
现在有几家都推出了模块化设计手机app、原生态开发，等等。现在不懂编程都可以随便拼个app出来。
所以，如何能在众多app中脱颖而出，如何能设计出一款出色的、让人记忆犹新、爱不释手的app产品，前端设计环节至关重要。

作者: forgaoqiang 时间: 2014-10-23 13:08
本帖最后由 forgaoqiang 于 2014-11-11 17:05 编辑

靠谱前端一直做不不好研究下

1、说说您最为前端工程师，这几年的经历都让您经历了哪些技术浪潮？
还是那样，公司小什么工作得都做，前端也不例外。
2011年的时候还是手动写代码，然后配合Dreamweaver来看效果，总是前端做的很不好看，勉强使用。
2012之后才发现Bootstrap和Jquery真是个好东西，不专业的人也能做出看上去很专业的前端页面（虽然前端页面是拼凑，下面的HTML/JS代码一片混乱）
到了2013年之后各种新的技术开始出现，前端也可以不用写，而是拖拉就能形成，Jquery UI的出现，让手机小屏幕的显示问题也得到解决。

因为一直不专业，断断续续的做些前端和后端的简单开发，没有经历过大的变革，但是感觉web这东西是越来越复杂（但是构建却越来越简单），要是真的想学好是真的不容易，前端的水太深了。

2、作为技术人员，哪些技能是最重要的，不是随着各种纷繁复杂方法论和技术潮流而消失的。
技术人员的最大能力就是学习，IT行业和其他行业可不一样，知识的有效期特别短，如果只是普通的用户，不学习也就罢了，作为技术人员，不得不学习新的内容，但是目前来看，构成这些新技术的基础没有太大的变化。
无论是新的各种语言还是各种框架，都是在语言自身的基础上发展来了，理解学习语言本身还是很重要的。可以考虑先快速上手，然后慢慢研究背后的原理。
网络知识也是如此，思科还需要三年一认证呢，所以要不断的学习（注重基础理论）这样才不会被新的技术潮流甩下来。

3、下一波前端技术的浪潮在哪里？为什么？
下一波肯定是更加的接近现实生活，以后前端估计要从2维慢慢转变成3维，3D技术要得到普及，用户将会看到更加真实的前端环境，而不需要用户发挥自己的“抽象”想象能力。前端要处理更加复杂的表现，甚至前端自己形成MVC框架，而不是和整个系统一体。

作者: beyondfly 时间: 2014-10-23 13:31
前端工程师

作者: chenyx 时间: 2014-10-23 21:54
占位

作者: send_linux 时间: 2014-10-23 22:24

eliry 发表于 2014-10-23 11:50
楼主标题有错别字，纯纠错顺便坐沙发。

谢谢纠错的各位，，，

作者: craaazy123 时间: 2014-10-24 10:39
1、说说您最为前端工程师，这几年的经历都让您经历了哪些技术浪潮？
JS：最早由google带起的ajax，接着jquery这样优秀的前端框架，后来又搞出了前端类mvc框架（angularjs，backbonejs，emberjs等等），现在好多前端又开始搞搞后台，因为有了个nodejs。
还有其它各种，css3/html5（bootstrap等css框架），用于移动开发phonegap，touch sencha等等。
各种学都不过来的东西，单页面网页应用，响应式设计。。。。
2、作为技术人员，哪些技能是最重要的，不是随着各种纷繁复杂方法论和技术潮流而消失的。
基础+思想：现在前端框架，思想很多，学好基础是王道，然后搞清楚一些思想，框架的学习就会很轻松。
技术肯定会有过时的时候，但基础牢学新的东西快。（搞it的伤不起。。。。）
3、下一波前端技术的浪潮在哪里？为什么？
我一直想什么时候前端会有3d接口，为啥？2d都出了，3d还远么？

作者: Shell_HAT 时间: 2014-10-24 10:40
@ziyunfei
大拿飞 it's your show time

作者: fengzhanhai 时间: 2014-10-24 13:13
占位，围观

作者: lsstarboy 时间: 2014-10-24 16:52
1、说说您最为前端工程师，这几年的经历都让您经历了哪些技术浪潮？

前端，最早就是用photoshop加dw，能显示就行了，还用vbs弄过脚本，不过后来被js代替了；后来多了ajax，以及各种js的特效，再加上css，眼花缭乱啊！
现在其实还是在js里面混，偶尔会涉及到一点html5，就像websocket，因为一直没有好的方案，只好将就它了。

2、作为技术人员，哪些技能是最重要的，不是随着各种纷繁复杂方法论和技术潮流而消失的。

感觉photoshop一时半会儿不会消失，话说现在遇到大多数都还在用ps8。js目前看也只会加强，特别是js将会进一步和html5进行融合。

3、下一波前端技术的浪潮在哪里？为什么？

下一波html5和移动端要火一阵子。
移动端火是因为现在移动应用正在蓬勃期，但是有向个因素，将导致跟PC端慢慢接轨：（１）浏览器越来越强大，会同时支持移动设备和PC顯示器，所有效果都会趋于相同化。（２）屏幕变大，其实现在分辨率移动端已经跟pc端差不多，只不过面积小点而已；（３）移动操作系统从android和ios两支独大，到百花齐放，前几天推出的yunos，以及arm推出的一款嵌入式，再加上ubuntu和fireos等，这些系统之间最好的整合之路仍然在于brower。所以移动端会火，但是慢慢会降温。
html5前景应该不错，现在遇到的很多问题，其实都可以在html5中解决，比如服务器的推送，3d效果显示，视频播放，画板等，既然有应用需求，就会有所发展。目前没有大面积普及的原因，一方面大多数网站需要向下兼容，需要为老客户着想，另一方面还没有出现重量级的示范应用以及相应的便捷的开发工具，一旦这两方面有所突破，将会取得长足的发展。

作者: qingduo04 时间: 2014-10-24 19:27
插入，mark..........

作者: yunas 时间: 2014-10-26 02:52
Web前端与视觉设计，对一个成功的产品来说是非常重要和关键的。

作者: kisswen 时间: 2014-10-27 09:45
可以围观加帮顶吗？

作者: lemoncandy 时间: 2014-10-27 09:53

Shell_HAT 发表于 2014-10-24 10:40
@ziyunfei
大拿飞 it's your show time

传说中的大拿飞呢？

作者: jieforest 时间: 2014-10-27 16:01
1、说说您最为前端工程师，这几年的经历都让您经历了哪些技术浪潮？
我所在的公司这两年才把前端工程师岗位给细分出来了，早些年间，我们都是从前端做到后端，几个人完成整个项目。我们做的工作有：从需求分析、原型设计、前端开发、后端开发、单元测试、系统部署、性能优化等。最后再交给专门的测试组进行功能测试、负载测试等。
前端开发这十年来，大致是这么一个趋势：
（注：先说明一下，下面的时间只是一个大致时间，是我本人从事软件开发十多年的一些体会，由于不是写正式文章，所以时间没有经过严格考证。）
1）2002年之前，基本上是HTML开发静态网页，页面上的效果由图片完成，部分CSS和JavaScript或JScript做各种效果。典型案例：企业黄页。
2）2002年到2005年，HTML4或XHTML、CSS 2.1、JavaScript实现网页上的静态内容和动画效果，页面的动态内容由ASP或JSP完成，与后端交互。
3）2003年～2006年，网页动画的流行，Flash技术大放光芒，搞Flash开发的程序员被尊称为闪客。
4）2005年～2007年，JS框架渐渐兴起，代表性的框架有：prototype.js和scrīptaculous。（这是当年我们最常用的框架），这个时期的JS框架只是完成一些功能，跟UI无关。
5）2006年～2009年，一栈式解决方案的兴起，比如RoR，搞定从前端到后端的整个开发。但是这对前端并没什么贡献，页面的实现仍然是HTML+CSS+JavaScript这几种技术。
6）2007年至今，JS框架中的王者jQuery逐渐流行。2008年jQuery开始比较火，也开始受到巨头们（如微软）的支持。其它还有一些JS框架也很好用，给开发者提供了更多的选择，包括：Mochikit、MooTools、Dojo、Yahoo! YUI、Extjs等。这个时期的JS框架已经可以实现UI界面了。
7）2007年～2010年，CSS框架的兴起，比如Blueprint，主要是辅助布局。
8）2008年～2010年，银光Silverlight技术的兴起，欲与Flash/Flex技术一比高下。
9）2011年至今，Flash技术开始衰落，逐渐退出历史舞台。银光Silverlight技术也迈向死亡。
10）2011年至今，CSS框架中的重量级框架BootStrap的流行，又一次极大地促进了前端开发。除此以外，还有一些优秀的CSS框架，比如Foundation、Normalize.css、Animate.css、Compass等。
11）2012年至今，CSS预处理器逐渐流行，如SASS和LESS等，进一步促进了前端开发。
12）2011年至今，HTML5和CSS3的兴起，逐渐主宰整个Web领域。
13）最近两年，国内几大互联网公司的前端开发框架也随之开源出来，这是技术积累到一定程度的外在表现。
14）2011年至今，单一语言的技术栈的解决方案的兴起，比如Node.js，用JavaScript一种语言搞定从前端到后端的整个开发。

以上基本上涵盖前端开发的历史进程，其中还穿插了很多有趣的故事以及不少优秀公司的生死存亡，这里就不一一叙述了。

2、作为技术人员，哪些技能是最重要的，不是随着各种纷繁复杂方法论和技术潮流而消失的。
这么多年的发展，真正沉淀下来的还是基础知识以及算法。
各种库、框架都是用于加速前端开发的。
开发者的基础扎实，就像精通了“无相神功”一样，各种招式、绝招都是拿来即用，即用即精。

3、下一波前端技术的浪潮在哪里？为什么？
这个不好预测，就目前而言，HTML5规范集中还有很多规范未完成，目前主流的浏览器对HTML5的支持也还差了很多，未来三年前端技术肯定还是以HTML5为主。

作者: hbsycw 时间: 2014-10-27 17:02

jieforest 发表于 2014-10-27 16:01
1、说说您最为前端工程师，这几年的经历都让您经历了哪些技术浪潮？
我所在的公司这两年才把前端工程师岗位 ...

强大，你是不是武汉的？

作者: hbsycw 时间: 2014-10-27 17:24
不是前端工程师，简单说说：

1、说说您最为前端工程师，这几年的经历都让您经历了哪些技术浪潮？
答：正如上面哪位讲的，以前开发没分那么细，才开始工作的时候，基本整个WEB项目（大概03年左右从C/S转B/S开发...）从前端到后端全包了，这些年偏向后端，但前端的架构其实对WEB的性能影响也很大，前面一位大神说的比较细，我就概括的来说，应该是经历了3次浪潮吧：1 web1.0 ,HTML+CSS ; 2 web2.0, HTML+CSS+JS ; 3 web3.0, HTML5+CSS3

2、作为技术人员，哪些技能是最重要的，不是随着各种纷繁复杂方法论和技术潮流而消失的。
答：对于一名IT技术人员来说，核心技能还是对于数据结构、操作系统、算法的理解和掌握，IT技术发展到现在，可以说，技术外在表现形式一直在变，但其核心原理（存储程序原理、事件驱动编程、数据+处理=程序）从未改变。

3、下一波前端技术的浪潮在哪里？为什么？
答：作为前端主要是展示和互动，但前端技术比较多杂，相应缺乏规范，下一波前端技术的浪潮，个人还是比较看好HTML5。

作者: jieforest 时间: 2014-10-28 10:17
回复 17# hbsycw

呵呵，我在四川。

作者: linux_kali 时间: 2014-11-03 14:55
说实话我现在就非常需要这样的书籍

作者: send_linux 时间: 2014-11-03 17:01

kisswen 发表于 2014-10-27 09:45
可以围观加帮顶吗？

可以
但是更加欢迎大家分享经验：）

作者: D2002 时间: 2014-11-03 20:16
移动设备的APP是趋势，是不肯扭转的趋势！

技术人员最重要是技术素质和学习能力

作者: 唯吾顾家三少 时间: 2014-11-04 21:55
如何从菜鸟到大神！！！大神！！

作者: zamplus 时间: 2014-11-08 16:52
亲，咱们公司在招聘python开发工程师，web端的，有兴趣咩？加QQ570487907 回复 8# craaazy123

作者: 浪迹天涯1985 时间: 2014-11-11 11:03
:wink::wink:

作者: forgaoqiang 时间: 2014-11-11 11:42
感觉一到web的话题人就很少的样子

作者: wsysx 时间: 2014-11-11 12:49
不懂web，就是围观一下

作者: 791605975 时间: 2014-11-11 14:23
无力帮顶

作者: hbsycw 时间: 2014-11-12 23:06
回复 26# forgaoqiang

人少吗？呵呵，这坛子，搞C、C++的多~

作者: ttblmtang123 时间: 2014-11-13 13:22
说说您最为前端工程师，这几年的经历都让您经历了哪些技术浪潮？
RIA技术兴起，HTML5

作为技术人员，哪些技能是最重要的，不是随着各种纷繁复杂方法论和技术潮流而消失的。
javascript, HTML

下一波前端技术的浪潮在哪里？为什么？
在移动终端及HTML5编程，因为现在使用随着手机平板的使用，越来越多的人专注于手机网页的展示及应用开发

作者: henry0712 时间: 2014-12-05 18:43
我中奖了！但是，我发不了短信。请告诉我如何才可以领奖，谢谢！

作者: send_linux 时间: 2014-12-06 22:57

henry0712 发表于 2014-12-05 18:43
我中奖了！但是，我发不了短信。请告诉我如何才可以领奖，谢谢！

非常抱歉，最近新手入门和小有积蓄两个用户组发生了大量用户发垃圾站内短信的事情，所以这个暂时禁止了这两个新手用户组发站短的功能，你的信息可以发邮件给admin2@staff.chinaunix.net，会有人来帮你处理。

作者: caoshanhu 时间: 2014-12-17 15:25
前端工程师

欢迎光临 Chinaunix (http://bbs.chinaunix.net/)