文档章节

web前端开发学习经验分享——css,js入门篇

前端攻城狮-Dawn
 前端攻城狮-Dawn
发布于 2017/06/27 21:48
字数 1800
阅读 347
收藏 2

关注前端这么多年,没有大的成就,就入门期间积累了不少技巧与心得,跟大家分享一下,不一定都适合每个人,毕竟人与人的教育背景与成长环境心理活动都有差别,但就别人的心得再结合自己的特点,然后探索适合自己的学习之路是比较好的。学习没有捷径,但学习是有技巧与方法。

 

一,css入门篇:  

推荐书籍:css哪些事儿,精通css。

理由:css那些事儿,他是一本介绍css基础类的书,是入门的经典读物。

系统的介绍了css的选择符,伪类,工作环境,盒模型,两列,三列自适应布局。文字样式,图片处理,列表,表单,还有选项卡,相册,导航,新闻列表等其它大部分的实践。

精通css,这书已经出到第二版了,相比第一版,第二版的大部分目录结构保持不变,内容变得更丰满了。此书从一另一个视角介绍了css的博大精深。 

 

二,js入门篇:

 

1, 建议阅读“javascript高级程序设计”第三版电子版。

经过前辈们的总结或本人的实践经历,自学的同学建议是这样,找本js入门的书和妙味视频结合看。一个主攻面试,一个主攻实践。

看书的目的主要是掌握理论知识,梳理js的知识结构,最主要的一点是为了应付面试。面试的主要环节是为了表达自己的想法,只凭简单的理解,是不能完全的表达出一个问题的广度或深度,只有结合了行业中的术语约定或一些习惯叫法,表达出来的意思才更专业。如果不是这样,表达出来的意思别说面试官听不懂,连自己都感觉要么表达不出来,要么表达的不是想要的。但书着重于对理论知识的阐述,缺少实际例子的支持,很难快速的消化。这时候视频可以弥补这个缺陷,而且妙味视频用简单的代码实现一些常见的效果,学习兴趣很快就能被吸引。但是对js的高级特性,个人感觉视频没有达到那个深度。而且js的一些基础的问题,或一个知识的扩充,限于各种条件的限制,可能无法完全表达出来。所以要结合书来补充。

一般学习的心态是:不急不躁,不快不慢。持之以恒,相信自己。

 

 

2, 建议欣赏,妙味及智能社视频资料。 

学习主要技巧是动手及主动思考,视频在欣赏的同时记得跟敲代码不低于三遍,直到隔一天隔一周能重复敲出代码或回忆起思路为止。而且边敲边做笔记,以做复习时快速的查阅之用。学习的技巧是动手,学习的灵魂是坚持,学习的快乐就是分享。只要坚持,其实每天都在成长,只是感觉不明显而已。但这个月与前几月相比,已经有量的变化,量变引起质变。

另外一个建议:QQ群不是学习的主战场,群只是学习的辅助手段,要是想安心学习就是关QQ,断网,靠自己。

学习的态度需要务实,生活是残酷的,战场是血腥的,一份耕耘,一份收获,务实的学习好基础才能走的更远。

     敲出来的代码,思路不清晰时,可以在firebug,chrome里边打个断点跟一下,理理思路,理解代码的逻辑,这样影响才会深刻。初学者没办法都是这样,也只能这样。但是初期可能稍为慢一点,但一直不会这么慢,也不会想象的那么长,因为随着基本概念的掌握,编码技巧的熟悉,开发工具的熟练,消化视频的速度会越来越快。

 

     

妙味智能社视频:

http://zhinengshe.com/video.html

js视频

http://bbs.miaov.com/forum.php?mod=viewthread&tid=7385 

http://www.miaov.com/2013/miaovideo/miaovideo.html 

[知识点类] 妙味课堂

其它书籍总结分享:

http://www.cnblogs.com/Henrya2/archive/2009/01/22/1380096.html

js 书籍:

http://www.cnblogs.com/Darren_code/archive/2011/06/29/javascript-learn.html

js学习流程+书籍

http://limu.iteye.com/blog/1267475

javascript那些书

http://www.javascript100.com/?p=394

如果学习js

http://limu.iteye.com/blog/1267475

javascript那些书

http://www.yaohaixiao.com/?p=8

写给想学JavaScript朋友的一点经验之谈

http://www.zhihu.com/question/19713563

如何循序渐进有效学习 JavaScript?

http://www.zhihu.com/question/20246142

前端其它资源

http://www.w3cplus.com/page/books.html

前端书籍分享

 

3. 等这些消化之后,阅读其它js书籍建议如下:

js dom编程艺术(2 version)->js高级程序设计 (3 version)-> js dom高级程序设计 -> js 语言精粹 -> 精通js -> 编写可维护的js -> 高性能js -> js面向对象编程指南  -> js模式 -> js权威指南(6 version) -> js语言精髓与编程实践

js dom编程艺术 : 他只是截取了js中的部分概念进行了介绍,并不完整或深入。

js高级程序设计 : 经典的js基础书,之所为经典是因为系统完善的介绍了js的历史,基础及预测了当下的流行趋势。与犀牛比更测重于实践结合

 js dom高级程序设计 : 主要讲如何去写一个框架或库。

