曾经的我怎么也想不到，web前端开领域能发展到今天的样子，但是对于很多想转行学习的初学者，你首先需要先掌握必备的基础知识，以及独立学习及解决问题的技能。下面我们来详谈一下！坐下来详谈
地基-基础：HTML、CSS 和 JavaScript-----网页三剑客
在一开始一个初学者都是蒙圈的状态，不知道自己该学什么是正常的，首先你需要先了解 HTML、CSS 以及 JavaScript 的基本语法，这好比我们盖房子打下的地基，地基有多么牢靠，房子就能盖多高，地基打好了，房子就会变成楼房，学习HTMLCSS是非常容易的，在有人正确指导学习下利用1.5个月的时间就可以完全熟练的掌握网页的静态布局，我接触过很多初学者，一周就把HTMLCSS学完了，过来人告诉你不仅“一点用处没有”而且大大浪费时间，不过每个人的选择都不一样。
接下来我们通过一些练习巩固基本语法，并通过实际编写项目来对其进行掌握和探索，完成3-5个成型的静态界面，穿插知识点融会贯通，最后你需要一些比较好的书籍进行理论知识的灌溉进阶的指导来帮助你深入理解概念。在这个时候一定要记住，书是后面看的，一定不要先看书，以 JavaScript 为例首先我们需要了解变量、赋值、运算符、布尔值、循环、数组、函数等基本语法，并通过写一些快速反馈的习题来帮助自己掌握语法。
接着我们可以编写一些交互式的操作，如对网页中的按钮进行响应事件(在这个过程中你可能会了解到 jQuery)。当到达某一个时间点的时候，你会发现自己对闭包、this、原型链、伪类和子类等这些概念不了解，它们会阻碍着你进一步地探究，这时你就需要高人的指导来帮助你度过难关啦。
冲破牢笼
当你不再苦苦地与 HTML、CSS 以及 JavaScript纠缠时，你就可以接触到一些流行框架、API、以及网站优化的内容，你需要的是更加专业的系统学习，而不是之前学习HTMLCSSJavaScript时的零散学习，毕竟专业和业余之间存在很大差距，能够提供给你系统的前端开发知识，能够让你学完后有掌握必备的基础知识，以及独立学习及解决问题的技能。
下面我们来详细的聊一下：
HTML5新特性语法基础CSS3基础语法应用：成为web前端新时代的科技前沿
响应式网页布局：Bootstrap、响应式图片
JavaScript 高级：if else、array、等基本编程语法概念
JQuery 框架熟练应用开发工具组件
前端开发进阶：
面向对象的 JavaScript：作用域、闭包、this 关键字、原型链、对象修饰模式、函数类、原型类、伪类模式、超类和子类、伪类子类、
HTML 5 Canvas 基础
编写 README 文档
网站性能优化
浏览器渲染优化
Ajax 入门
JavaScript 设计模式
调用地图 API
Jasmine 测试框架
主流框架：
大热之Vue.js，目前国内最常用的框架就是Vue，推荐前端学习者必学的框架，工资涨停被备技能之一。
备选主流框架：angular
备选主流框架：Reatc
我做web开发6年的时间，如果大家对于学习前端的学习方法，学习路线还有以后发展问题有任何疑问，都可以随时来咨询我针对前端的进阶和提升，特邀资深前端工程师直播讲解热门技术、代码案例、面试技巧等。前端开发学习扣qun 767273102 ，无论你是大牛还是小白，是想转行还是想入行都可以来了解一起进步一起学习！内有开发工具，很多干货和技术资料分享！希望新手少走弯路
原文地址：https://blog.51cto.com/14392904/2410171