资讯专栏INFORMATION COLUMN

前端开发学习-网址记录

anonymoussf / 3359人阅读

摘要:不是一下子能看完综合使用编程是一番怎样的体验学习笔记网站前端开发基础算法题如何优雅地使用如何优雅地使用零度博客码农网伯乐在线什么是页面渲染国外先更到这,还有太多网址,先归类一下再补充。

最近在复习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前端学习,代码读百遍其义必见。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/80800.html

相关文章

  • 前端开发学习-网址记录

    摘要:不是一下子能看完综合使用编程是一番怎样的体验学习笔记网站前端开发基础算法题如何优雅地使用如何优雅地使用零度博客码农网伯乐在线什么是页面渲染国外先更到这,还有太多网址,先归类一下再补充。 最近在复习JavaScript知识时遇到以前就不懂的闭包、上下文,虽然比以前理解深了一点,但还是懵,想缓一下。。就去看了其他。。把Git、Grunt、Gulp、jQuery、jQuery UI、Reac...

    CatalpaFlat 评论0 收藏0
  • 前端开发学习-网址记录

    摘要:不是一下子能看完综合使用编程是一番怎样的体验学习笔记网站前端开发基础算法题如何优雅地使用如何优雅地使用零度博客码农网伯乐在线什么是页面渲染国外先更到这,还有太多网址,先归类一下再补充。 最近在复习JavaScript知识时遇到以前就不懂的闭包、上下文,虽然比以前理解深了一点,但还是懵,想缓一下。。就去看了其他。。把Git、Grunt、Gulp、jQuery、jQuery UI、Reac...

    zhigoo 评论0 收藏0
  • Python各热门方向常用学习、工作网址大全【7000字大总结】

    摘要:做这一领域的工作,有很多网站能够起到辅助性的作用。再加上爬虫相对于其他热门方向来说,更容易学。也促使更多人会优先选择学习爬虫。能够代替手工完成手工无法完成的测试任务,并且可以记录相关数据及报告。 ...

    linkFly 评论0 收藏0
  • 前端那些小众而又精美的网站及工具

    摘要:写此文的目的是为了总结在开发中能增加我们开发速度及能给我们带来方便的工具与网站及一些小众框架只限于简介不负责教程如有相应的教程希望大家自荐或推荐我在这里感激不尽让我们发现美并记录它第一次写文章请多多包涵如有我没有写到的但又是一些好用的工具及 写此文的目的是为了总结在开发中能增加我们开发速度及能给我们带来方便的工具与网站及一些小众框架只限于简介不负责教程如有相应的教程希望大家自荐或推荐我...

    Edison 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<