关于零基础学习web前端开发，有些建议想说

你们好，今天给你们分享一下我从事WEB前行业一些本身的学习经验分享

也但愿经过这篇文章，能够帮助到更多正在学习可是又不知道从哪里学习学习的前端的小伙伴，还有一些想要去转行的，可是不知道不知道如何去学习，以及整个市场的状况，还有一些正在从事前端开发的小伙伴吧，好了，但愿这篇文章对你有所帮助！

前端开发做为一个由网页制做演变成的新兴岗位，其实在国内外来讲，受到重视的时间并不长，在前几年间技术快速的发展和其应用普及率的迅猛增加，使得前端人才市场一片盛况空前的景象，因为其的易入门性和不错的发展前景，吸引了众多前端爱好者和转行人员的青睐。

想学好前端，确定须要不断学习和不断练习，还有一个明确的学习方向以及规划。

在不少人自学的过程当中吧，都是百度搜索的教程，并且学习基本遇到了问题，也没人给你解决，学习效率也是很是的低，学习的自信心也会丧失，就会产生质疑自身能力的疑问：本身是否适合从事前端开发？仍是我本身比别人笨，学不会这些问题？就很容易丧失学习的自信心了。

不少人看了不少前端的教学视频，可是依然作很差前端，也走了不少人一些学习的误区。由于我曾经也是这样走过来的。

学习是咱们须要注意的5点

一、耐性
抛开一切的方法和技术知识，最重要的就是你的耐性。要成为优秀的web前端开发者，要调整好心态。

由于前有策划设计交互，后有程序测试编辑，人容易浮躁。

二、学会延伸
一个大师说过这么一句话：对于新手来讲，新技术就是新技术。

对于一个高手来讲，新技术不过是旧技术的延伸。

Web前端开发技术主要包括三个要素：html、css和JavaScript!

3系统学习html和css
Html和css相对来讲比较简单，可是仍然须要系统化学习。

经过看书以及配合前端教学视频，这样能够避免零散地学习前端知识点。

CSS的学习，w3cschool推荐《精通CSS》，《CSS禅意花园》，这两本书都有很是大的影响力，值得一看。

四、深入理解JavaScript
若是你求安逸，作一个普通的前端程序员，只要学习Javascript 函数，结合相应的练习便可。

但若是想成为一名优秀的前端程序员，必须深入去理解Javascript 的原理，机制、本源、基于对象的本质。建议多看一些开源项目，毕竟实践出真知。

五、学一门后端语言
虽说后端的语言实际应用不多，可是它能够帮助你全体理解前端开发问题。如HTML5中像Web sockets、post message之类的API。

能够说web前端工程师是目前互联网行业当中招聘需求很是大的一类，近日随着web前端行业的高速发展，国外的前端开发和后端开发人员占比为1:1，但国内占比仍然是1:3如下，web前端开发职位目前的人才缺口达到近50万。

对于新手小白来讲学习Web前端开发，可能不知道从哪开始，总感受无从下手，下面给Web开发者整理了一份学习建议及路线图，想要学习前端开发的东西能够借鉴学习一下。

学习建议和学习路线

其实想要学习Web前端开发的门槛仍是挺低的， Web前端开发入门门槛低体如今html和css上，前者只是结构标签，后者是样式配置，入门是很是简单的，对Web前端开发感兴趣的小伙伴能够找一些相关书籍来看，或者也能够找一些相关的视频来看，巩固所学的知识，虽然看这些书籍或者视频很枯燥，可是只要能啃下来你就会发现，这些确实很管用。

Web前端开发入门低的另外一个重要表现就是符合8/2定律，也就是20%的东西使用率占到80%。因此很适合囫囵吞枣，所以咱们的重点就是把这20%学起来，而首先要作的就是把这20%的东西找出来。前端这20%的东西大概就是经常使用的html标签，css的盒子模型，基本的原生js，以及熟练使用jquery，ajax，常见浏览器的兼容。拿下这些东西意义非凡，一方面证实你适合作前端这份工做，另外一方面这些技能能让你找到一份工做。

让你可以从容地去学习剩下的80%。总之就是专心对付重要的东西，那些什么less、sass、angular这类的东西，当你把我以前说的基础打好以后，学习起来畅通无阻，随学随用。较难的就是实践，只有实践才能学到真正的技术，新人很难参与一些有价值有意义的项目，没有这些项目又很难成长，因此本身有项目可参与应该珍惜。

学习的建议给你们讲了，怎么去操做学习就你们本身看着学了，分享一下学习路线分享给你们借鉴一下。

第一阶段：前端页面重构：PC端网站布局、HTML5+CSS3基础项目、WebAPP页面布局;

第二阶段：JavaScript高级程序设计：原生JavaScript交互功能开发、面向对象开发与ES5/ES六、JavaScript工具库自主研发;

第三阶段：PC端全栈项目开发：jQuery经典特效交互开发、HTTP协议，Ajxa进阶与后端开发、前端工程化与模块化应用、PC端网站开发、PC端管理信息系统前端开发;

第四阶段：移动端WebAPP开发：Touch端项目、微信场景项目、应用vue.js开发WebApp项目、应用Ionic开发WebApp项目、应用react.js开发WebApp;

第五阶段：混合(Hybrid)开发：各种混合应用开发;

第六阶段：NodeJS全栈开发：WebApp后端系统开发;

第七阶段：大数据可视化：数据可视化入门、D3.jS详解及项目实战。
若是你们想从事前端不知道怎么入门的，能够在留言区评论“学习”我把我多年的经验分享给你们，还有一些学习资料（点赞+转发）