wenliang-developer/web-developer-site

web 开发网站汇总

vps 3432903128 tt2016 明心见性 了悟自度 1323581761 wenliangplay@gmail.com 639299207 https://www.onehrcloud.com/cloud/user/user_login.action 软件开发原则 DRY rabbitMQ 2014年底研发中心开始着手以ZK+dubbo为基础，以spring+mybatis+redis 为开发框架的全球分布式系统的研发工作 MOOC(大规模开放在线课堂)

elasticsearch flink（camel logstash） kafka（MQ） kibana logstash filebeat ELK EFK.

• \Android\data\qingclass.qukeduo.app\files\AliSafePlayer\video

编译原理：parser，语义分析，代码优化，类型推导，静态检查，机器代码

工具：

• zabbix - Zabbix 是由Alexei Vladishev 开发的一种网络监视、管理系统，基于 Server-Client 架构。可用于监视各种网络服务、服务器和网络机器等状态

在线编辑器：

• codesandbox.io

词典：

• https://www.ldoceonline.com/ -- 朗文当代高级英语辞典
• https://www.macmillandictionary.com/ -- 麦克米伦 英国词典
• https://www.collinsdictionary.com/zh/ -- 柯林斯词典
• https://dictionary.cambridge.org/zhs/ -- 剑桥高阶英语学习词典
• https://learnersdictionary.com/ -- 韦氏词典
• https://www.oxfordlearnersdictionaries.com/ -- 牛津高阶英语词典
• https://www.thesaurus.com/ -- 同义词查询

知识点：

• https://www.youtube.com/watch?v=65-RbBwZQdU - JIT 优化代码
• Lambda -- 内涵越小外延越大
• 哈夫曼编码
• 计划评审技术(PERT)
• Linux KVM -- 用于基于内核的虚拟机
• ISO -- 制定全世界工商业国际标准的国际标准建立机构
• BNF -- 巴科斯范式(Backus Normal Form) -- 是一种用于表示上下文无关文法的语言

API:

• https://pokeapi.co/ -- 口袋妖怪 接口

其他:

• http://mirrors.163.com/ 网易开源镜像
• https://dictionary.cambridge.org/dictionary/english/ 剑桥的词典网站
• https://zh.wikihow.com/ 做某件事的学习攻略
• https://www.expressvpn.com/coupons expressvpn 优惠
• https://sourcegraph.com/search -- GitHub 代码搜索
• https://archive.org/ -- 互联网档案馆
• https://versus.com/ -- 电子产品对比

book：

• Code Complete - 代码大全
• The Pragmatic Programmer - From Journeyman to Master - 程序员修炼之道-从小工到专家
• The Mythical Man-Month: Essays on Software Engineering - 人月神话
• Introduction to Algorithms - 算法导论
• Algorithm - 算法
• The Clean Coder - 程序员的职业素养
• Structure and Interpretation of Computer P -rograms - 计算机程序的构造和解释
• Pragmatic Programmer - 程序员修炼之道 -- 尽其所能行有益之事
• The Art of Computer Programming - 计算机程序设计艺术
• Essentials of Programming Languages - 着重讲编译原理
• Programming Languages and Lambda Calculi - 程序语言的语义
• https://pythonbooks.org/ - python 官网推荐书籍

TODO：

• 陈果思修课
• 洋葱英语

blog:

• https://github.com/fi3ework/blog 前端知识
• http://www.yinwang.org/

规范

• https://semver.org/ -- semver:语义化版本规范

CAP原理和BASE**

