前端开辟进修-网址纪录

近来在温习JavaScript学问时碰到之前就不懂的闭包、上下文,虽然比之前明白深了一点,但照样懵,想缓一下。。就去看了其他。。把Git、Grunt、Gulp、jQuery、jQuery UI、React给入门了(React的入门略难题。。)

原本想纪录一下Grunt/Gulp的装置和敕令设置的,发明SF及网上有太多文章了,今后有空简短写一下就能够了。

然后近来又入坑FreeCodeCamp。。本来慕课网的编程演习就是模拟他的啊。。

本篇文章主题是纪录网址,因为本身太贪,一天下来打开了许多以为有效的网页,但又没时候看,如下图

《前端开辟进修-网址纪录》

所以决议把一些记事本里纪录的网址发上来。。。不然实在是头昏眼花

在线测试代码

老牌:https://jsfiddle.net/

在线JS代码调试东西是一个老牌的支撑javascript、css、html代码可视化在线调试东西,支撑多种运用多种主流框架,用起来异常轻易,而且还能够将调试好的结果以异常简约的页面直接嵌入在其他网页里。
关于网页设想师来讲须要写演示用的JavaScript实例代码的时刻,就完全能够在jsFiddle内里直接完成编写后调试,再将结果直接嵌入Blog正文里即可了,真的是很轻易的挑选。
除了能够调试代码外,还能够轻易的宣布到社区,论坛或许交际媒体上与朋友们分享或许发问。整合了许多的差别的类库供人人挑选。
相似的东西另有jsbin.com,也异常不错。

新秀:http://codepen.io/

CodePen.io网站前端设想开辟平台是一个针对网站前端代码设想的开辟东西,供应多种结果的网站前端代码设想东西,雄厚的案例殊效,用户能够demo的基础上开辟本身的前端设想。

Codepen教授教养:http://www.zhangxinxu.com/wor…

代码格式化

其有用sublime text3插件也能够的,HTML-CSS-JS Prettify

在线代码格式化:http://tool.oschina.net/codef…

殊效库

CSS3+Html5在线测试以及有用教程酷站分享:http://www.25xt.com/html5css3…

前端学问系统

两个都差别,都很巨大。。不是一会儿能看完
1、https://segmentfault.com/a/11…

2、http://blog.csdn.net/qq_34348…

综合

运用 freeCodeCamp 编程 是一番怎样的体验?https://www.zhihu.com/questio…
进修笔记:freeCodeCamp网站前端开辟基础算法题http://ce.sysu.edu.cn/hope/It…
怎样文雅地运用 Stack Overflow?https://www.zhihu.com/questio…
怎样文雅地运用Sublime Text?http://www.html5cn.org/articl…
零度博客:http://www.lingdublog.cc/cate/1
码农网:http://www.codeceo.com/
伯乐在线:http://web.jobbole.com/
什么是页面衬着:http://www.zhihu.com/question…

外洋:
http://career.guru99.com/top-…
https://www.toptal.com/javasc…

先更到这,另有太多网址,先归类一下再补充。廓清一下,不是引荐网址!只是我没来得及看得网址汇总罢了

————-2016.11.9更新——————

补充几个觉得挺周全的地点
css,js的进修分享:http://www.cnblogs.com/jikey/…
(特性:同一个学问点把相干的文章都归类了,比方闭包这一个学问点就有10篇,能够你会以为,这么多没必要啊。。基础迥然差别,但像我这类接收学问相对慢的人来讲,多一篇文章,就是多一个让我更快明白学问点实质的时机)

原生js制造的种种实例:http://www.fgm.cc/learn/
(特性:发明网上其实有许多这类的了,然则以为这个对新手或许对JS明白不够的能够用来练手,有少许中文解释,个人觉得还不错,然后当时复制时把作者原话(?)也复制了,所以趁便贴在下面吧)

写一堆作品,比方以下如许,然后写的当中,你会碰到问题,这时刻不要焦急,碰到问题,解决问题,就是生长的历程。然后享用这个历程,这些解决问题的履历,将来是你口试的资源,是工作中赖以生存的基础。也是促使你向更高手艺攀缘的动力,正因为css,js云云好玩,所以我们一向不能住手追逐他的步调。然后我个人觉得,css,js是学不完的,手艺跟着需求的不停变化而不停迭代,最主要照样基础打好,以稳定以万变。

Web前端开辟范例文档你须要晓得的事:http://itindex.net/detail/396…
Web前端:11个让你代码整齐的准绳:http://itindex.net/detail/386…

————-2016.11.26更新——————

因为上上周要考据,上周又病了好几天,没时候更新,FCC和github都没空弄。。唉
来日诰日要旅游,这次要更多些~

前端调试

Fiddler引见:http://www.aliued.cn/2010/04/…
Fiddler实例:http://www.aliued.cn/2010/04/…
(就是用于前端调试。。曾在进修Ajax时用来测试客户端向服务器要求数据的具体情况,简化版:http://www.cnblogs.com/shijin…

一些博客

时候定格1:http://www.cnblogs.com/NetSos…
时候定格2:http://www.html5jscss.com/
(特性:文章触及的学问很广很芜杂。。某些手艺总结不错的,但只合适像杂志一样随意看下就好)
(瑕玷:很旧很旧,前者大部分文章已经是2010年,后者大多数停在2014年)

月光博客:http://www.williamlong.info/
(假如以为前面谁人博客有点过期,最多只合适新手阅读一下,那这个博客你应当不会这么说了,如果真的很酷爱互联网方面学问,月光博客真的很不错,也是当杂志看,不过资讯很新颖,基础天天更一篇)

良知资源库

学问库:http://lib.csdn.net/(这个触及面很广,内容许多,有空多走走)
伯乐在线:http://hao.jobbole.com/(这个也是内容许多=.=有空多走走)

————-2017.10.13更新——————

https://devdocs.io/
无意中找到的一个挺好的开辟文档鸠合的网站,能够在线查询多种编程语言及框架的API。觉得异常好用,不过我这个是英文版,要中文版的童鞋本身私自找找吧,彷佛能够挑选离线检察的。

https://developer.mozilla.org…
在freecodecamp刷题时官方供应的语法地点来自这里,第一次晓得这个网站,觉得挺好,我个人以为是升了几级的w3school哈哈哈


                                                                   ————WEB前端进修,代码读百遍其义必见。
    原文作者:_Kwan
    原文地址: https://segmentfault.com/a/1190000007409338
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