一、了解前端工程师

1.Web前端工程师是做什么?

Web前端开发工程师,主要职责是利用(X)HTML/CSS/JavaScript/Flash等各种Web技术进行客户端产品的开发。

2.要做哪些事情?
1、为网站上提供的产品和服务实现一流的Web界面,优化代码并保持良好兼容性
2、Web前端表现层及与前后端交互的架构设计和开发
3、JavaScript程序模块开发,通用类库、框架编写
4、利用各种Web技术模拟开发产品原型
5、配合后台开发人员实现产品界面和功能
6、Web新技术调研和资讯整理。

可以分三个阶段

初级:页面搭建

这是比较容易达成,我们只需要能够利用,html、css、和JavaScript将页面搭建出来就可以了,这个时候其实就已经具备一定的生产力,可以称为初级工程师。那么我们要做的事情就是先学习HTML、CSS、JavaScript的语法,然后在学习这三个语言所带来的能力,学习并理解它能让我们有逻辑有条理的把页面实现出来。除此之外,其实有很多初级选手很容易忽略掉的是团队协作的能力。而其中具体到工具来说,就是 Git 的使用。我们进入到团队当中,不是一个人在战斗,所以我们必须掌握代码版本控制工具的基本使用。

在职前端开发,如果你也想学习前端开发技术,可以加入我组建的前端学习交流裙:851 231 348 也可以关注我的
微信公众号:【前端留学生】自己根据多年来的开发经验总结录制的一套web前端精讲视频和学习方法,
以及一些前端学习手册,前端面试题,端开发工具,PDF文档书籍教程,无偿分享给大家。需要的话都可以自行来获取下载。

中级:像搭积木一样搭页面

组件化的思维,现在已经是我们在除了把基础的 HTML、CSS 和 JS 学好之外,马上需要学习的一种前端开发能力,它也是是我们从入门小白,转变成初中级工程师的必备能力。

组件化为我们带来的实质上是整个前端开发思维的转变,原本的开发模式是这样的:画页面框架(HTML)> 写样式(CSS)> 写功能(JS),我们会从上而下地瀑布式地开发页面,并且一个页面往往由单独一个人来开发;而在组件化思维下,我们的开发模式变为:把页面拆解成多个组件 > 分别去实现这些组件 > 将组件搭起来,这样是先拆解,然后从下而上地搭积木式地开发页面,而由于组件之间是相互独立,最后才被组装在一起的,所以我们可以将组件分配给很多个不同的人去并行地进行开发,最后再组装到一起。所以说,组件化给我们带来了质的改变,极大地提升了我们的开发效率。

当然了,除了组件化之外,还有性能优化、设计模式、工具链(构建工具、测试工具、调试工具、持续集成工具等)等,都需要进行学习。

高级:规划、复盘、视野

对于我们前端工程师,甚至包括客户端在内的终端工程师来说,要进阶到技术专家级别,主要是从这三个方面来入手:规划、复盘和视野。当然除了这三者之外,还有再高层次的一个领域就是商业思维,我这里说的商业思维指的是,我们对业务非常熟练,从最初的用技术支撑业务,到通过研究出一些更好的技术,来反向驱动业务的发展的能力。大家都很熟悉的一个例子就是人工智能。但这个能力在终端上并不是很容易做,所以我们主要关注的还是规划、复盘和视野这三个方面,它们是三个不同的方向。

总结

前端的路并不好走,要时刻关注技术前沿,打好基础,才能不断前进。