• http://www.ruanyifeng.com/home.html -- 阮一峰 罗塞塔石碑
• Sci-hub 论文下载
• VoiceTube -- 英语视频学习网站
• jolt大奖
• http://www.sopanpan.com/ -- 百度云资源搜索
• http://www.talkmate.com/ -- 全球说
• http://readcolor.com/ -- 电纸书下载
• http://ih5.cn/ -- h5 案例
• http://laod.cn/hosts/2015-google-hosts.html -- Google hosts
• 程序员的七种武器 -- 很重要
• http://www.woshipm.com/ -- 人人都是产品经理-产品经理、产品爱好者学习交流平台
• http://ke.qq.com/ -- 腾讯学堂
• http://99u.com/ -- 99U是Behance创办的启发灵感，探索创意发展方向的课题类站点
• http://www.ok-studios.de/home/ -- 视差滚动
• http://webaim.org/ -- WebAIM组织为网站信息无障碍提供了全面的解决方案
• http://www.csdn.net/article/2014-12-10/2823058-AngularJS -- angular 资源介绍
• http://spectrum.ieee.org/ -- 科技纵览
• http://www.tiobe.com/ -- TIOBE排行榜是根据互联网上有经验的程序员、课程和第三方厂商的数量，并使用搜索引擎（如Google、Bing、Yahoo!、百度）以及Wikipedia、Amazon、YouTube统计出排名数据，只是反映某个编程语言的热门程度，并不能说明一门编程语言好不好，或者一门语言所编写的代码数量多少。
• http://www.zhiliaotech.com/ -- 知了社区--it商务咨询
• https://www.google.com/intl/en/chrome/browser/canary.html -- 谷歌浏览器金丝雀版
• https://vimeo.com/ -- Vimeo是一个高清视频播客网站，与大多数类似的视频分享网站不同，Vimeo允许上传1280X700的高清视频，上传后Vimeo会自动转码为高清视频，源视频文件可以自由下载，它达到了真正的高清视频标准。Vimeo允许每月上传500MB的高清或普通视频，用户可以定制视频的显示尺寸。
• http://githubranking.com/ -- github 排行榜
• dribbble.com -- 设计网站
• www.behance.net -- 设计网站
• http://subtlepatterns.com/ - 很多很棒的图案
• http://citeseer.ist.psu.edu/stats/citations - 高引用计算机科学文献

##演讲

• https://speakerdeck.com/ -- 丰富的演讲稿

TODO

• https://iros.github.io/d3-v4-whats-new/ -- d3 v3 v4 版本差异
• https://aframe.io/ -- A-Frame 是 Mozilla VR team 為了在 browser 上利用 Javascript 提供 VR 體驗的一套 web framework

算法

• https://www.mathsisfun.com/ - 数学基础知识
• http://mathworld.wolfram.com/ -- 网络最广泛的数学资源
• https://grfia.dlsi.ua.es/ -- 阿利坎特大学 模式识别与人工智能小组
• https://www.kaggle.com/ -- 是一個數據建模和數據分析競賽平台

UML tools

• https://www.draw.io/
• http://creately.com/
• https://sketchboard.me
• https://cacoo.com/lang/tr/sample/uml

开发视频网站

• https://channel9.msdn.com/ -- 第 9 频道： 由创建 Microsoft 产品和服务的人员提供的适用于开发人员的视频。
• https://egghead.io/ -- 最新技术的视频教程网站。
• https://www.edx.org/course/introduction-computer-science-harvardx-cs50x -- https://cs50.harvard.edu/ -- CS50 的全名是 Introduction to Computer Science，是一堂哈佛大學的通識課程在 edx 上面有開課，任何人都可以去修，甚至還有助教幫你改作業
• https://www.edx.org/ -- edX是一个大规模的免费在线学习网站，由麻省理工学院和哈佛大学联合创办于2012年。

分析：

• https://developers.google.com/speed/pagespeed/insights/ -- PageSpeed Insights 是 google 提供的网站性能工具。它可以分析网页的性能并给出提升性能的建议和措施，是你用来分析和提高网站性能的利器。PageSpeed 可以作为 Chrome 的扩展程序进行安装。
• http://www.softwareishard.com/blog/har-12-spec/ -- HAR 标准化的性能分析输出格式，可以被大多数性能分析工具支持。

design:

1. http://www.csswinner.com/
2. http://97ui.com/ -- 很多交互设计图
3. https://www.google.com/design/spec/material-design/ -- google material design
4. http://www.materialup.com/ -- 关于 Material Design 的灵感，工具和免费的东西。
5. https://www.ibm.com/design/language/ -- IBM 设计语言
6. https://www.lightningdesignsystem.com/ --Lightning design system 它包括一个可下载的框架，可以用于在你的项目中添加动画

Game IDE：

• Unity -- 游戏开发工具

Markdwon IDE:

• haroopad

text IDE:

1. Komodo IDE -- http://komodoide.com/

SVG IDE:

• https://inkscape.org/ -- SVG 可视化编辑器

JavaScript IDE：

1. Akshell (Development through Passion) -- http://www.akshell.com/
2. Spket -- http://spket.com/
3. IxEdit -- http://www.ixedit.com/
4. WebStorm -- http://www.jetbrains.com/webstorm/
5. Aptana Studio 3 -- http://www.aptana.com/products/studio3/download

其他网站:

