Question

零基础怎么规划前端学习路线?求web前端开发学习路线图

我对于前端这个课程是零基础，自己什么都不懂，但是我非常的羡慕那些做前端开发发的人，更崇拜把网站功能设计的非常牛掰的人，在网上也看了一些相关资料，但是脑子里一片迷茫，我不知道该如何下手，该怎么去学，哪些知识点先，哪些知识点后，作为零基础的小白，所以我想找一份关于前端的学习路线规划图。

Answer 1

一、计算机基础你是要有的，一些电脑快捷键也要熟练使用，会加大你的工作效率（ctrl+c，ctrl+v之类的）。
二、前端最主要的地方是html、css、javascript，这三个东西是基础，一定要研究透。 最开始肯定是从html语言入手，其次是css，最后是JavaScript。 关于怎么学习，网上有很多编程网站（w3cschool，菜鸟教程，慕课网，极客学院....）很多，如果自学的话，可以上这些网站看看，都是视频教程，一边看一边跟着做。 这三个东西学完了之后，就要开始看一个前端框架（推荐Bootstrap），使用框架会大大提高你的工作效率。
三、你说的那些网站功能，是JavaScript的事，这个东西很重要，一定要学精了。 把它学好，后面在学习什么编程语言会简单很多。

四、现在也不要想那么多，就找一个编程网站看教程跟着练习就可以了，编程这东西最重要的是坚持，多练，多理解，很快就能学会的。至于路径，就是刚才说的，html，css，JavaScript，bootstrap。 把这四个东西学完了，出去找前端的工作是没问题了，如果还想更深入的学习网站，那还要学习后台方面的东西，数据库、PHP、CMS。。 慢慢来，只要每天坚持学习，很快就能上手。
五、如果还觉得迷茫，那就来我们学校吧~~~

Answer 2

想学好web前端，该从哪里入手学习呢？零基础学习web前端学习路线图从哪里可以找到呢？为大家整理完整的web前端学习路线图分享给大家。

web前端学习路线图分享给大家：
1.HTML5介绍
内容包括：（互联网发展趋势、H5语言的优势、简单易学人人都能编程、
H5就业和薪资情况、H5常见的项目与产品、H5的未来与方向）
2.HTML基础
内容包括：（HTML简介与历史版本、常用开发软件、常见标签与属性、
表格与表单、标签规范与标签语义化、实战：网页结构布局）
3.CSS基础
内容包括：（css简介与基本语法、常见的各种样式属性、CSS选择器与标签类型、理解盒子模型与CSS重置、浮动与定位、利用photoshop工具测量样式、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.H5基础项目
内容包括：（项目简介、项目功能演示、项目划分及框架、编写HTML页面结构、设置CSS样式、添加JS交互、可选框架：bootstrap、jquery、PHP等、项目调试及兼容、项目验收）