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

栏目: CSS · 发布时间: 7年前

内容简介:WEB前端开发初学者必看的学习路线(附思维导图)

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

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

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

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

一、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,推荐两篇阮一峰的博客:

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

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

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

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

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

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

web前端学习路线思维导图

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


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

查看所有标签

猜你喜欢:

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

第三次工业革命

第三次工业革命

[美] 杰里米•里夫金(Jeremy Rifkin) / 张体伟 / 中信出版社 / 2012-5 / 45.00元

第一次工业革命使19世纪的世界发生了翻天覆地的变化 第二次工业革命为20世纪的人们开创了新世界 第三次工业革命同样也将在21世纪从根本上改变人们的生活和工作 在这本书中,作者为我们描绘了一个宏伟的蓝图:数亿计的人们将在自己家里、办公室里、工厂里生产出自己的绿色能源,并在“能源互联网”上与大家分享,这就好像现在我们在网上发布、分享消息一样。能源民主化将从根本上重塑人际关系,它将影响......一起来看看 《第三次工业革命》 这本书的介绍吧!

图片转BASE64编码
图片转BASE64编码

在线图片转Base64编码工具

URL 编码/解码
URL 编码/解码

URL 编码/解码

RGB HSV 转换
RGB HSV 转换

RGB HSV 互转工具