• http://www.flipcode.com/ -- 游戏开发英文网站，非常全面
• http://www.uncontrol.com/ -- 设计感超强的 WebGL 程序
• http://html5reset.org/ -- HTML5 Reset是（HTML，CSS等）一套设计组件，旨在帮助用户节省大量的时间，创建更加高效的项目。
• http://vis.stanford.edu/ -- 斯坦福可视化工作组
• http://httparchive.org/ -- Web 相关的统计信息

开发社区：

• https://developer.mozilla.org/ -- mozilla 开发者
• http://msdn.microsoft.com/ -- microsoft 开发者
• https://developer.apple.com/ -- apple 开发者
• http://www.ibm.com/developerworks -- IBM 开发者
• http://dev.opera.com/ -- Opera 开发者
• https://webkit.org/ -- Webkit

官方文档、手册：

• https://www.iana.org/assignments/media-types/media-types.xhtml -- MIME type
• http://www.w3.org/html/ig/zh/wiki/Main_Page -- w3c wiki 非常详细
• http://www.w3.org/DOM/Activity -- DOM 规范列表
• http://www.regular-expressions.info/ -- 正则表达式
• https://whatwg.org/ -- WHATWG 工作组
• http://wiki.commonjs.org/wiki/CommonJS -- CommonJS 规范
• http://www.w3.org/Style/CSS/ -- w3c 的所有 css 标准的状态，非常重要。
• http://json.org/ -- JSON 语法详细信息
• http://sass-lang.com/ -- sass 官网
• http://thesassway.com/ -- sass 官网
• http://sass.bootcss.com/ -- sass 中文文档
• http://docs.sublimetext.tw/ -- sublime text 参考手册
• http://chicun.in/ -- 移动设备设计尺寸
• http://www.oschina.net/translate/20-powerful-sublimetext-plugins -- sublime test plugins 推荐
• http://www.w3schools.com/ -- Web 开发参考手册
• http://www.w3cschool.cc/ -- web 技术学习网站, 很浅,但可以入门
• http://exploringjs.com/es6/ -- Exploring ES6 電子書
• http://www.w3.org/TR/SVG/propidx.html -- 可以设置为CSS属性的SVG属性
• http://www.w3.org/2009/dap/ -- W3C Device API
• https://www.w3.org/WAI/intro/aria -- W3C 可访问性
• https://dev.w3.org/ -- This is an WWW interface to the W3C public CVS tree
• https://www.ecma-international.org/publications/standards/Ecma-262.htm -- ECMAScript 标准文档
• https://help.github.com/ -- github 帮助文档

Online Book：

• https://www.safaribooksonline.com/ -- safari online book
• http://www.apress.com/ -- apress IT技术类书籍网站

博客与个人网站：

• http://sarasoueidan.com/ -- 关于 SVG 的文章。
• http://demosthenes.info/ -- Dudley Storey (《Pro CSS3 Animation》的作者)，主要讨论 web 设计和 HTML、CSS、SVG 开发。
• http://webdesignerwall.com/ -- 国外前端个人博客，非常不错。
• http://red-team-design.com/ -- 国外前端个人博客，推荐阅读。
• http://blog.teamtreehouse.com/ -- Learn HTML, CSS, iPhone apps & more
• http://blog.endlesscode.me/ -- 学习博客，重要等级低
• http://www.cnblogs.com/TomXu/archive/2011/12/15/2288411.html -- javascript 知识 博客
• http://www.neoease.com/ -- 是一个关注互联网发展、网站开发和 WordPress 定制化的独立博客
• https://blogs.adobe.com/ -- adobe 博客
• http://thenewcode.com/ -- Dudley Storey 大量有价值的文章
• http://meyerweb.com/ -- Eric A. Meyer 很多有用的资源
• http://www.stevesouders.com/blog -- Steve Souders 个人博客
• http://cloudfour.com/ -- Jason Grigsby

HTML CSS 支持性阅览网站：

• http://html5demos.com/ -- 快速查找 HTML5 兼容性，都附有 demo
• http://caniuse.com/ -- html5 css3 svg 等 web API 支持情况 很详细
• http://mobilehtml5.org/ -- html5 css3 兼容性总览表
• http://www.html5test.com/ -- 浏览器对HTML5规范的支持情况 用于测试浏览器
• http://fmbip.com/litmus -- HTML5 & CSS3 Support
• http://www.quirksmode.org/ -- QuirksMode.org是在互联网上的浏览器兼容性信息的主要来源
• http://css4-selectors.com/ -- css1 ~ css4 selectors 支持性检测
• http://madebymike.com.au/html5-periodic-table/ -- Periodic table of HTML 5 elements -- HTML5 elements 周期表
• https://dev.windows.com/en-us/microsoft-edge/platform/status/ -- Edge 浏览器 状态

