WEB前端开发初学者必看的学习路线（附思维导图）

内容简介：WEB前端开发初学者必看的学习路线（附思维导图）

很多同学想学习WEB前端开发，虽然互联网有很多的教程、网站、书籍，可是却又不知从何开始如何选取。看完网友 高等游民白乌鸦 无私分享的原标题为《写给同事的前端学习路线》这篇文章，相信你会有所收获。

前端开发入门学习有：HTML、CSS、JavaScript（简称JS）这三个部分。所以在学习之前我们需要先明确三个概念： HTML——内容层 ，它的作用是表示一个HTML标签在页面里是个什么角色。 CSS——样式层 ，它的作用是表示一块内容以什么样的样式（字体、大小、颜色、宽高等）显示。 JS——行为层 ，它的作用是当用户触发某些行为时，会给内容和样式带来什么样的改变。

一、HTML，CSS部分

HTML/CSS初学，就照着的实验做，把和两套做完了就入门了，入门之后，学习CSS的精华，即布局，推荐李炎恢的教学视频，布局这一章：第27章，如果觉得不够，需要实战，则再学习接下来的28，29章。注意，这时候一定要老师讲一块代码，自己就要照着实现一次，切勿只看不做。CSS还有一个精华部分就是命名规范，找几个著名网站（比如豆瓣、网易新闻）这类，研究它们的命名规范，我这里，有一个现成的命名规范可供学习（需要登录evernote查看）： https://www.evernote.com/shard/s168/sh/7f89cc57-cab2-4712-b61b-9fde25e3ef51/d01c8e34ef05373ec06c3b2f7cfaba82/res/e0b9963b-ba7a-441a-8462-8f87c48e4cda.jpg?resizeSmall&width=832 学习完成后就是一个较为熟练的HTML/CSS使用者了.这时候如果想继续深入学习相关类库和框架，推荐Sass和Compass，推荐两篇阮一峰的博客：

和这本书：《Sass and Compass in Action》 二、JavaScript部分

初学者推荐看视频：，特别注意JavaScript的OOP写法（重点，可多看几遍），以及闭包、原型链，异步编程部分（次重点），前者写项目都在用，后者涉及JS这个语言本质特点。然后需要学习JS和HTML/CSS在浏览器下的调试方法，推荐用Google Chrome下的chromedeveloper tools调试，可以看这个视频学习：

看完视频并经过实践后，可以看《Javascript good parts》这本书，不必细看，看它的思想即可。用于巩固，提升JS方面的编程思想。 三、web前端学习路线思维导图

web前端学习路线思维导图

图太大不好展示，看不清楚可以进入以下链接查看—— web前端学习路线思维导图在线版 ：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持 码农网

查看所有标签

本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。