Web 前端的路该怎么走?相关推荐

  1. Web前端的路该怎么走?

    作者:四哥 https://www.zhihu.com/question/34388831/answer/231745851 前几天群里加进来一个小妹妹,委屈的说自学了好几个月的前端了,好像还没有入门 ...

  2. 前端该不该转后端 .前端的路不知道怎么走,

    我,Scott,一家创业公司的 CTO. 从业 6 年却很少写文章,近一年来接触了几十个刚毕业的前端新人,也面试了 100 多个前端工程师和 Nodejs 工程师,对于前端发展的这个职业算是有些感触吧 ...

  3. web前端之路 第一个脚印

    工作已经两年了,在公司经历过许多,本人也不甚上进,感觉都是用到啥学点什么东西,一直没有真正定位自己的角色,也没有去深入学习一门技术.总是在遇到问题,或者项目需要的时候临阵磨枪去搜索相关文章,直接复制粘 ...

  4. WEB前端工程师的职业发展路线图、怎样做WEB前端职业规划

    20151028整理 ---------- 知乎-Web前端的路该怎么走?(2015年发表) 在规模越大的团队,工作划分得越细腻,专注的点就越深,但同时就可能会被限制在某个狭窄点上,成为某个角落的技术 ...

  5. JavaScript高效学习方法,看完透彻了...最适合web前端初学者的学习方法

    你是否已经初步掌握了html和css,但完全不知道从何入手JavaScript? 如果是,那么这篇文章一定会对你有所帮助,这里总结了5条建议,帮助JavaScript初学者总结学习方法,提高学习效率. ...

  6. Web前端开发推荐阅读书籍-精华

    学校里没有前端的课程,那如何学习JavaScript,又如何使自己成为一个合格的前端工程师呢? 读书吧~相对于在网上学习,在项目中学习和跟着有经验的同事学习,书中有着相对完整的知识体系,每读一本好书都 ...

  7. 我的web前端工作日记11------在腾讯外包的这一年

    说在前面的话 本文只是大概说一下自己在腾讯做了一年前端外包的收获和一些心得感悟,希望自己能客观的描述,能给一些后来者参考取舍,看是否值得去腾讯做外包.写的没啥逻辑,都是想到啥就写啥,所以大家将就着看看 ...

  8. 【转】web 前端研发工程师编程能力飞升之路

    [前言] 所谓的天才,只不过是比平常人更快的掌握技能.完成工作罢了:只要你找到了正确的方向,并辅以足够的时间,你一样能够踏上成功彼岸. 本文将 web 前端研发编程能力划分了 8 个等级,每个等级都列 ...

  9. 裸辞后,从Android转战Web前端的学习以及求职之路

    在互联网的下半场,想要通过开发出一个APP就去创业,几乎不可能,难的不是开发成本,而是运营成本. 前言 我从Android开发转Web前端开发,没有别的原因,纯粹只是因为兴趣.你所见到的网站开发.手机 ...

最新文章

  1. 【GStreamer】gstreamer工具详解之:gst-launch-1.0
  2. django中的缓存 单页面缓存,局部缓存,全站缓存 跨域问题的解决
  3. 如何将Sql Server中的数据表导入到PowerDesigner中
  4. nodejs+grunt配置记
  5. 一套完整的Selenium自动化测试框架设计实战,这次38K, 妥了
  6. Linux lvs 的固定访问
  7. Feescale MX31 bootloader Program : HAB Toolkit
  8. 三星电子时隔近3年再次成为全球最大半导体厂商
  9. 1)vmware station 14下安装linux系统
  10. Java多线程之新类库中的构件DelayQueue
  11. 神州笔记本T6TI-X5黑苹果10.13.6安装教程 i5 7300HQ +HD630+alc269
  12. const char* std::string CString 之间的转换
  13. 工业和信息化部关于贯彻落实《推进互联网协议第六版(IPv6)规模部署行动计划》的通知
  14. 想入门自学编程,应该怎么开始?
  15. Linux 磁盘分区(MBR和GPT,loop详细分区方法介绍)
  16. Word2013中用尾注添加参考文献
  17. 移动端H5实现图片上传
  18. 最好的WordPress搜索引擎优化技巧,你应该完全尝试
  19. oracle 横竖互换,oracle横竖表互转
  20. ssm基于Java和MySql的产业信息管理系统的设计与实现毕业设计源码260839

热门文章

  1. Myeclipse学习总结(7)——Eclipse插件之Maven配置及问题解析
  2. Spring Boot学习总结(2)——Spring Boot整合Jsp
  3. 山东大学网络教育计算机基础考试题,山东大学网络教育计算机网络基础期末考试复习...
  4. python面对对象编程写一个程序有一个汽车_汽车类面向对象编程Python
  5. matlab编写识别手写数字_使用PYNQ搭建手写数字识别工程小白级说明(完整版)
  6. 升级系统服务器出错,win10更新失败80070002错误怎么办
  7. Lync Server外部访问系列PART4:部署反向代理
  8. Java知多少(56)线程模型
  9. Jenkins中Publish Over SSH插件使用
  10. 演示Thread.sleep(100)和Thread.currentThread().isInterrupted()+@Deprecated:将方法标注为废弃的方法...