在中国互联网行业崛起的大背景下，大家普遍对互联网行业发展持乐观态度。Web前端工程师的岗位职责是利用HTML、CSS、Java、DOM等各种web技能结合产品的界面开发，制作标准化纯手工代码，并增加交互功能，丰富互联网的Web开拓，致力于改进用户体验。初级前端的标准是什么?小编认为至少要涵盖如下20大知识体系:
一:PC端网站布局
所含知识点:HTML基础，CSS基础，CSS核心属性，CSS样式层叠，继承，盒模型，容器，溢出及元素类型，浏览器兼容与宽高自适度，定位，锚点与透明，图片整合，表格，CSS属性与滤镜等。
二:HTML5CSS3基础
所含知识点:HTML5新增的元素与属性，表单域增强元素，CSS3选择器，文字字体相关样式，CSS3位移与变形处理，CSS32D转换与过度动画，CSS33D转换与关键帧动画，弹性盒模型，媒体查询，响应式设计等。
三:WebApp页面布局
所含知识点:移动端页面设计规范，移动端切图，文字流式/控件弹性/图片等比例/特殊设计的100%布局，等比缩放布局，viewport/meta，rem/vw的使用，flexbox详解，移动web特别样式处理(reset,1pxborder,高清图片)等。
四:原生Java交互功能开发
所含知识点:基本语法，循环语句，函数与数组，String与Date，BOM与DOM，事件，拖拽效果，cookie存储，正则表达式，Ajax，面向对象基础，运动与游戏开发等。
五:面向对象进阶与ES5/ES6应用
所含知识点:Promise/A，设计模式(观察者模式等)，原型链，构造函数，执行上下文栈与执行上下文，变量对象与活动对象，作用域链，闭包，this，ES5，ES6等。
六:Java工具库自主研发
所含知识点:DOM库，事件库，AJAX库，原型和继承库，MVVM核心库，基于SPA的路由库等。
七:jQuery经典交互特效
所含知识点:时间轴特效，tab页面切换效果，网页定位导航特效，滑动门特效，焦点图轮播特效，导航条菜单效果，瀑布流特效，弹出层效果，倒计时效果等。
八:PHPMySQL后端基础
所含知识点:PHP，MySQL，HTTP(s)协议详解，Ajax进阶、跨域与Defered，Apache与Nginx环境搭建与配置，接口的定义，Mock数据，Restful，前后端联调，前端安全(XSS,CSRF,JSON注入)等。
九:前端工程化与模块化应用
所含知识点:Gulp，Webpack，NPM，Git/SVN，CommonJS，AMD，CMD，ES6模块化等。
十:PC端全栈开发
所含知识点:大首页、列表页与详情页展示与交互特效、搜索、登录与注册、购物车、jQueryUI与jQueryEasyUI、Bootstrap(ACE)、Highcharts/Echarts、ArtTemplate、Velocity、Smarty、云平台系统前端等
十一:应用Vue.js开发WebApp
所含知识点:Vue.js基础，模块化，单文件组件，路由，与服务器通信，状态管理，单元测试与生产发布，服务端渲染SSR与Nuxt.js，基于Vue.js企业级项目开发(MintUI,ElementUI)等。
十二:应用React.js开发WebApp
所含知识点:ReactJS基础，JSX语法，组件，fluxRedux，React，Router路由，动画效果，基于React企业级项目研发(Antd,AntdMobile)等。
十三:应用Angular开发WebApp
所含知识点:Type基础与进阶，开发环境配置，HelloWorld，架构、模块与组件，模板，元数据、数据绑定与数据显示，表单，服务与指令，依赖注入，路由，Ionic3MUI框架等。
十四:微信公众号开发
所含知识点:初识微信公众号，订阅号的基本功能，使用百度BAE实现代码的快速上线，使用Git完成线上代码部署，公众号开发权限及功能接入，微信JSSDK接口API，微信场景项目开发与接入等。
十五:微信小程序开发
所含知识点:微信小程序初探，小程序入门必学，小程序组件体验，小程序大功能，项目实战等。
十六:ReactNative
所含知识点:ReactNative初探，ReactNative项目导航，ReactNative项目文本框，ReactNative项目滚动分页，ReactNative项目第三方登录，ReactNative其他组件等。
十七:各类混合应用开发
所含知识点:自主原生NavtiveHybrid(iOS、Android)，第三方Hybrid框架Cordova/Phonegap，第三方Hybrid框架MUIHTML5
十八:NodeJS全栈开发
所含知识点:
(1)Node.js基础项目--NodeJS介绍，开发环境搭建，模块与包管理工具，CommonJS模块，URL网址解析，QueryString参数处理，HTTP模块，HTTP小爬虫，request方法，事件events模块，文件fs模块，Stream流模块，原生路由与参数接收，读取图片文件，npms，Yarn与PM2
(2)MongoDB--MongoDB介绍与环境搭建，数据库常用命令，Collection聚集集合，document文档操作，聚集集合查询，NodeJS连接MongoDB
(3)GraphGL--GraphQL初探:从REST到GraphQL，GraphGL安装，准备数据源，搭建GraphQL服务器，数据查询
(4)Express--express介绍，安装和创建基于Express的项目，Express4.1x初始化项目详解，路由简介，模板引擎EJS，模板引擎Pug(Jade)
(5)Koa--Koa入门、Koa应用、中间件、Context、asyncawait、请求与响应
(6)测试框架mocha--搭建框架、断言assert、项目测试、运行多个测试
(7)socket即时通信项目--Socket简介和通讯流程，基于net模块实现socket，WebSocket，Socket.io
十九:Node.js高级全栈
所含知识点:基于VueNodeMongoDB微信的高级全栈项目开发
二十:大数据可视化
所含知识点:数据可视化入门，数据可视化基础，零编程工具使用:ChartBlocks、Infogram、plotly、Raw、Tableau，D3.js详解，D3.js入门，D3.js高级应用，D3.js应用工具:NVD3、n3，charts，Highcharts，FusionCharts，Polymaps等。
当然，想要成为一名合格的初级前端工程师，在前端学习的起步阶段，最重要的就是要有明确目标和合理的学习规划，只有这样才能让学习变得更高效。