-
Notifications
You must be signed in to change notification settings - Fork 91
/
index.html
475 lines (411 loc) · 10.1 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv="X-UA-Compatible" content="chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link href='https://fonts.googleapis.com/css?family=Architects+Daughter' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css" media="screen">
<link rel="stylesheet" type="text/css" href="stylesheets/github-light.css" media="screen">
<link rel="stylesheet" type="text/css" href="stylesheets/print.css" media="print">
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<title>Awesome-growth by phodal</title>
</head>
<body>
<header>
<div class="inner">
<h1>Awesome-growth</h1>
<h2>Growth APP' Project, Links, Blogs, Books, Resources</h2>
<a href="https://github.com/phodal/awesome-growth" class="button"><small>View project on</small> GitHub</a>
</div>
</header>
<div id="content-wrapper">
<div class="inner clearfix">
<section id="main-content">
<h1>
<a id="awesome-growth技能图谱" class="anchor" href="#awesome-growth%E6%8A%80%E8%83%BD%E5%9B%BE%E8%B0%B1" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Awesome Growth：技能图谱</h1>
<p>The Part of <a href="https://github.com/phodal/growth">Growth Plan</a>，由Phodal整理和发布，见：</p>
<p><img src="http://articles.phodal.com/qrcode.jpg" alt="QRCode"></p>
<h2>
<a id="前端技能图谱" class="anchor" href="#%E5%89%8D%E7%AB%AF%E6%8A%80%E8%83%BD%E5%9B%BE%E8%B0%B1" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>前端技能图谱</h2>
<ul>
<li>基础
<ul>
<li>HTML / CSS</li>
<li>JavaScript</li>
<li>DOM</li>
</ul>
</li>
<li>中级篇
<ul>
<li>数据格式（如JSON、XML）</li>
<li>RESTful API交互（如jQuery Ajax，Fetch API，ReactiveX）</li>
<li>正则表达式</li>
<li>HTML语义化</li>
<li>命令行</li>
<li>Node.js</li>
<li>DIV / CSS</li>
<li>SCSS / SASS </li>
<li>矢量图形 / 矢量图形动画（如SVG）</li>
<li>单页面应用</li>
</ul>
</li>
<li>高级篇
<ul>
<li>ES6 / TypeScript </li>
<li>CSS3</li>
<li>面向对象编程</li>
<li>函数式编程</li>
<li>MVC / MVVM / MV*</li>
<li>安全性（如跨域）</li>
<li>授权（如HTTP Basic、JWT等等）</li>
</ul>
</li>
<li>工程化
<ul>
<li>代码质量（如JSLint / ESLint / TSLint / CSLint）</li>
<li>代码分析（如Code Climate）</li>
<li>测试覆盖率</li>
<li>构建系统（gulp、grunt、webpack等等）</li>
<li>自动构建（脚本）</li>
</ul>
</li>
<li>兼容性
<ul>
<li> 跨浏览器测试 （Chrome，IE，Firefox，Safari等等）</li>
<li> 跨平台测试（Windows、GNU/Linux，Mac OS等等）</li>
<li> 跨设备测试（Desktop，Android，iOS，Windows Phone）</li>
<li> 跨版本测试（同一个浏览器的不同版本）</li>
</ul>
</li>
<li>前端特定
<ul>
<li>CSS / CSS3 动画</li>
<li>JavaScript 动画</li>
<li>Web字体嵌入</li>
<li>Icon 字体</li>
<li>图形和图表</li>
<li> CSS Sprite（如glue）</li>
<li>DOM操作（如jQuery、React等等）</li>
<li>模板引擎（如JSX、Handlebars、JSP、Mustache等等）</li>
</ul>
</li>
<li>软件工程
<ul>
<li>版本管理（如git、svn） </li>
<li>包管理（如npm、bower）</li>
<li>依赖管理</li>
<li>模块化（如CommonJS、WebPack）</li>
</ul>
</li>
<li>调试
<ul>
<li>浏览器调试</li>
<li>Debug工具</li>
<li>Wireshark / Charles抓包</li>
<li>远程设备调试（如Chrome Inspect Devices）</li>
</ul>
</li>
<li>测试
<ul>
<li>单元测试</li>
<li>服务测试</li>
<li>UI测试</li>
<li>集成测试</li>
</ul>
</li>
<li>性能与优化
<ul>
<li>PageSpeed / Yslow 优化</li>
<li>加载优化（如gzip压缩、缓存等等）</li>
<li>性能测试（特别是移动Web）</li>
<li>可用性</li>
<li>压缩（如Minify、Uglify、CleanCSS等等）</li>
</ul>
</li>
<li>设计
<ul>
<li>切页面</li>
<li>线框图（Wireframe）</li>
<li>响应式设计</li>
<li>网格布局（Grid Layout）</li>
<li>Flexbox布局</li>
</ul>
</li>
<li>SEO
<ul>
<li>Sitemap（站点地图）</li>
<li>内部链接建设</li>
<li>MicroData / MicroFormat</li>
<li>页面静态内容生成</li>
<li>H1、H2、H3和strong使用</li>
<li>Title、Description优化</li>
<li>页面静态内容生成</li>
</ul>
</li>
</ul>
<h2>
<a id="后台技能图谱" class="anchor" href="#%E5%90%8E%E5%8F%B0%E6%8A%80%E8%83%BD%E5%9B%BE%E8%B0%B1" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>后台技能图谱</h2>
<ul>
<li>入门
<ul>
<li>HTML / CSS</li>
<li>编程语言：Java / Python / PHP / Ruby等等</li>
<li>Web框架，如Spring MVC、Flask、Laravel等等</li>
<li>HTTP协议基础</li>
<li>CGI基础</li>
</ul>
</li>
<li>中级篇
<ul>
<li>XML和JSON处理</li>
<li>数据结构与算法</li>
<li>面向对象编程</li>
<li>CMS</li>
<li>API设计</li>
<li>网络通信协议，如TCP / Socket</li>
</ul>
</li>
<li>高级篇
<ul>
<li>函数式编程</li>
<li>领域驱动设计</li>
<li>MVC架构</li>
<li>运行环境优化，如JVM</li>
<li>远程调试<br>
</li>
</ul>
</li>
<li>工程化
<ul>
<li>版本管理</li>
<li>单元测试</li>
<li>依赖管理</li>
<li>包管理<br>
</li>
</ul>
</li>
<li>基础设施
<ul>
<li>虚拟化，如Docker</li>
<li>自动化部署</li>
<li>应用包创建、管理、发布</li>
<li>发布脚本编写</li>
<li>Web容器，如Jboss</li>
</ul>
</li>
<li>缓存篇
<ul>
<li>应用层缓存 </li>
<li>平台缓存</li>
<li>数据库端缓存</li>
<li>分布式缓存 </li>
</ul>
</li>
<li>数据持久化
<ul>
<li>SQL</li>
<li>NoSQL</li>
<li>ORM</li>
<li>DBMS</li>
<li>搜索引擎</li>
</ul>
</li>
<li>数据库
<ul>
<li>查询性能优化</li>
<li>结构优化</li>
<li>主从复制、主主复制等等</li>
<li>伸缩性与高可用性</li>
<li>备份恢复与容灾</li>
</ul>
</li>
<li>安全和加密
<ul>
<li>认证与会话管理</li>
<li>加密解密</li>
<li>数字签名、数字证书</li>
<li>加密算法</li>
<li>XSS/CSRF/SQL注入</li>
</ul>
</li>
<li>监控
<ul>
<li>应用性能监控</li>
<li>异常监控</li>
<li>日志</li>
<li>流量监控</li>
</ul>
</li>
<li>服务
<ul>
<li>RESTful</li>
<li>SOA</li>
<li>RPC</li>
<li>MicroServices</li>
</ul>
</li>
<li>消息
<ul>
<li>JMS</li>
<li>IPC</li>
<li>MQ</li>
</ul>
</li>
</ul>
<h2>
<a id="devops技能图谱" class="anchor" href="#devops%E6%8A%80%E8%83%BD%E5%9B%BE%E8%B0%B1" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>DevOps技能图谱</h2>
<ul>
<li>入门篇
<ul>
<li>编写脚本，如Shell、Perl、Rython等等</li>
<li>编程语言</li>
<li>Web应用运行基本原理</li>
<li>HTTP服务器</li>
<li>应用容器</li>
<li>命令行，如awk</li>
<li>CGI</li>
<li>修复漏洞</li>
</ul>
</li>
<li>中级篇
<ul>
<li>自动化运维</li>
<li>GNU/Linux操作系统</li>
<li>编译</li>
<li>数据库</li>
</ul>
</li>
<li>高级篇
<ul>
<li>分布式文件系统 </li>
<li>分布式存储系统</li>
</ul>
</li>
<li>云服务
<ul>
<li>存储服务，如AWS S3</li>
<li>计算服务，如AWS Lambda</li>
<li>托管服务，如AWS EC2</li>
</ul>
</li>
<li>安全性</li>
<li>网络
<ul>
<li>CCNP / CCNA<br>
</li>
</ul>
</li>
<li>持续集成
<ul>
<li>持续集成工具</li>
<li>自动构建工具</li>
<li>依赖管理工具</li>
<li>版本管理工具</li>
</ul>
</li>
<li>虚拟化
<ul>
<li>应用容器虚拟化，如Docker</li>
<li>环境虚拟化</li>
<li>操作系统虚拟化</li>
</ul>
</li>
<li>自动化 (puppet,chef)
<ul>
<li>自动化配置</li>
<li>自动化部署</li>
<li>进程管理工具，如Supervisor</li>
</ul>
</li>
<li>监控
<ul>
<li>基础设施监控</li>
<li>日志管理</li>
<li>监控服务 </li>
</ul>
</li>
<li>负载均衡
<ul>
<li>边缘缓存，如（Varnish）</li>
<li>DNS负载均衡</li>
<li>CDN</li>
</ul>
</li>
</ul>
<h2>
<a id="软技能图谱" class="anchor" href="#%E8%BD%AF%E6%8A%80%E8%83%BD%E5%9B%BE%E8%B0%B1" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>软技能图谱</h2>
<ul>
<li>影响力 / 个人品牌
<ul>
<li>写作</li>
<li>演讲</li>
<li>培训</li>
<li>博客</li>
<li>社交媒体</li>
</ul>
</li>
<li>社区
<ul>
<li>社交媒体交流</li>
<li>自媒体平台</li>
<li>技术社区</li>
<li>问答社区</li>
</ul>
</li>
<li>持续学习
<ul>
<li>学习新技术、语言</li>
</ul>
</li>
<li>健康
<ul>
<li>运动</li>
<li>不熬夜</li>
</ul>
</li>
<li>生产力
<ul>
<li>熟悉工具</li>
<li>快捷键、快捷键、快捷键</li>
</ul>
</li>
<li>估算
<ul>
<li>完成时间估算</li>
<li>延迟花费</li>
<li>预算估算</li>
<li>薪资估算</li>
</ul>
</li>
<li>其他
<ul>
<li>面试</li>
<li>客户沟通</li>
</ul>
</li>
</ul>
<h2>
<a id="license" class="anchor" href="#license" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>License</h2>
<p><a href="http://ideas.phodal.com/"><img src="http://brand.phodal.com/shields/idea-small.svg" alt="Phodal's Idea"></a></p>
<p>© 2016 <a href="https://www.phodal.com">Phodal Huang</a>. This code is distributed under the CC0 1.0 Universal license. See <code>LICENSE</code> in this directory.</p>
<p><a href="http://www.xuntayizhan.com/person/ji-ke-ai-qing-zhi-er-shi-dai-wo-dai-ma-bian-cheng-qu-ni-wei-qi-ke-hao-wan/">待我代码编成，娶你为妻可好</a></p>
</section>
<aside id="sidebar">
<a href="https://github.com/phodal/awesome-growth/zipball/master" class="button">
<small>Download</small>
.zip file
</a>
<a href="https://github.com/phodal/awesome-growth/tarball/master" class="button">
<small>Download</small>
.tar.gz file
</a>
<p class="repo-owner"><a href="https://github.com/phodal/awesome-growth"></a> is maintained by <a href="https://github.com/phodal">phodal</a>.</p>
<p>This page was generated by <a href="https://pages.github.com">GitHub Pages</a> using the Architect theme by <a href="https://twitter.com/jasonlong">Jason Long</a>.</p>
</aside>
</div>
</div>
</body>
</html>