第一期因为忙着做毕设，而毕设的内容就是做一个ria应用，所以就没参加。。根据周围去了bat实习的小伙伴的反应，第一期的效果很不错，如果能跟下来的话，能把自己的思维理顺一遍，对于我们这种半路出家自学的，效果非常有效。这次参加了第二期，看了一下题目，由于最近正好在做一个类似的图片处理webapp，所以就没参加扬帆班，最后报了启航班，正好最近自己也想做一个这样的笔记系统，和博客整合到一起。群里人非常多，但是可能大部分人都只是一时热情，反正组了三个队友，现在都已经销声匿迹好几天了。已经做好单干的准备了。我觉得，对于几乎所有没有大公司实习经验的前端来说，这都是一个绝佳的机会，尤其是那些没尝试过做项目的。通过这么一次锻炼，逼着自己去熟悉一次简单的开发流程，肯定是非常好的体验。对于我而言，其实我单纯地是想在这个过程中顺带把php好好也学一下，还想把刚看的angular给用上（然而并没有什么卵用，这个礼拜的任务不让用框架）。百度前端的这次培训，我觉得堪称业界良心，全部公开，比起某易的收费课，还有数字的仅限于北京地区的培训课，收益群众广的多了，点个赞
那我来谈谈做高级题的体会，正好作为我做这个项目的总结。&br&&br&我的作业在：&a href=&///?target=https%3A///Ovilia/Polyvia& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Ovilia/Polyvia · GitHub&i class=&icon-external&&&/i&&/a&&br&是一个输入图片或视频自动输出 Low Poly 风格的网页版应用。&br&效果可以是这样的：&br&&img src=&/9dd030cad06655bdc99721d_b.png& data-rawwidth=&825& data-rawheight=&550& class=&origin_image zh-lightbox-thumb& width=&825& data-original=&/9dd030cad06655bdc99721d_r.png&&&img src=&/6b5e3efabdeb_b.png& data-rawwidth=&828& data-rawheight=&550& class=&origin_image zh-lightbox-thumb& width=&828& data-original=&/6b5e3efabdeb_r.png&&&img src=&/de8d0b5d0b2fdea3e221935bdea2f0de_b.png& data-rawwidth=&825& data-rawheight=&550& class=&origin_image zh-lightbox-thumb& width=&825& data-original=&/de8d0b5d0b2fdea3e221935bdea2f0de_r.png&&&br&（以上图片的输入图片来自 Public Domain）&br&&br&这一期高级班的题目列表在：&a href=&///?target=https%3A///baidu-ife/ife/tree/master/2015_spring/task%23& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&ife/2015_spring/task at master · baidu-ife/ife · GitHub&i class=&icon-external&&&/i&&/a& 下面的高级班（顺便吐槽一下知乎的链接没法识别 URL 中文锚点）&br&&br&我为什么要参加这个项目呢？说起来当时已经过了百度的面试了，所以说到是想作为能力的证明倒也不尽然。我可以说我是冲着“高级班”这三个字去的么……听起来很高级呢！对于这样有挑战性又在能力所及范围附近的任务，我觉得对于我来说是很有吸引力的。但是那段时间忙论文真是忙疯了，所以决定做这个项目对我来说也是下了很大决心的，因为我总觉得报名了要做最后又没做出来，还是挺减分的（此处并没有含沙射影的意思）。&br&对了，当时 &a data-hash=&928f262e91ec521a4197& href=&///people/928f262e91ec521a4197& class=&member_mention& data-tip=&p$b$928f262e91ec521a4197& data-hovercard=&p$b$928f262e91ec521a4197&&@祖明&/a& 说有奖励小红花的！我可记着呢~ 我觉得至少整理个最终完成项目的学员的列表吧，当然他们最近实在太忙了~&br&&br&下面谈谈自己的感受。&br&从第一个 commit 到提交作业大约经历了两个月，当然也不是每天在做这个，我觉得还是我的论文占了我更多的时间。用 Toggl 记录下的工作时间是 60 小时，实际花的时间应该在 100 小时以内，有时候会忘记记录。（顺便说一句，我真的很喜欢统计数字和数据可视化，我手机上装了四五个各种统计软件，等我稍微闲一点，我想做一个一体化的记录软件，统计数据间的关联。但是，首先……我得闲得下来啊……）&br&看到这个题目的时候，我心里还是比较有底的，因为之前对 Three.js 还算熟悉，图形图像处理也算我们数字艺术媒体实验室的专业范围了，唯一有技术风险的可能就是三角化那块具体的实现当时并不了解。不过呢，祖哥哥 &a data-hash=&928f262e91ec521a4197& href=&///people/928f262e91ec521a4197& class=&member_mention& data-editable=&true& data-title=&@祖明& data-tip=&p$b$928f262e91ec521a4197& data-hovercard=&p$b$928f262e91ec521a4197&&@祖明&/a& 给我安排了沈大侠 &a data-hash=&fba5ac7480f0& href=&///people/fba5ac7480f0& class=&member_mention& data-editable=&true& data-title=&@沈毅& data-tip=&p$b$fba5ac7480f0& data-hovercard=&p$b$fba5ac7480f0&&@沈毅&/a& 指导，这就让我心安不少~ &br&说到这位沈大侠呢，确实有点大侠风范。我碰到问题一般比较喜欢自己想各种办法解决，实在不行了再问他，所以等到问他的时候，我已经实在是想不出办法了，但就是这样，每次问他的问题基本上他都能分分钟解决，这一点实在让我太佩服了！&br&扯远了……但其实这也是正题，我想说的是，&b&做百度前端技术学院的项目，不仅仅是让你学技术来的&/b&。这当然是一个很好的集中学习技术的平台，但是它带来的额外收益可能更为重要。尤其是对于做高端题的同学们，做一个项目接触到的技术是非常有限的。比如我做这个项目，技术方面的收获可能主要还是对三角化算法的掌握，而这种技术出了这个项目被用到的可能性非常小，但千万别忘了你的软实力和学到的软技能。对我而言，找到沈大侠这样的努力目标就是一种非常重要的收获。为什么呢？因为说起来我们的技术栈和典型的前端还是有点差别的，可能偏图形图像可视化多一点。平时在前端圈子里比较少见这样的人，所以还颇沾沾自喜，这就容易止步不前，做了点酷炫的东西被别人叫几句大神就得意忘形了。而找到技术栈很相似的人，就很容易比较出差距，这差距也就是努力的方向和动力了。经过几个月的接触，我发觉水平的确差了好几个 level，虽然我们是同龄的啊，毕竟人家是大侠~&br&当然，收获的另外一方面也是让更多人发现我认识我。我也不知道为什么 GitHub 上 200 star 项目都没有的人会有一千多个粉，但这好像也是对我本身的一种很好的注解：“啥本事也没有却先被混成脸熟了，很不好”（原话是勾股老师谦虚说自己的，但是我觉得我也是这样）。虽然现在对涨粉没什么兴趣了（你看我这里都不贴 GitHub 地址），但是 star 多一点我也不会拒绝啊~&br&&br&总结来看，百度前端技术学院真的是很值得一做的项目，导师投入了很多时间和精力，如果有时间的话，一定来报名哦！&a href=&///?target=https%3A///baidu-ife/ife& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&baidu-ife/ife · GitHub&i class=&icon-external&&&/i&&/a&
那我来谈谈做高级题的体会，正好作为我做这个项目的总结。我的作业在：是一个输入图片或视频自动输出 Low Poly 风格的网页版应用。效果可以是这样的：（以上图片的输入图片来自 Public Domain）这一期高级班的题目列表在：
作为第一期第一个任务第一个提交的来答一发~&br&&img data-rawwidth=&640& data-rawheight=&477& src=&/adf98ca086287ccde9bbc80_b.jpg& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&/adf98ca086287ccde9bbc80_r.jpg&&&br&首先IFE并不是传统的授课制度，而更像是自主学习的指导，百度IFE的作业、资料都是公开在github上的：&a href=&///?target=https%3A///baidu-ife/ife& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&baidu-ife/ife · GitHub&i class=&icon-external&&&/i&&/a&&br&&br&这是我自己完成的作业：&a href=&///?target=https%3A///starkwang/IFE-Homework& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&starkwang/IFE-Homework · GitHub&i class=&icon-external&&&/i&&/a&&br&&br&&b&任务方面&/b&&br&我参加的是中级班，所以作业都是要跟着大家一起走的。第一期的作业给我的感觉整体偏基础但是都很实用。&br&&br&第一个作业（&a href=&///?target=https%3A///baidu-ife/ife/tree/master/2015_spring/task/task0001& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&ife/2015_spring/task/task0001 at master · baidu-ife/ife · GitHub&i class=&icon-external&&&/i&&/a&）是给了四张博客的设计图，要求只能使用HTML/CSS画出来，不能用JS。其中除了第三张的瀑布流（只是静态的）有点麻烦以外，没有遇到太大的困难（所以竟然变成了第一个提交的人）&br&最后review的时候发现自己CSS的类名、HTML的dcotype、一些头标签都是不太规范的，平时很少注意这个问题，后来被大大指出来了。&br&&br&第二个作业（&a href=&///?target=https%3A///baidu-ife/ife/tree/master/2015_spring/task/task0002& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&ife/2015_spring/task/task0002 at master · baidu-ife/ife · GitHub&i class=&icon-external&&&/i&&/a&）是自己写一个util.js，里面实现了很多底层的方法，比如数组去重、鸭式判别、事件绑定等等……其中最有挑战的是自己实现一个querySelector，这一块要对正则表达式、DOM非常熟悉才能写得出来，最后自己竟然写出来了而且竟然能跑，虽然性能上比sizzle还差得远但是我只有不到100行呀（逃&br&&br&第三个作业（&a href=&///?target=https%3A///baidu-ife/ife/tree/master/2015_spring/task/task0003& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&ife/2015_spring/task/task0003 at master · baidu-ife/ife · GitHub&i class=&icon-external&&&/i&&/a&）比较复杂，是一个用localStorage实现的日程记事管理，不能使用任何现有的前端框架、类库，但可以用之前写的util.js。这是我第一次真正&b&从零开始&/b&写一个较复杂的前端应用，所以写完之后（大概600多行）才发现自己还是在用频繁的DOM操作那一套思路去写应用，而不是用MVC或者MVVM之类的结构去写，导致后期代码有点失控，虽然写完了但还是感觉不够优雅，打算自己将来用react或者angular去重写一遍。相关的思考我写了一篇博客：&br&&a href=&///?target=http%3A////%25E4%25B8%25BA%25E4%25BB%%25B9%%E4%25BB%25AC%25E9%259C%%25A6%2581MVC%25EF%25BC%259F/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&/2015&/span&&span class=&invisible&&/05/15/%E4%B8%BA%E4%BB%80%E4%B9%88%E6%88%91%E4%BB%AC%E9%9C%80%E8%A6%81MVC%EF%BC%9F/&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&br&&br&第四个作业（&a href=&///?target=https%3A///baidu-ife/ife/tree/master/2015_spring/task/task0004& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&ife/2015_spring/task/task0004 at master · baidu-ife/ife · GitHub&i class=&icon-external&&&/i&&/a&）是为第三个作业写一个移动端，但不要求添加/删除的功能，并且放开了框架类库的限制。于是乎我用了之前在各种前端会议上被安利的react，用了之后发现，react大法其实也不是那么好（逃）React本身并不是一个完整的框架，而更像是一个适合组件化开发的高效模板引擎，但是原生的react缺失了service、路由、事件系统等等一系列框架需要的东西，需要自己补充（或者用flux？）这也和FB喜欢小、短、快的东西有关吧？&br&&br&四个任务下来给我的感觉就是：&br&&ol&&li&限制了类库的使用让干货变多了，曾经信手拈来的一些类库可能原生实现起来非常复杂。&br&&/li&&li&限制了框架的使用让我们更多地去思考“为什么代码要这样写”，而不是“用这个框架要怎么写”。&/li&&/ol&&br&&b&成员方面：&/b&&br&&br&IFE第一期参加者都是在校的大学生，有本科生也有研究生，像我这种大二就跑进去凑热闹的也有几个。&br&&br&水平方面的话，从初级班的入门水平到高级班的 &a data-hash=&0999189bddb6ba96ac860efb& href=&///people/0999189bddb6ba96ac860efb& class=&member_mention& data-editable=&true& data-title=&@Ovilia& data-hovercard=&p$b$0999189bddb6ba96ac860efb&&@Ovilia&/a&姐姐这种水平都有，也算是让我开了一下眼界吧0w0&br&&br&另外百度方面，主要是&a data-hash=&928f262e91ec521a4197& href=&///people/928f262e91ec521a4197& class=&member_mention& data-editable=&true& data-title=&@祖明& data-hovercard=&p$b$928f262e91ec521a4197&&@祖明&/a&大大在管整个课程，工作之余还要弄这个东西真是蛮辛苦的。另外还要感谢EFE的工程师们能付出精力review我们写得很矬的代码0.0&br&&br&&b&后话：&/b&&br&课程末期我得到了内推面试了EFE的实习，然而二面因为实习时间太短被挂了QAQ 暑假这两个月就只能在堆糖干了。&br&&br&暑假也同样有IFE的课程哦&a href=&///?target=https%3A///baidu-ife/ife/tree/master/2015_summer& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&ife/2015_summer at master · baidu-ife/ife · GitHub&i class=&icon-external&&&/i&&/a&，而且这次的作业似乎比较好玩？不管你参不参加反正我是参加了/w\
作为第一期第一个任务第一个提交的来答一发~首先IFE并不是传统的授课制度，而更像是自主学习的指导，百度IFE的作业、资料都是公开在github上的：这是我自己完成的作业：任务方面我参加的是中级班，…
已有帐号？
无法登录？
社交帐号登录
multimedia/pm/coder/film cutter/b-boyweb前端是怎样一种体验
　　大家对已经不再陌生了。但是依然有很多想转行前端的父老乡亲们对前端到底是怎样一种职业感到困惑，今天我们就来深度扒一扒前端攻城狮这种生物到底是什么角色？ 　　 & 　　1.心思细腻的用户　　前端工程师的首要工作就是开发用户界面，在web系统中，就是指网页了。&　　前端工程师是用户体验的把控者，在产品经理构想出交互原型，设计师设计出交互细节后，他们就用他的双手一行行敲出这些代码。他敲出的每一个按钮，每一张图片，都被成千上万的用户点击着，可以说是与用户“零距离接触”。作为产品交互的实现者，除了HTML、CSS这两门语言要精通外，对前端要求更高的其实是非技术因素。　　web前端需要对用户体验有较深的理解。正如《瞬间之美》中提到的那样，touch到用户的内心只需要一瞬间。对用户体验的理解，还体现在对一些交互常识的把握上。比如用户操作某个软件的界面，会感觉它很灵巧，却具体说不出到底是哪里。那么很可能是这个界面上的按钮有着设计良好的四态（正常、鼠标移上、鼠标按下、不可用），它会随时对你的操作给出反馈。　　同时，web前端需要有一点强迫症。这体现在对任何瑕疵的不容忍。比如采用技术手段让页面的滚动更平滑些，减少页面的视觉抖动，像素级别的定位校准。当用户触碰的内容是一串非电话号码的数字时，不要让手机自动调出拨号功能，等等。很多细节是产品经理无法感知的，因为这些都是很零散的技术手段 。再有极致者，追求让页面的响应时间再减少几个毫秒，让你的手机少耗几KB流量，少耗一些电量。这些甚至连用户都无法感知，但是当你的用户有百万级别或者千万级别，这样做的价值就显现出来了。　　前端工程师需要是一个心思细腻之人，需要对美有所领悟，需要执着地追求完美，需要有品味，有思想，有大局观，最好还能懂点心理学。 　　2.编程大神　　做出优雅的界面只是前端工程师的第一步，编程也是必备技能，前端承担着处理用户端业务逻辑的任务。放在以前，用户端就是个IE浏览器，没有什么业务逻辑可言。但现在不同了，用户使用浏览器发表文章、进行社交活动，更复杂的能使用在线工具完成工作。　　javascript就是需要掌握的编程语言，他应该通晓这门语言的优势和缺点，掌握各种编程思想、开发模式。利用各种技巧实现交互越来越丰富的界面，同时还要与服务端的工程师沟通，调试接口，完成：页面展示——响应用户操作——提交用户数据——反馈操作结果这一系列流程。　　从这一点上，要求前端工程师要有软件开发的基础，了解计算机的基本原理，网络通信的基本原理，所以计算机相关专业出身的前端会更有优势一些。 　　3.&架构大神　　写写网页也要架构？有什么好架的？回答这个问题首先得明确一点，前端的工作内容已不再是「写写页面」这么简单。随着前端代码的规模越来越大，逐渐涌现出了模块化开发、MVC、MVVM等开发模式。团队规模也从原来的单兵作战演变为团队开发。　　所以，一个高级前端工程师，要有架构能力。这个架构能力包括不限于：　　对现有优秀框架的了解与整合使用　　根据项目的业务特点构建出合适的开发模式　　设计前端测试方案保证代码质量　　用工程化方案组织起团队的开发流程。 　　4.&物联网大神　　物联网的市场越来越热了，手机是物联网体系中的一个关键节点。前端工程师的战场已不再是单纯的浏览器，将来会覆盖到各种「端设备」上。得益于javascript语言的灵活性，现在用javascript已经可以开发windows应用、ios应用、android应用，可以编写智能电视上的应用。将来，或许是VR、可穿戴设备、智能家电。这是前端可以向前延伸的方向。　　另一方面，由于nodejs的横空出世，javascript这门语言竟然神奇的有了服务端的能力。之前用java、PHP做的事情，js同样可以实现了。本来前端阵营中就有一批人是从后端转过来的，有服务端开发的基础，得了nodejs这一利器，再加上现在市场的需求，快出产品，敏捷开发，前端工程师向后延伸的路线宽广而明亮。事实上，全栈工程师的概念在前年就被提出，BAT这样的业界领头羊早已用nodejs做一些基础设施的建设，而很多小而快的创业公司，也在用nodejs进行快速迭代开发。 　　&5. 前沿技术学习者　　前端领域的技术更新相对于其他领域要快很多，原因大概也是因为这个领域离用户最近吧。有一些新的技术甚至是颠覆性的，前端工程师必须要跟上时代的步伐。　　有一些市场人员提出的需求，产品经理根据多年的经验评估后觉得无法实现，就被打回了。而事实上，随着新技术的出现，有些你认为无法实现的功能已经可以在前端实现了。而这些新东西，就需要前端工程师来不断学习。所以，一个称职的前端必须能够保持持续学习能力，能够对新技术有敏锐的嗅觉。活到老，学到老，说的就是前端工程师。 　　6.高情商的程序猿　　大多数人对程序猿的印象就是情商低、不善言谈。但前端工程师应该是个例外，这是由工作性质决定的。　　从工作流程来看，他要接设计稿，转化为网页。同时又是后端工程师的上游，需要把用户产生的数据提交到服务端。横向来看，他又与产品经理有着密切接触，因为他可能随时和产品经理探讨交互的细节。这样一个连接着团队中的其他成员的角色，需要他既是一个粘合剂，又是一个润滑剂。 & & & & 如果做到以上几点，毫无疑问，你是一个牛逼的前端工程师，给你100分，拿去随便骄傲。但是目前笔者还有一些差距呀，所以必须紧跟步伐，不断进步，与各位共勉！ 推荐阅读：& & & & & &　　推荐视频：　　——————　　版权保护声明：本文仅代表作者观点，麦子学院可能会进行删节修改，但不代表麦子学院的官方立场。我们极其尊重并保护原创作品的版权，若原作者有任何疑问，请联系微信号：chengxuyuan8。
后参与讨论
没有更多评论了
77课程543天学习时长
22682人正在学习
Copyright (C)
麦子学院 All Right Reserved. 蜀ICP备号-4
服务热线：400-862-8862
还没有账号？
其他方式登录
滑动完成验证
重发验证码
手机短信验证码已发送，请查收！参加百度前端技术学院是 一种什么样的体验_百度知道