前端工程师的主要工作内容是什么？
时间：2023-12-01 11:06:01 | 来源：网站运营
时间：2023-12-01 11:06:01 来源：网站运营
前端工程师的主要工作内容是什么？：先来看一下网站开发的流程：
- 前端要参与视觉和交互的评审，完成原型图的切图
- 根据后端/接口文档，进行页面构建和开发，并且不断针对数据和功能相关内容与后端进行沟通
- 前后端功能实现，数据流通之后，测试人员进行功能测试，并记录bug（漏洞），形成文档并交付bug产生方，前后端修补各自bug ，并重复测试；
我们来看2005年的网页大多数长成这样：
现在的网页一般是这样：
实际上无论网页怎么好看、交互功能多，前端最核心的内容还是：
尽管前端工程师所拿到的原型、数据、图都是别的部门提供的，但是前端在网站开发整个过程中起到了衔接的作用。
尽管前端发展很快，很多人纠结
Angular.js、React、Node.js、ES6、ES7、CoffeeScript、TypeScript……似乎永远有太多东西需要学习，有些东西好像比如jQuery还没学明白就被另一些新的技术取代而“过时了”。其最本质的就是前端三剑客：HTML+CSS+JavaScript
从招聘需求作为出发点，总结一下企业对前端的招聘需求：
- 精通 HTML、CSS、JS 基础，熟悉 H5、CSS3 新属性，熟悉 ES6 新特性
- 熟悉响应式，flex 等页面布局方式，熟练使用 less、sass
- 熟练运用 Vue、React 前端开发框架，了解 ReactNative 的基本实现原理
- 熟悉组件间的通信和数据的管理 , 熟练 Redux/Vuex 使用
- 熟悉常见 UI 框架如：Bootstrap、Element-UI、Vant、Ant-design 等
- 熟悉 Webpack 等构建工具
- 熟悉微信小程序开发流程
- 熟练使用 Git 等项目管理工具
- 了解 NodeJS，了解 Express 框架开发
根据上述总结，我们就要开始找到全套学习教程了：
本套线路图，包括了前端的学习路径以及4个阶段，9套课程，共计课程273+小时，1861集。
知识点包括了：HTML+CSS-->移动web->JavaScript基础-->Web APIs->数据交互&异步编程-->Node.js-->Vue2+Vue3-->React核心技术-->微信小程序。
很多小白开始自学前端都是先来背HTML的标签，从HTML、body、div...往下背，跟背英语单词一样，学了背了就忘了，然后失去学习动力。 其实正确的方式是，从静态页面的完成开始，不用过于纠结记住标签，因为很多前端大牛都是通过多年的经验形成了下意识的记忆。 HTML标签明白了之后，开始了CSS学习，什么阴影，圆角、动画等等的，这些都是日常应用。但是这里需要注意的是，要熟练掌握css定位的原理，盒子模型，等等，如果这些没有弄清楚，javascript学习就会遇到困难。
根据上述教程整理了全套笔记给到大家
更多HTML+CSS学习笔记如下（已完结）：- 认识网页 / HTML标签大全 / 表格 / 列表
- CSS入门笔记 / Css样式表 / emmet语法 / CSS的复合选择器 / 显示模式 /
- CSS背景 / CSS三大特性 / 盒子模型 / 圆角边框、盒子阴影、文字阴影
- 浮动知识点汇总 / PS切图 / CSS属性书写顺序（重点） / CSS练手之学成在线页面制作
- CSS定位的4种分类 / 学成在线模块添加 / HTML+CSS之定位（position）的应用
- 案例：淘宝轮播图 / 元素的显示与隐藏 / 土豆网鼠标经过显示遮罩 /
- 【重点】CSS之精灵图 / 字体图标 / 用户界面样式源码 / vertical-align 属性应用 /
- 溢出的文字省略号显示 / 常见布局技巧+案例 / CSS新增选择器 / 盒子模型和其他新特性
HTML+CSS项目《品优购》完整笔记+源码（万字版可复制）：- HTML+CSS大项目1：品优购项目笔记+源码（万字！收藏）
- HTML+CSS大项目2：品优购项目笔记+源码（万字！收藏）
移动开发笔记（更新中）- 移动WEB开发之入门&视口 / 二倍图 / 主流方案选择 / 携程网首页案例制作
- rem基础&媒体查询 / less基础 / rem实际开发适配方案 /
JavaScript最全拔高（更新中） JavaScript面向对象开发相关模式 / JavaScript创建对象简单方式到优化 / JavaScript面向对象游戏案例：贪吃蛇
大家可以根据全部内容，按照自己的时间做好学习计划
- HTML+CSS 25天
- JavaScript 20天
- 环境基础 15天
- 计算机基础 25天
- Bootstrap（15天）、jQuery UI（15天）、Amaze UI；流行的前端框架：jquery mobile、angular.Js（20天）、Vue.js（20天）、React.js（20天）
- Echarts（1周）、tableau（1周）
以上时间安排是每天至少学习6小时的时间安排，大家可以根据每天学习的小时数字型加减天数。
在线咨询
