有人问我前端课程难吗？这怎么说呢！天下事有难易乎?为之,则难者亦易矣 不为,则易者亦难矣。
能不能自学成功贵在自我的坚持当然还有配合正确科学的方法。我负责科学的方法你负责坚持。
首先你需要一台个人电脑，最好不要是台式机，笔记本更佳，MAC系统的毕竟本更好，如果你的财力允许的话。笔记本更便于携带，几乎每个前端工程师都有自己的笔记本电脑，Mac系统更稳健好用，不像Windows运行几年就变慢了。
其次你需要安装一款适合自己的前端开发软件，也就是你的开发工具。
”假舆马者，非利足也，而致千里；假舟楫者，非能水也，而绝江河。君子生非异也，善假于物也。”--《劝学》
有一刻合适的开发工具会让你的效率提高很多，事半功倍。那么有哪些开发工具呢？
Dreamweaver是个由Macromedia公司所开发的著名网站开发工具，一个很古老的前端网站开发工具，多数前端工程师都用他起步的，DW的好处是，有设计和源码两种模式，所见即所得，功能齐全，非常适合刚入门的工程师，但不推荐大家使用DW ，虽然他功能强大但很多功没什么实际用处，所见即所得的开发方式也不利于工程师成长，重点是不免费啊，还的费劲儿去找破解版。
Visual Studio Code中文版是微软推出的带 GUI 的代码编辑器，软件功能非常强大，界面简洁明晰、操作方便快捷，设计得很人性化。软件主要改进了文档视图，完善了对 Markdown的支持，新增PHP语法高亮，功能强大很多插件，安装方便，重点是免费，但还是不推荐初学者使用。
Sublime Text是一个代码编辑器也是HTML和散文先进的文本编辑器，虽然 一个轻量级的编辑器，但有丰富的插件和第三方支持，插件需要翻墙安装，对于初学者也不是太合适，不推荐使用。
WebStorm 是一款比较Nice 的JavaScript开发工具，被众多前端工程师誉为“Web前端开发神器” 主要是各种提示比较给力，而且除了代码管理，还提供了对ES6的支持。打开有点慢。可以选择使用。
hbuilder是一款知名的且广受好评的专门为前端研发的开发工具，而且全中文，语法库齐全和浏览器兼容数据、可以方便的制作手机APP、最保护眼睛的绿柔设计等特点。支持HTML、CSS、JS、PHP的快速开发。。其强大全面的提示功能、调试等功能，让程序员用起来感觉非常顺手，而且是免费的，推荐初学者使用。
没错记事本也能做为前端的开发工具，但很少有人使用这玩意儿，完全不推荐初学者使用。
好了工具装完了，完事具备了只欠东风，是不是就可以开始学习了呢？
莫慌，我们再看看网络上有哪些能帮助我们学习的网站。初级阶段不用花钱看免费的资料就行。网络上一抓一大把，主要是你的学会找到这些资料。
在线教育机构有很多，他们会提供一些免费的视频和成体系的课程，不过也是鱼龙混杂，死了一批活了一批。我推荐给不错的网站，供大家参考。
声明：所有排名不分先后
成立于2014年02月
极客学院也是一家纯粹做线上的在线教育平台，开设课程有前端，Python，go，Android和iOS。极客学院不同之处在于其模式类似于硅谷的培训机构Udacity，通过包月与包年的会员制，为学生提供相应的课程视频、文档资料。并且试水“一对一”的在线教育模式，当然了极客的模式和传统的“一对一”有所不同，极客学院的“一对一”主要指老师为学生一对一批改作业等，而在授课方式上，采取的依然是一对多模式。。
成立于2012年05月
麦子学院是比较纯粹做在线教育的IT培训教育平台，课程体系根据用户人群需求不同分为自学课和企业直通班（有导师进行跟踪辅导，基本上可以看做是把线下的培训模式实现了在线化），开设的课程种类非常的多，几乎涵盖了互联网的各个领域。
教学模式纯粹的在线化，课程可以在官网上找到，课程制作相对比较优质。
成立于2013年8月
慕课网主打免费IT技能培训，当然了现在也有收费的实战项目课程。慕课网在所有的在线培训平台中算是口碑比较良好的一个吧，这可可能和其免费优质的策略有关。就课程体系而言慕课网也几乎涵盖了所有的课程分类，课程特色为其规划好的一些职业体系，方便一些自学入门的用户可以按部就班的获得一个系统的知识体系。其次慕课网内置的代码编辑器也是非常的出色，所见即所得不需要配置本地环境，更加快捷，省去了很多的麻烦。
成立于2016年4月（进入国内的时间）
优达学城是一家来自硅谷的在线教育机构，“骨骼清奇”和硅谷多家世界知名企业达成合作，这也展示在其课程上，像人工智能，自动驾驶等课程算是国内独树一帜，但是对于国内大部分的学习者来说，其英文的课程是一个不小的挑战。优达学城独具特色的地方在于课程免费， 对一些认证考试和就业介绍进行收费，作为其盈利点。
在其进入国内，根据国情也对少数的课程添加了汉语字幕，其次也努力的和国内的一些互联网企业寻求合作，目标群体基本上定位在专业度高计算机基础稳固的人群。
当然还有很多其他在线教育的网站，不过大多上来就弹窗，问你要不要报名啊，想尽办法让你花钱，烦。
不喜欢看视频的同学可以选择 W3C 菜鸟教程。这个教程简单易用，非常适用于初学入门者。
首先学习html5 了解各种标签的使用以及什么是语义化。当然只看html5是远远不够的，接下来就是css了。html5只是页面的结构编写更多美好的工作还需要css来完成，具体的学习周期大概2~3周，大家就能记的差不多了。
大家在菜鸟教程中可以到css和css3两种教程，学习顺序别搞错了是学完css再学习css3,因为css3是作为css的一个补偿存在的。
学习完css3就到了JavaScript学习阶段了
JavaScript 是 Web 的编程语言。所有现代的 HTML 页面都使用 JavaScript。JavaScript之后还后ECAMScript6 哈哈
ES6的学习看看栾一峰的文件就可以了：
http://es6.ruanyifeng.com/
这些都学完了就到框架阶学习段了，目前流行的前端框架有三种：
Vue.js（读音 /vju?/, 类似于 view） 是一套构建用户界面的渐进式框架。Vue 只关注视图层， 采用自底向上增量开发的设计。Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
React 是一个用于构建用户界面的 JAVASCRIPT 库。React主要用于构建UI，很多人认为 React 是 MVC 中的 V（视图）。React 起源于 Facebook 的内部项目，用来架设 Instagram 的网站，并于 2013 年 5 月开源。React 拥有较高的性能，代码逻辑非常简单 。
Angular2 是一款开源JavaScript库，由Google维护，用来协助单一页面应用程序运行。Angular2 是 Angular 1.x 的升级版本，性能上得到显著的提高，能很好的支持 Web 开发组件。Angular2 发布于2016年9月份，它是基于ES6来开发的。
建议学习Vue.js 目前比较盛行，不会Vue都不好意思说自己是前端工程师了。
资料和路径都有了你可以开始自学了。不过一个学习一但遇到问题就麻爪了，一个小问题卡住能停下一个星期。如果能组团一起学习可以进行交流。
还有如果有人带你一起做项目是不是会更快呢？
最好找一个行内人士为师，好随时进行指点，才可事半功倍。
欢迎关注，小故事演绎大前端。多多交流，一起学习。