你的位置:首页 > 网页设计

[网页设计]web前端开发初学者必看的学习路线(附思维导图)

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

Paste_Image.png

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

Paste_Image.png

一、HTML,CSS部分

HTML/CSS初学,就照 title="" src="http://upload-images.jianshu.io/upload_images/1807893-902d80391cd938b4.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240" alt="Paste_Image.png">

和这本书:《Sass and Compass in Action Chrome下的chrome developer tools调试,可以看这个视频学习 title="" src="http://upload-images.jianshu.io/upload_images/1807893-e9915a746d6a0c55.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240" alt="*">

看完视频并经过实践后,可以看《Javascript good parts》 禁止闲聊,非喜勿进!)

三、web前端学习路线思维导图

Paste_Image.png

web前端学习路线思维导图

图太大不好展示,看不清楚可以进入以下链接查看——web前端学习路线思维导图在线版:https://www.processon.com/view/link/57d28d0ee4b0942d7a89c9dd