##Browser platform status

• https://platform-status.mozilla.org/ -- Firefox Platform Status
• https://developer.microsoft.com/en-us/microsoft-edge/platform/status/ -- IE Platform Status
• https://www.chromestatus.com/features -- Chrome Platform Status

HTML CSS 开发：

• https://en.bem.info/ -- CSS BEM 官网
• https://www.toptal.com/ -- 招聘高级技术人才和设计师的网站，附带有许多很好的文章。
• http://www.awwwards.com/ -- awwwards 网站奖-最佳网页设计的趋势
• http://webcomponents.org/ -- 关于 web components 方面的知识
• http://vanseodesign.com/ -- 关于 web 设计的文章。
• https://developers.google.com/web/fundamentals/ -- 现代 web 开发最佳实践
• http://www.alloyteam.com/ -- 腾讯全端 blog
• http://www.creativebloq.com/ -- CreativeBloq:每日创意灵感分享博客，是由Dan Oliver创办，五位合作伙伴共同维护，主要分享网页设计、平面设计、3D设计等方面，帮助读者掌握世界设计行业的最新趋势和发展，分解优秀的设计作品。
• http://cssdeck.com/ -- HTML5，CSS3，JS演示，创造和实验| cssdeck
• http://alistapart.com/ -- web 开发文章，很专业。
• http://tympanus.net/codrops/ -- 关于网页效果实现相关的文章。
• http://learningwebgl.com/ -- webGL 学习。
• http://www.mobify.com/ -- mobile 网站相关文章。
• https://css-tricks.com/ -- css/js/html 文章。
• http://www.html5rocks.com/ -- Google 推出的推广HTML5 的站点。 站点包括4大功能:tml5 功能介绍、Html5 在线练习场、Html5 实现例子、Html5 教程和资源。
• http://www.smashingmagazine.com/ -- 是一个在线杂志为专业的Web设计人员和开发人员，重点是有用的技术，最佳实践和宝贵的资源
• http://reference.sitepoint.com/javascript -- Web development reference site 非常强大
• http://www.bypeople.com/ -- css 设计网站，ui 教程很全面。
• http://www.css3.info/ -- 关于 css 所有你需要知道的相关知识，非常全面。
• http://www.pvmgarage.com/ -- web 网站设计与开发 网站
• http://learn.shayhowe.com/ -- 是一个提供HTML和CSS学习资源的平台，尤其适合初学者，它可以给你带来简单且非常全面的学习指导。
• http://bonsaiden.github.com/JavaScript-Garden -- JavaScript -Garden主要提供JavaScript 学习资源。对于如何避免常见的错误，难以发现的问题，以及性能问题和不好的实践给出建议。
• https://dash.generalassemb.ly/-主要教大家如何使用HTML+CSS+JavaScript制作网站，并且提供各种教学视频
• http://www.codewars.com/ -- 开发者可以在Codewars上面学习各种编程语言，Codewars的奖励系统激励程序员们像打游戏升级一样地做习题。
• http://www.pluralsight.com/ -- Pluralsight提供的课程类型包括:C#、jQuery、iOS与Android、Java、Ruby以及包括设计、社会化媒体、NoSQL、商业智能和Salesforce等.
• http://www.csszengarden.com/ -- css禅意花园
• http://html5doctor.com/ -- HTML5 & CSS3 学习
• https://www.codeschool.com/ -- 网页学习网站 付费
• http://tutsplus.com/ -- Web开发人员和设计师提供的教程和技术文章的目的网站，技能和技巧，提高您如何设计和建立网站。
• http://www.polymer-project.org/ -- HTML5 & CSS3 Plugins Developer
• http://tympanus.net/ -- 网页设计网站，有很多 css 实现代码
• http://nmsdvid.com/snippets/ - media query 片段

Online Tools：

• http://codepen.io/ -- 在线网页编辑器
• http://www.youziku.com/ -- 有字库 中文字体转换 @font-face
• http://bennettfeely.com/clippy/ -- clip-path 生成器
• http://css3generator.com/ -- css3 代码生成工具
• http://www.layoutit.com/ -- bootstrop 构建工具

Code：

• https://code.google.com/p/qomo/downloads/list
• http://rubyinstaller.org/ - ruby installer package