js 语言精粹:json作者,道格拉斯写的,主要解析js语言本质或内涵。

精通js:jquery作者写的,浅浅的解析了jquery一些方法的实现,注意是很浅。

编写可维护的js,高性能js:这两本是高程作者尼古拉斯的,出版日期在高程后,深度可想而知。

js面向对象编程指南:主要讲面向对象的一些东西。

js模式: -> js权威指南(6 version)

js模式,这两本是淘宝团队翻译的,模式主要一半讲模式一半讲基础。
js权威指南(6 version),经典犀牛,一半讲基础,一讲是参考。

 

4. 编辑器推荐:

a.新手: sublime-text, http://github.com/jikeytang/sublime-text

b.熟手: webstorm: http://note.youdao.com/share/?id=2d7ff03aeca64808fdc0f394ffb520bf&type=notebook

推荐这两个的原因在于,有个技术叫emmet, http://docs.emmet.io,而这两个对他的支持是:

sublime text 是所有编辑器里边支持emmet比较好的的唯一一款。

webstorm(jetbrains系列产品,intellij idea, phpstorm, pycharm)是所有编辑器里边唯一内置emmet的一款,并且把emmet精神在往前推了一步的一款。

c. 其它:editplus, notepad++,vim.

准备多款的原因在于,没有最好的编辑器,只有最合适的,每个下面都有一款特色功能终究会吸引你。

如果你在学习前端的过程中遇到什么问题或者想获取学习资源的话,欢迎加入前端学习交流QQ群:328058344  我们一起学前端!

© 著作权归作者所有

前端攻城狮-Dawn
粉丝 79
博文 123
码字总数 441766
作品 0
保定
私信 提问
前端学习之路(从入门到入坑...)

学习前端两年多了,拿了阿里巴巴实现offer,想结合个人经历总结的前端入门方法,总结从零基础到具备前端基本技能的道路、学习方法、资料。由于能力有限,不能保证面面俱到,只是作为入门参考...

阿小庆
2018/06/14
0
0
web前端开发小白需要怎样学习才能迅速掌握前端技术?

  今天来和大家讲讲零基础小白学习web前端开发,需要怎样学习才能迅速掌握前端技术?学习前端开发又需要用到哪些开发工具呢?这里首先分享一下我自己的经验,我自己目前是搞后端开发【也就是...

Java编程语言基础入门博客
2017/04/14
0
0
给Web前端初学者的一些建议和学习方法路线

Web前端开发工程师是一个很新的职业,是从事Web前端开发工作的工程师。主要进行网站开发,优化,完善的工作。网页制作是Web 1.0时代的产物,那时网站的主要内容都是静态的,用户使用网站的行...

web前端小辰
2018/05/24
0
0
掌握这11项技能,你就是优秀的前端开发工程师

导读: 你也许会觉得前端开发是一个很简单的工作,对呀,你就是刚刚从网页设计转型过来的。但当你深入其中时,一定会发现好像前端开发不是那么简单,光网站性能优化、响应式、框架就让你焦头...

半饱即好
2018/06/26
0
0
结合个人经历总结的前端入门方法

作者:qiu deqing 链接:https://github.com/qiu-deqing/FE-learning 结合个人经历总结的前端入门方法,总结从零基础到具备前端基本技能的道路、学习方法、资料。由于能力有限,不能保证面面...

SomaLihq
2018/06/27
0
0

没有更多内容

加载失败,请刷新页面

加载更多

聊聊Elasticsearch的MonitorService

序 本文主要研究一下Elasticsearch的MonitorService MonitorService elasticsearch-7.0.1/server/src/main/java/org/elasticsearch/monitor/MonitorService.java public class MonitorServic......

go4it
53分钟前
3
0
二、Docker

1、Docker - The TLDR(Too Long,Don't Read,Linxu 终端工具 ) Docker是在Linux和Windows上运行的软件。它创建、管理和编排容器。该软件以开源方式开发,在Github上作为Moby开源项目的一部分。...

倪伟伟
今天
3
0
Python猫荐书系列之七:Python入门书籍有哪些?

本文原创并首发于公众号【Python猫】,未经授权,请勿转载。 原文地址:https://mp.weixin.qq.com/s/ArN-6mLPzPT8Zoq0Na_tsg 最近,猫哥的 Python 技术学习群里进来了几位比较特殊的同学:一...

豌豆花下猫
今天
5
0
Guava RateLimiter限流源码解析和实例应用

在开发高并发系统时有三把利器用来保护系统:缓存、降级和限流 缓存 缓存的目的是提升系统访问速度和增大系统处理容量 降级 降级是当服务出现问题或者影响到核心流程时,需要暂时屏蔽掉,待高...

算法之名
今天
14
0
国产达梦数据库与MySQL的区别

背景 由于项目上的需要,把项目实现国产化,把底层的MySQL数据库替换为国产的达梦数据库,花了一周的时间研究了国产的数据库-达梦数据库,它和MySQL有一定的区别,SQL的写法也有一些区别。 ...

TSMYK
今天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部