分享一份让你零基础也可以学习web前端的教程大纲

　　

没有基础想要学好web前端开发，那么该怎么样去学习呢?前端开发是创建Web页面或app等前端界面呈现给用户的过程。前端开发通过HTML，CSS及Java以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。它从网页制作演变而来，名称上有很明显的时代特征。想要学好web前端开发，今天给大家分享一份零基础学web前端的教程大纲。

　　在互联网的演化进程中，网页制作是Web1.0时代的产物，早期网站主要内容都是静态，以图片和文字为主，用户使用网站的行为也以浏览为主。随着互联网技术的发展和HTML5、CSS3的应用，现代网页更加美观，交互效果显著，功能更加强大。这份web前端课程大纲是集合市面上全新的前端技术，适合所有的学习者学习。

　　第一阶段：前端页面重构

　　内容包含了：(PC端网站布局项目、HTML5+CSS3基础项目、WebApp页面布局项目)

　　第二阶段：Java高级程序设计

　　内容包含：1)原生 Java交互功能开发项目、面向对象进阶与 ES5/ES6应用项目、Java工具库自主研发项目)

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

　　内容包含：(jQuery经典交互特效开发、HTTP协议、Ajax进阶与PHP/JAVA开发项目、前端工程化与模块化应用项目、PC端网站开发项目、PC端管理信息系统前端开发项目)

　　第四阶段：移动端项目开发

　　内容包含：(Touch端项目、微信场景项目、应用 Angular+Ionic开发 WebApp项目、应用 Vue.js开发 WebApp项目、应用 React.js开发 WebApp项目)

　　第五阶段：混合(Hybrid,ReactNative)开发

　　内容包含：(微信小程序开发、React Native、各类混合应用开发)

　　第六阶段：NodeJS全栈开发

　　内容包括：(WebApp后端系统开发、一、NodeJS基础与NodeJS核心模块二、Express三、noSQL数据库)

　　第七阶段：大数据可视化

　　内容包含：(大数据可视化化基础与实战、一、数据可视化入门、二、D3.js详解、三、其他JS库)

　　Web前端入门门槛很低，零基础想要学习这门技术也不用担心，只要掌握好的学习方法和学习路径，是可以熟练的掌握这门技术的。的另一个重要体现就是web前端开发符合82定律，也就是20%的东西使用率占到80%。所以很适合囫囵吞枣，因此我们的重点就是把这20%学起来，而首先要做的就是把这20%的东西找出来。前端这20%的东西大概就是常用的html标签，css的盒子模型，基本的原生js，以及熟练使用jquery，ajax，常见浏览器的兼容。

转载于:https://juejin.im/post/5cb5ba096fb9a068aa4b94a2