web前端开发工程师需要掌握哪些技术？

Question

如题所述

Answer 1

第一阶段：Web基础
1.HTML
知识要点：web工作原理、HTML4及HTML5、常见标签、相对路径与绝对路径、HTML5标签
2.CSS+布局
知识要点：CSS基本语法、基本选择器、复合选择器、背景图片、盒子模型、精灵图、常见网页布局、浮动定位、Flex布局、响应式布局、移动端适配、网页动画、CSS3新特性、Less预处理器
第二阶段：JavaScript
3.ECMA基础
知识要点：ECMA基本语法、数据类型、运算符、分支结构、循环结构、函数、常见内置对象的属性和方法、Array、Math、Date、String
4.DOM
知识要点：DOM模型、节点类型、节点的基本操作、JS操作样式表、克隆节点、获取坐标位置、获取元素尺寸、节点的各种属性和方法。
5.BOM+jQuery
知识要点：History、Location、Navigate、定时器、线程、事件循环、web工作原理、性能优化、事件对象、正则表达式、jQuery框架
第三阶段：企业级框架
6.vue框架基本语法
知识要点：vue基本语法、双向绑定、组件传值、条件渲染、列表渲染、事件处理、表单绑定、自定义事件、插槽、过渡、动画、动态路由、嵌套路由、编程式导航、导航守卫、路由懒加载、脚手架、生命周期、vuex、axios、ts、vue3
7.vue案例
知识要点：将知识点融会贯通到案例中。
8.react基本语法
知识要点：react简介、jsx语法、元素渲染、组件和props、state、生命周期、表单、条件渲染、组合继承、hooks、性能优化、redux
9.react案例
知识要点：将知识点融会贯通到案例中
新增内容：微信小程序及uni-app框架
知识要点：
小程序框架（配置/程序与页面注册/路由），开发者工具
小程序框架组件学习（基础/视图/表单/地图/媒体/导航/开发能力）
小程序框架组件学习（地图/媒体/导航/开发能力）
小程序API（基础/路由/界面/网络/数据缓存/位置服务）
小程序API（设备/媒体/开放接口/授权/登录/支付）
第四阶段：前端全栈
10.Node服务器与数据库及框架
知识要点：Node原生模块、跨域、安全校验、数据加密、数据库基本操作、express框架、koa框架
11.Node 项目周/WebPack
知识要点：需求、效果图、编码

Answer 2

　　要想成为一名优秀的web前段开发工程师，首先必须要把基础学好，也就是我们熟知的html+css+div。这些前段的入门技能虽然很简单，但是对以后的发展却有很重要的影响，欲先善其事，必先利其器。只有把基础打好，学习接下去的进阶技能才不会感到吃力，否则容易找不到前进的方向。\x0d\x0a　　其次就是进阶技能学习了，js和html5是现在主流的进阶技能，学好以后加上两年以上的工作经验，拿到10k以上的月薪完全不在话下。但是想要学好这两项技能，说实话是比较难的，可以说是前段学习的一个坎。\x0d\x0a\x0d\x0a　　那么怎么学才能在前段这条路上走得更远呢？\x0d\x0a\x0d\x0a　　尤其是在这个自学人员泛滥的年代，大家都觉得靠自己一个人自学就可以把前段学好，但是这是不现实的，我只能说你不是天才。如果你想要在前段开发这个领域有所斩获，可以来这个裙，前段开发的前面是4-9+4 ，然后前段开发的中间是零+6-4，web前段的后面是九三4，这里每天都有免费的课程可以学习，而且也有很多人和你一起进步，只要你是想学习的就可以加入，如果不想学习就不要加了。\x0d\x0a　　Web前端开发工程师是一个很新的职业，在国内乃至国际上真正开始受到重视的时间不超过10年。Web前端开发是从网页制作演变而来的，名称上有很明显的时代特征。在互联网的演化进程中，网页制作是Web 1.0时代的产物，那时网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。\x0d\x0a　　Web前端开发技术包括三个要素：HTML、CSS和JavaScript，随着RIA的流行和普及，Flash/Flex、Silverlight、XML和服务器端语言也是前端开发工程师应该掌握的。随着时代的发展，前端开发技术的三要素也演变成为现今的：html5，css3，jquery。Web前端开发工程师既要与上游的交互设计师、视觉设计师和产品经理沟通，又要与下游的服务器端工程师沟通，需要掌握的技能非常多。这就从知识的广度上对Web前端开发工程师提出了要求。如果要精于前端开发这一行，也许要先精十行。然而，全才总是少有的。所以，对于不太重要的知识，我们只需要“通”即可。本回答被网友采纳