目前web后端技师月均工作岗位资金缺口已经超过50000，随着网络+的深入发展，html5作为后端展现技术，市场人才供应量将呈直角上涨。
Web后端技师的时时处处是利用HTML、CSS、Java、DOM等各种web专业技能结合产品的介面合作开发，制作技术标准手工代码，并增加可视化功能，丰富网络的Web拓展，致力于改进用户新体验。如今，Web后端技师已经成为各大网络公司必不可少的炙手可热职务，专业人士队伍日益庞大，这其中鲜有零此基础自学者和改行人士。为了方便我们系统而全面的掌握后端此基本知识，小贴士特地整理了web后端合作开发进阶自学示意图，囊括20大两栖作战工程项目的习题详细传授，希望对我们的自学有所帮助。
工程项目一：PC端网站产业布局
所含习题：HTML此基础，CSS此基础，CSS核心特性，CSS式样竹节，继承，盒数学模型，罐子，外溢及原素类型，应用程序相容与宽科熠适度，定位，模版与透明，相片整合，表单，CSS特性与感光
工程项目二：HTML5+CSS3此基础工程项目
所含习题：HTML5新增的原素与特性，配置文件域增强原素，CSS3示例，文本手写体相关式样，CSS3偏转与形变处置，CSS3 2D切换与过度动画电影，CSS3 3D切换与sizes动画电影，弹性盒数学模型，媒体查阅，积极响应式结构设计
工程项目三：WebApp网页产业布局工程项目
所含习题：终端端网页导则，终端端切图，文本INS13ZD/命令行灵活性/相片等比例/特殊结构设计的100%产业布局，等比翻转产业布局，viewport/meta，rem/vw的使用，flexbox简述，终端web特别式样处置（reset, 1px border, 高画质相片）
工程项目四：原生植物Java可视化功能合作开发工程项目
所含习题：基本句法，循环句子，函数与字符串，String与Date，BOM与DOM，事件，拖曳效果，cookie储存，程序语言，Ajax，程序语言此基础，运动与游戏合作开发
工程项目五：程序语言高阶与ES5/ES6应用工程项目
所含习题：Promise/A+，设计模式（观测者模式等），蓝本链，缺省，继续执行句子栈与继续执行句子，表达式第一类与活动第一类，返回值链，闭包，this，ES5，ES6
工程项目六：Java工具库自主研发工程项目
所含习题：DOM库，事件库，AJAX库，蓝本和继承库，MVVM核心库，基于SPA的路由库
工程项目七：jQuery经典可视化特效合作开发
所含习题：时间轴特效，tab网页切换效果，网页定位导航特效，滑动门特效，焦点图轮播特效，导航条菜单效果，瀑布流特效，弹出层效果，倒计时效果，抽奖效果
工程项目八：PHP+MySQL后端此基础工程项目
所含习题：PHP，MySQL，HTTP(s)协议简述，Ajax高阶、跨域与Defered，Apache与Nginx 环境搭建与配置，接口的定义，Mock数据，Restful，前后端联调，后端安全(XSS,CSRF,JSON注入)
工程项目九：后端工程化与模块化应用工程项目
所含习题：Gulp，Webpack，NPM，Git/SVN，CommonJS，AMD，CMD，ES6模块化
工程项目十：PC端全栈合作开发工程项目
所含习题：大首页、列表页与详情页展现与可视化特效、搜索、登录与注册、购物车、jQueryUI 与 jQuery EasyUI、Bootstrap(ACE)、Highcharts/Echarts、ArtTemplate、Velocity、Smarty、云平台系统后端
工程项目十一：应用Vue.js合作开发WebApp工程项目
所含习题：Vue.js此基础，模块化，单文件组件，路由，与服务器通信，状态管理，单元测试与生产发布，服务端渲染SSR与Nuxt.js，基于Vue.js企业级工程项目合作开发(Mint UI, Element UI)
工程项目十二：应用React.js合作开发WebApp工程项目
所含习题：ReactJS此基础，JSX句法，组件，flux+Redux，React，Router路由，动画电影效果，基于React 企业级工程项目研发( Antd, Antd Mobile）
工程项目十三：应用Angular合作开发WebApp工程项目
所含习题：Type 此基础与高阶，合作开发环境配置，Hello World，架构、模块与组件，模板，元数据、数据绑定与数据显示，配置文件，服务与指令，依赖注入，路由，Ionic 3 MUI框架
及功能接入，微信JSSDK接口API，微信场景工程项目合作开发与接入
工程项目十五：微信小程序合作开发
所含习题：微信小程序初探，小程序进阶必学，小程序组件新体验，小程序大功能，工程项目两栖作战带你征服小程序
工程项目十六：React Native
所含习题：React Native 初探，React Native 工程项目导航，React Native 工程项目文本框，React Native 工程项目滚动分页，React Native 项目第三方登录，React Native 其他组件
工程项目十七：各类混合应用合作开发
所含习题：自主原生植物Navtive Hybrid(iOS、Android)，第三方Hybrid框架Cordova/Phone gap，第三方Hybrid框架MUI + HTML5+
工程项目十八：NodeJS全栈合作开发
所含习题：
（1）Node.js此基础工程项目——NodeJS介绍，合作开发环境搭建，模块与包管理工具，CommonJS模块，URL网址解析，QueryString参数处置，HTTP模块，HTTP小爬虫，request方法，事件 events模块，文件 fs模块，Stream 流模块，原生植物路由与参数接收，读取相片文件，npm s，Yarn 与 PM2
（2）MongoDB——MongoDB介绍与环境搭建，数据库常用命令，Collection聚集集合，document文档操作，聚集集合查阅，NodeJS连接MongoDB
（3）GraphGL——GraphQL初探：从REST到GraphQL，GraphGL安装，准备数据源，搭建GraphQL服务器，数据查阅
（4） Express——express 介绍，安装和创建基于Express的工程项目，Express 4.1x 初始化工程项目简述，路由简介，模板引擎EJS，模板引擎Pug（Jade）
（5）Koa——Koa进阶、Koa应用、中间件、Context、async await、请求与积极响应
（6）测试框架mocha——搭建框架、断言assert、工程项目测试、运行多个测试
（7）socket 即时通信工程项目——Socket简介和通讯流程，基于net模块实现socket，WebSocket，Socket.io
工程项目十九：Node.js高级全栈工程项目
所含习题：基于Vue+Node+MongoDB+微信的高级全栈工程项目合作开发
工程项目二十：大数据可视化
所含习题：数据可视化进阶，数据可视化此基础，零编程工具使用：ChartBlocks、Infogram、plotly、Raw、Tableau，D3.js简述，D3.js 进阶，D3.js 高级应用，D3.js 应用工具：NVD3、n3，charts，Highcharts，FusionCharts，Polymaps
在后端自学的起步阶段，最重要的就是要有明确目标和合理的自学规划，为此小贴士特别为我们总结了web后端此基础自学阶段的四大自学要点，希望能让大我们的自学变得更加高效：
一、基本知识的掌握 在我们梳理的知识架构中，按照我们分析的两个维度里最前置的、最浅显的部分，作为打此基础的阶段，必须要在这个过程中更多投入到实践中去，我们通常做的多了、熟练了，就认为这部分知识和内容掌握。
二、常用工具的掌握 对于常用工具的掌握应该掌握一些有大公司或专业团队背景的流行工具，这些工具的熟练掌握能够提升专业度、职业度，同时，能提升我们的工作效率。
三、沟通技巧的掌握 在国内，技术人员通常都是自己制定方案、自己继续执行方案，在继续执行过程中又缺乏相关产品、可视化结构设计等人员的沟通，大多是在自己的思路贯彻下进行合作开发，久而久之，我们习惯于信任自己的观点、在自己的视角看问题，对于挑战总是百般地“据理”力争。我们需要更多提升的是，如何在对方的视角看问题、如何在用户的视角看问题。
四、良好的合作开发习惯 合作开发习惯是养成的，一旦有不好的习惯，对于将来去修正带来的将是很大的麻烦，培养良好的合作开发习惯一定要从起步时做起，例如：写代码之前先分析、先写文档、先写注释等等。
最后希望我们通过自己的努力与自学，都能成为一名能力全栈的web后端技师。
