前端与移动开发学习线路图
前端开发总的线路图，这里只是说了一下知识点，下面有更精准的阶段学习，含配套视频。
第一阶段：
能学到什么？会做什么？
掌握 HTML 语法及使用技巧；掌握 CSS 语法及使用技巧；掌握 DIV+CSS 布局方式；掌握常见网页布局模式；掌握 HTML5 常用标签；掌握 Photoshop 切图以及插件切图；能够熟练使用开发人员工具进行页面调试；能够完成基本的动画效果；能够根据PSD文件独立完成静态页面的开发工作；能够使用CSS3新属性美化修饰网页。
配套视频：
Web前端入门教程_Web前端入门视频教程
第二阶段：
能学到什么？会做什么？
掌握 HTML5 新布局标签、多媒体标签；掌握 CSS3 2D、3D 变换、动画效果；了解移动端屏幕、移动端浏览器、操作系统的不同；掌握常用移动端调试方法；掌握常用移动端适配方法；掌握 CSS 预处理器 less 的使用；掌握常用移动端框架使用方法；掌握常见移动端页面开发；掌握响应式布局开发；掌握 Bootstrap 开发响应式页面；掌握适配不同终端的网页开发技术选型
配套视频：
移动web移动教程
第三阶段：
能学到什么？会做什么？
能够掌握 JavaScript 基本语法；掌握常见 JavaScript 算法；掌握 DOM 的各种操作；熟练使用面向对象思想进行 DOM 编程；掌握 JavaScript 的高级语法；熟练使用 jQuery 操作 DOM；熟练使用和编写 jQuery 插件；独立完成电商网站的页面搭建（包括 HTML 结构、CSS 样式、JavaScript 特效）；掌握应对业务编程的能力；掌握 JavaScript 常见兼容性方案；掌握团队合作开发流程。
配套视频：
JavaScript教程_JavaScript视频教程
JavaScript-高级面向对象视频教程
第四阶段：
能学到什么？会做什么？
能够建立客户端服务器交互模型，熟悉网络通信相关概念；能够使用 Node.js 进行 Web 服务端开发；能够掌握 JavaScript 异步编程模型；能够掌握 JavaScript 模块化编程方式；能够使用 Node.js 操作 MySQL 数据库；能够理解 HTTP 协议；熟悉原生 Ajax 请求流程与细节，并掌握常见跨域技巧；能够基于 jQuery 的 Ajax 相关 API 熟练开发常见的前端功能；能够独立开发基于后台接口的动态网站、Ajax 数据交互的项目；能够独立完成企业网站从前台到后台的基本开发工作
配套视频：
web前端教程Ajax教程
Nodejs教程精讲
第五阶段：
能学到什么？会做什么？
掌握使用 D3.js 进行大数据可视化交互开发；能够掌握使用 Vue 技术栈进行项目开发；能够掌握使用 React 技术栈进行项目开发；能够掌握源代码管理工具的使用；能够熟练掌握前后端分离开发模式；能够掌握使用主流框架开发门户网站、管理系统、移动 Web 等客户端；能够掌握 Webpack 项目构建配置流程；能够掌握 Web 项目的部署与发布模式；能够掌握常见网站业务模块开发。
配套视频：
Vue.js深入浅出教程
reactjs入门教程
ReactJs精品教程
第六阶段：
能学到什么？会做什么？
能够掌握小程序的开发基础；能够独立开发小程序项目；能够掌握 Canvas 的使用；能够掌握小游戏开发基础；能够独立开发小游戏项目；能够掌握小程序/小游戏的部署与发布；能够掌握小程序开发框架 WePY 的使用；掌握第三方 AI 平台的使用。
配套视频：
小程序实战开发
第七阶段视频正在抓紧时间录制中，等有了消息，偶会第一时间更新的，以上就是零基础前端开发初学者如何系统学习了！
idea无法修改页面？
第一，可能你没引用该css 第二，可能你选择器的优先级不够 第三，可能被后面的css覆盖掉了 第四，可能是js动态改变了该css 第五，你没有进行底层刷新清除缓存样式
为什么偶在idea里面改了css样式网页不变？
第一，可能你没引用该css第二，可能你选择器的优先级不够第三，可能被后面的css覆盖掉了第四，可能是js动态改变了该css第五，你没有进行底层刷新清除缓存样式
学HTML5要学些什么知识？
对于想从事IT工作的人们来说，HTML5前端开发是一个不错的切入点。学习的门槛低，而且与后端语言相比，前期没有那么多抽象的知识需要理解，HTML5的学习曲线是先快后慢的。
对于HTML5零基础的人员来说，可能看到一开始有许多的知识点，就会觉得基础知识很多、很难学，其实只要规划好了一条学习路线，学习的时候更有针对性，HTML5远没有看起来那么难，知识点也没有你想的那么复杂。
1、HTML5介绍
内容包括：(互联网发展趋势、HTML5语言的优势、简单易学人人都能编程、H5就业和薪资情况、HTML5常见的项目与产品、HTML5的未来与方向)
2、HTML基础
内容包括：(HTML简介与历史版本、常用开发软件、常见标签与属性、表格与表单、标签规范与标签语义化、实战：网页结构布局)
3、CSS基础
内容包括：(CSS简介与基本语法、常见的各种样式属性、CSS选择器与标签类型、理解盒子模型与CSS重置、浮动与定位、利用PS工具测量样式、HTML+CSS开发网页、实战：仿电商首页效果)
4、CSS3基础
内容包括：(CSS3常见样式、CSS3选择器、变形与动画、3D效果与关键帧、弹性盒模型）
5、移动端布局
（移动端基本概念、viewport窗口设置、移动端布局方案、rem、vh、vw等单位、响应式布局、bootstrap框架)
6、JavaScript基础
内容包括：(JS简介、JS变量、数据类型与类型转换、运算符与优先级、流程控制-if..else流程控制-switch…case、流程控制-while、do..while、for循环、break、continue语法、函数定义与调用、全局变量与局部变量。还有函数传参与返回值、函数作用域与变量作用域、DOM的基本操作、定时器使用、this指向与修改指向、数组、字符串等方法操作、时间对象与正则对象、掌握常见BOM操作、常见事件与事件细节、JSON与AJAX、JSONP跨域操作、前端cookie的使用、实战：JS配合HTML与CSS完成电商项目)
7、jquery框架
内容包括：(jquery框架介绍及优势介绍、jquery核心思想、jquery常见方法、jquery动画操作、jqueryAJAX操作、jquery工具方法、利用jquery快速开发网页)
8、PHP基础
内容包括：(PHP简介与基本语法、mysql数据库及sql语法、apache服务器与集成开发工具、PHP链接数据库、PHP与AJAX交互、实战：留言板、登录、注册等)
9、HTML5基础项目
内容包括：(项目简介、项目功能演示、项目划分及框架、编写HTML页面结构、设置CSS样式、添加JS交互、可选框架：bootstrap、jquery、PHP等、项目调试及兼容、项目验收)
虽然HTML5前端薪资高入门门槛低， 但是俗话说得好：入门容易，精通难。HTML5前端开发的知识点繁多，要想真正掌握HTML5前端工程师开发技能，并非易事，因此什么时候也不要忘记多学习，多思考，多练习。
