基础对于代码的学习记忆量很重要，正所谓读书破万卷，​‌‌下笔如有神。写代码也是一样，多写、多练、多忆，好过再多的理论。知道了学习的方法，等于掌握了成功的秘诀，但这还不足以万事具备，新手学习，*重要的还需要制定一条完整的学习阶段。这样学习起来效率是大大地好。

　　学习前端开发HTML5新手大致要分为6大阶段：

　　第一阶段前端页面重构

　　第二阶段JavaScript高级程序设计

　　第三阶段PC端全栈项目开发

　　第四阶段移动端项目开发

　　第五阶段混合（Hybrid,ReactNative）开发

　　第六阶段WebApp后端系统开发

　　懒人目录：

　　第一个阶段：HTML5+CSS3

　　第二个阶段：Web网页开发

　　第三个阶段：JavaScript网页编程

　　第四个阶段：Node.js与AJAX



　　第一个阶段：HTML5+CSS3：*新版Html5+Css3由浅入深教程


　　HTML5：浏览器与浏览器内核、语法及使用、常用标签、语义化、表单元素、HTML5新增标签

　　CSS3：基本语法规范、常用的基本选择器用法与技巧、复合选择器使用、数值与单位、文字文本样式、CSS盒子模型、CSS背景技巧、圆角、阴影、过渡等新属性、定位和浮动、伪类和伪元素、chrome调试工具、CSS高级技巧（精灵图、滑动门、CSS三角等）、CSS常见布局技巧大全、网页开发规范以及流程、CSS企业级网页开发、网页开发常见问题以及解决方案、CSS常见兼容性问题以及解决方案

　　电商项目：Photoshop切图、cutterman插件一键切图、代码组织原则、项目开发实战流程、电商类复杂页面布局规范、CSS初始化技术选择、CSS字体图标使用、布局技巧大全、完整的多页面开发、网页语义化设计、CSS页面模块化开发、复合选择器的应用、复杂网页结构排版、基本变换特效、电商类常见布局问题解决方案

　　本阶段学习关键词：

　　HTML5、CSS3、语义化标签、CSS3新属性、盒子模型、定位与浮动、CSS调试技巧、PS切图、网页特效、静态页面开发、PSD文件还原网页文件。

　　本阶段需要掌握的能力：

　　了解常用浏览器和浏览器内核；

　　了解语义化的概念；

　　掌握HTML语法及使用技巧；

　　掌握CSS语法及使用技巧；

　　掌握DIV+CSS布局方式；

　　掌握常见网页布局模式；

　　掌握HTML5常用标签；

　　掌握Photoshop切图以及插件切图；

　　能够熟练使用开发人员工具进行页面调试；

　　能够完成基本的动画效果；

　　能够根据PSD文件独立完成静态页面的开发工作；

　　能够使用CSS3新属性美化修饰网页。


　　第二阶段：移动web网页开发：移动web开发6天完整

　　月入35k大佬总结：web前端必须学习的内容（附全套前端教程）

　　月入35k大佬总结：web前端必须学习的内容（附全套前端教程）

　　H5C3进阶：新布局标签、多媒体标签、新增表单标签、新增表单属性、2D、3D变换、animation动画、炫酷页面开发

　　Felx伸缩布局：传统布局的局限性、Flex布局优势、盒子父级常见属性设置、盒子子级常见属性设置、携程网Flex移动端页面开发

　　移动端开发：移动端屏幕介绍、移动端浏览器介绍、移动端操作系统介绍、真机调试、viewport视口、rem单位使用、移动端主流适配解决方案、常见移动端样式兼容方案、预处理器less、媒体查询

　　本阶段学习关键词：

　　HTML5标签、CSS3动画、移动端适配、真机调试、rem、flex布局、媒体查询、Bootstrap、Viewport、移动端调试

　　本阶段需要掌握的能力如下：

　　掌握HTML5新布局标签、多媒体标签；

　　掌握CSS3 2D、3D变换、动画效果；

　　了解移动端屏幕、移动端浏览器、操作系统的不同；

　　掌握常用移动端调试方法；

　　掌握常用移动端适配方法；

　　掌握CSS预处理器less的使用；

　　掌握常用移动端框架使用方法；

　　掌握常见移动端页面开发；

　　掌握响应式布局开发；

　　掌握Bootstrap开发响应式页面；

　　掌握适配不同终端的网页开发技术选型。
联系我时，请说是在嘉兴便民网看到的，谢谢！