• 理解前端框架中的常见设计模式 #编程 #思考总结 #236
• 阅读 Vue 源码十日游，计时 #编程
• Rethink 系列 结合实际 #实践 #思考总结
• Ready for web future (by Angular2) #编程 #写作
• MarsRover Pair TDD视频录制 #编程
• MicroService最佳实践 #写作 #105
• 记录总结大型项目的技术 改进？ #软件 #思考 #22
• 阅读/翻译 python-guide #编程 #英语 #翻译 [REFERENCE] · Issue #1 · JimmyLv/python-guide-zh
• 以gatling为例：在工作中如何即学即用？ #写作 使用 Gatling 对服务器进行稳定性测试 · Learning-Microservices
• 程序员必备的基本技能与习惯 #写作 #88 #49
• 目前我的写作系统 #写作 敏捷写作：macOS 环境下写作系统的最优配置 | 吕立青的博客
• 敏捷方法指导个人成长 #写作 #36
• Angular 2, Anfular 1.x, React横向对比 #写作 #编程
• Angular-Meteor开源项目阅码 #编程 #写作
• 如何在TDD实践中实现设计模式 #写作 #239
• 非科班程序员的自卑与自傲 #写作 #思考总结 #238
• Java 8 新特性阅读与实践 #主题阅读 [REFERENCE] · Issue #1 · JimmyLv/better-java-zh
• Angular 1.5，展望 Angular 2.0 #Session
• Angular Meteor 实时聊天室 #Session => https://github.com/JimmyLv/vue-firebase-demo
• 向「前」看，2016 *窝计划 #思考 #152 #84
• Pragmatism：服务于商业的技术 #编程 #写作 微信小程序 (1)：技术是如何服务于商业的？ | 吕立青的博客
• web前端开发模式演变输出文章 #写作 Web 前端开发模式演变 | 吕立青的博客
• 聊聊 Webpack 中的 require #思考 #前端 前端模块化小史，Webpack 入门 | 吕立青的博客

计划演变

1. 更改 Title 的原因在于，我的目的只是为了整理知识结构，参考演讲一个前端的自我修养所提到的知识的全面性。
2. 而思维导图只是组织内容的其中一种「简化」形式，对比 XMind、Workflowy、OneNote 等工具，就会发现 OneNote 可以兼顾知识结构性、内容多样性以及功能操作的丰富性。
3. OneNote 和 Evernote 应如何取舍？ - 知乎，其实不用取舍，各取所长即可，感谢这个世界上的竞争者们，竞相创造着更加美好的产品。
4. #31 结合职业发展的技术需求，尽快整理出符合自身的知识体系，牢固而有力，才能够稳步向前。

内容规划

• 相关库 （对比：Front-end Hyperpolyglot）
• 框架 or 库 | Framework or Library

参考 轻量级Web应用开发 (豆瓣) 的讲解顺序，该书依赖于 Ruby，我在整理的时候则会同时注重 JavaScript(Node.js 服务器端)、Java、Python 语言的相关体系。

最佳实践

这几乎是梦寐以求的样子，使用 OneNote 采用可详细、可结构化的知识体系组织方式。 via 我应该用onenote还是印象笔记？ - 刘果的回答 - 知乎

• 30% 碎片化整理 => Diigo 才是梦寐以求的样子，#99
• 70% 整体性学习 => 直接学习知识体系？ #44

References

• dypsilon/frontend-dev-bookmarks: Manually curated collection of resources for frontend web developers.

https://jekyllrb.com/docs/pages/

Releases · vuejs/vue

Overview

对时间的敬畏

你需要一个 Project Owner: Time，you need a purpose: Targets 即 Clients

then split into small projects, on different workflow but in the meantime...

在「记录时间这件小事儿 #85」里面我提到的 GTD 流程可以用于处理事件，即收集、整理、执行、回顾，而敏捷当中的几大会议显然也可以由个人完成，自己就是自己的 IM & PM，当然也是 BA & Dev & QA。

那么，迭代的概念如何进行？还是说只需要 Milestone 以实现 Iteration 即可？那就木有 Release 的压力了呢？

Requirements

• 收集：anywhere anytime
• 整理：as BA 即分析，Elaboration & Estimation => MVP & Efforts
• 执行：as Dev&QA，Developing & Review & Testing
• 回顾：Retrospection

其他辅助

• 看板：as Jira/Trello，可视化当前进度 => GitHub Issues group by @Projects || 日历 in @滴答清单
• 晨间日记/每日回顾：as Stand-Up，只用关注 Done/Todo/Blocker & 心情 => @格志日记

Schedule with ‘Time’

• 为什么你看了那么多书，依然过不好一生？ - 知乎
• 谈知识结构的整理 - 人月神话的思维专栏 - 知乎专栏
• 整理知识结构体系，不如直接学习好的知识结构。 #28 vs #44
  • 其实这是一个相互的关系，两者都不可少，互补。
    • 碎片阅读 -> Diigo 收集 + 标注；
    • 整体性学习 -> 微信阅读 + 划线/想法；
  • 整理知识的时候可以相互借鉴。
    • 在 Diigo 中对照书籍结构整理 Outliner
    • 与此同时也可以补齐书当中没提到的。

http://www.cnblogs.com/BruceWan/p/5672575.html

学习版

• GitHub Repo：JimmyLv/meteor-guide-gitbook-annotation: Articles about Meteor best practices
• GitBook 地址：Introduction · Meteor 指南 English 文档中文注解版
• Discussion 评注：Discussions - Meteor 指南 English 文档中文注解版 - GitBook

参考

• 官方文档：Introduction | Meteor Guide
• 翻译版本：介绍 | Meteor 指南 中译本

• https://zhuanlan.zhihu.com/p/20297696
• AWS Lambda
• Webtask
• git hook

• YouTube 视频
  • Tutorial
  • Presentation
• Articles
  • Doc 文档
  • Awesome 文章
• GitHub 项目
  • Starter Kit
  • Example
  • DevTools
• Method
  • Idea & 理念
  • 开发流程
  • Advanced 技巧

• 自私。只要自己的面子，而不顾家庭的担当？？
• 那反过来说，上升到家庭（而不是个人）的自私呢？
• 心太好。真的愿意帮助身边的亲戚朋友，就跟面子无关了？

学习真的不是为了啥，不是为了报效祖国，不是为了换个更好的工作，甚至不是为了创造出什么东西。

而是，学习本身就很快乐，弄懂一个问题，真切感受到好与坏，这些事情本身就很快乐。

重点学习和研究：

• Getting Started with Redux - Course by @dan_abramov @eggheadio
• Building React Applications with Idiomatic Redux - Course by @dan_abramov @eggheadio
• erikras/ducks-modular-redux: A proposal for bundling reducers, action types and actions when using Redux
• dvajs/dva: React and redux based, lightweight and elm-style framework. (Inspired by choo)
• 【译】Redux + React 应用程序架构的 3 条规范（内附实例） | 最美博客

学习纲领、目的

1. 掌握 AEM 相关知识（自身角度）
2. 学习如何教授 AEM（讲师角度）
3. 如何组织公司的 AEM 培训（组织者角度）
4. 认识公司里一些热爱前端的小伙伴
5. 了解国外 AEM/CMS/ECM/WCM 行业

学习步骤、顺序

1. 预习：学习笔记 => 小讲组内 Session #37
2. 持续三周的共同学习
   • 前两周：公司内部的中文 Session + Workshop
   • 第三周：Adobe Advanced Developer 培训，印度人、英语
3. 项目实战
   • 自己玩一玩 side project，比如杀鸡用上牛刀：撸博客
   • O$P 项目架构、组织，到了真正展现客户价值的时候了！

即方向，

• 可以 work from home
• 国内 + 海外团队
• 全球市场？

好像我的视野一下子打开，似乎要做的事情更明确了一般，服务对象也更有意义了一番、

TODO

• 学习笔记：https://jimmylv.gitbooks.io/learning-aem/content/
• slideshare 看别人的演讲内容
• 制作自己的 slide
• 完成 Demo 演示
  • Adobe-Marketing-Cloud/aem-project-archetype: Maven template to create a new AEM project as starting point to develop your own functionality.
  • Adobe-Marketing-Cloud/aem-htl-sample-todomvc: AEM Sightly code example of a simple web application.
  • Adobe-Marketing-Cloud/aem-sample-we-retail: We.Retail is a reference implementation of a retail site.

原则

• PPT 从简，MarkDown
• 就按照官方文档结构顺序（最佳形式），穿插历史+补充
• 从现有经验入手

大纲

其他：

• 要有 Agenda
• 先讲最简单的 What Why How 再问问题
• 抛出来说，让我抱着问题“去”学习，回来继续分享
• 多种形式：演示 有趣小视频

正题：

• AEM 在 Adobe 中的地位
• AEM keywords （晕 +_+）
• AEM 的历史，顺带解释 Day 公司的贡献
• AEM Overview，从使用端来讲，拖拖拽拽
• AEM 背后实现原理的相关概念
• 一堆名词，根据官方文档顺序讲就是了
• 组件化改变 Web（延伸到现在的 React） via 徐飞讲 十年来感受的前端技术变化 · Issue #28 · xufei/blog
• 自己的想法，学习总结

Adobe Flex 算是比较成熟了，带有完善的组件化机制，生命周期管理，强大而易于扩展的基础控件，优雅而强大的开发语言。

这是由 Dashboard - Zapier 生成的，一个类 IFTTT 的服务，没用它啦，虽然功能无比强大但是还要收费。。。

写 Java 的后遗症 => 离不开 Intellij？其根本原因在于 Java 的语法累重，不得已才使用 IDE，而没有 IDE 我绝对不会写 Java 的。

那么，一定要用 IDE 写代码就是一个伪命题？除了自动补全 Intellij 还提供了什么提高 DX 的强大功能？

如果，语法足够简单，API 足够好记，是不是根本不需要强大 IDE 的辅助？

个人配置/模板即资产

• 各种 .dot 文件即配置文件
• Intellij 设置 & Live Template
• Dash 备份
• http://ricostacruz.com/cheatsheets/
• 电脑 TimeMachine 备份
• 常用软件安装 brew 统一管理，摆脱难用的AppStore

😪

JimmyLv/anti-think: 无神论、批判性思维、离线、删除、no-backend

REFERENCE · Issue #1 · JimmyLv/anti-think

Sublime Text 插件 & Jekyll 模板： 可以远比想象中做得多。

定义 idea 格式模板，有什么想法都可以先写进去，Publish 为 False，然后记录下 GitHub Issue Number，提交的 Commit Message 写上 [#2] - create a new idea and something。

然后 Trello 还可以实时同步到 GitHub Issue（不用 Trello了），这样子就可以无限刷 GitHub 记录了，2333...

最佳实践：

• 记录 commit 信息，对应到 issue number [#2] - create a new idea and something
• 在 Issue 里面写下想法，收集图文及其 References

https://www.zhihu.com/question/33555640/answer/57054029

编程、架构、工程 （via 一个前端的自我修养 | Taobao FED | 淘宝前端团队）

• https://github.com/jlongster/blog
• https://github.com/GetExpert/redux-blog-example
• 就是它：http://ziorix.com/#/pages/about
• https://github.com/misterfresh/react-drive-cms
• https://github.com/tonyspiro/react-universal-blog
• https://github.com/mhbseal/blog
• https://github.com/knowbody/redux-react-router-example-app
• https://github.com/caljrimmer/portfolio-redux-app
• Meteor + Redux + React: https://github.com/djhi/my-nutrition

首次尝试失败，再说吧，https://ifttt.com/myrecipes/personal/39419435

第二次尝试，Getting in sync with Medium

• Releases · angular/angular
• One framework. - Angular 2
• Angular2 resources

示例：http://haoduoshipin.com/v/193

#218 egghead.io 的视频都非常棒！还有 scripts 可以直接拿来翻译！

#233 （文章/视频）翻译流程总结

• 应当分为 client <=> sever
• 以 UX 为核心 for users
• 穿插 DX for programmers
• 关注行业 Domain Knowledge & People
• *敏捷精益 Aglie Lean

• 自动化发微博/微信 以及 闭环统计
• 图片上传到博客（CMS）
• 自动化脚本发各大平台

Diigo - Better reading and research with annotation, highlighter, sticky notes, archiving, bookmarking & more.

• 又来新的学习成本了，但是先试着来用用，从看文档 #27 开始吧！
• 但是减少了折腾成本：
  • 不用再自己下载上传到自己的 GitBook
  • 而且还得不断更新到最新的文档版本
  • 使用 Diigo 的话直接在官网文档上看就好了！
• 选中即为高亮，避免自己总是用鼠标选中文字：为什么有些人浏览网页时都喜欢不断的选中自己正在读的文字？ - 知乎
• 配合有道词典，按住 Cmd 就可以屏幕读词，连三指点击调用原生词典也不用了。

用过之后

• 猛然发现还有 Outliner 功能，也有比较好的快捷键支持，比较像简洁单版的 workflowy
• 上手起来还是很简单，但就是还没培养出习惯：
  • 是直接高亮 or Copy + Paste 到自己的笔记里面？ => 高亮！！
  • 到底什么是好的知识结构？Outliner or OneNote => Outliner！！ #99

这些都是财富呀：

• https://resources.jetbrains.com/assets/products/intellij-idea/IntelliJIDEA_ReferenceCard.pdf
• https://www.alfredapp.com/help/getting-started/cheatsheet/
• https://github.com/gbritting/jasmine-jetbrains-live-templates

Cheat Sheet

• Emmet — the essential toolkit for web-developers

工作流示例：AEM

GitHub issue: #35
GitHub repo: JimmyLv/AEM-Continues-Experience: learning AEM...

https://github.com/MaxHorstmann/jekyll-angular-firebase

写作的目的若是在于阐述一件新鲜事物的知识结构，那再好也好不过官方文档，作者亲笔了吧？

而另辟蹊径从别的角度来重新阐述某个特定方面，反而会收获更多并更富价值。

最快的学习方式无外乎现有经营迁移，比如 #35 学习 AEM 中的种种概念，让我最易理解的依然是从现有知识体系中重新学习，只不过现饭新炒：

• CMS：Blog System
• REST：JCR & Sling
• MVC：SlingPostServelt
• Sightly：JSP & Angular Template

而若是从这些角度来重新写作而不是简单复制官方文档“模式”，大概会更具影响力，更高 level 者，则是从普世价值角度，像是阐述某种通用模式，总结概念，最佳实践而已。比如 Martin Fowler 的很多文章。

• 研究老马、xufei 的写作风格、概念提取与内容组织。https://martinfowler.com/
• 借鉴 《好好学习：个人知识管理精进指南》 · Issue #228 当中 成甲 的《每天听本书》得到专栏的思路

For Backend:

• 你有好玩的稳定的 API 可以提供吗？却苦于数据有了，没法漂亮地展示出来？

For Front-End:

• 你有前端开发能力，拥有酷炫的 UI 设计与现成组件，就想找个 API 来试试水？

缘由来自 #56

• ReactiveX/rxjs: A reactive programming library for JavaScript
• RxJS - The basics tutorial
• Use Higher Order Observables in RxJS Effectively - Course by @andrestaltz @eggheadio

项目中的经验非常有用！从问题描述开始，聚合性 portfolio 所 deps 的各种 APIs：

Sam Newman - Backends For Frontends 文中的
And Multiple Downstream Services (Microservices!) 章节：

Multiple services hold the pieces of information we want. The Wishlist service stores information about the list, and IDs of each item. The Catalog service stores the name and price of each item, and the Stock levels are stored in our inventory service. So in our BFF we'd expose a method for retrieving the full playlist, which would consist of at least 3 calls:

Making multiple downstream calls to construct a view of a wishlist

From an efficiency point of view, it would be much smarter to run as many calls in parallel as possible. Once the initial call to the Wishlist service completes, ideally we'd like to then run the calls to the other services at the same time to reduce the overall call time. This need to mix calls that we want to run in parallel vs those that run in sequence can quickly become painful to manage, especially for more complex scenarios.

This is one area where a reactive style of programming can help (such as that provided by RxJava or Finagle's futures system) as the composition of multiple calls becomes easier to manage.

References

http://reactivex.io/documentation/operators.html official documents
https://www.javadoc.io/doc/io.reactivex/rxjava/1.1.1 rxjava 1.1.1 api docs
http://reactivex.io/RxJava/javadoc/ rxjava 2 api docs
http://gank.io/post/560e15be2dca930e00da1083 useful tutorial for beginners

• 直播 TDD 重构 加 Pair 配合相声
• Old & New 单向学习与传授
• 小的 Tips

Master Technical Job Skills with Live Learning Platform - LiveEdu.tv

https://developer.yahoo.com/yql 这意味着可以在前端干活儿！

不如放到这里： https://stackshare.io/JimmyLv 「截图」

project	tech stack	notes
o$p-ui		前端，React Components，AEM，Atomic Design
o$p-api		后端，MicroService，AWS，SSO，Spring-XX

示例（但是表格的形式还是太难编辑和查看）：

Tech Stack	Icon	Function	Category	Description	Notes	References
Enzyme		Javascript Testing Framework	Build, Test, Deploy	React 组件测试必备，提供了浅渲染解决方案与优雅的 API	mocha、mocha-webpack、mocha-junit-reporter、enzyme、chai、chai-enzyme、sinon、sinon-stub-promise、jsdom	[「技术雷达」之使用 Enzyme 测试 React（Native）组件

或者这里：

• Siftery | Share products you use at work, explore what others are using => 不能自己添加新的工具，也不能集结成集
• Awesomes - Web前端开发资源库 => 功能还不错，但是不能添加每个技术栈的使用详情
• SDK.CN - **领先的开发者服务平台 => 页面太丑

TODOs

1. save file with 22.md name on sublime text so that you can open it quickly by using Ctrl+P

一时间没找到总结项目的手段，然后发现从 TechRadar 入门是一个不错的选择，其实总结项目，总结的并不是项目本身，而是自己的技术栈，只是因为项目离自己最近而已。

Ideas

雷达应该是侦测你的期望，而不是责怪过去。

那么该用何种形式来回顾自己或项目上的技术栈？

于个人而言，可以把四个阶段划分为：

• 不学（暂缓，这东西可能要被淘汰了，投资回报没有价值）
• 观望（评估，这东西可能要火，但是现在下手性价比不高，还有更重要的事情要做）
• 学习（试验，这东西在项目上都已经用上了，自己也开始实践并且总结一些经验）
• 深入（采用，这玩意儿用过之后真不错，想去看看源码是怎么玩儿的，值得深入背后的理念和**）

References

• 自制技术雷达 ref: 打造你自己的技术雷达 – ThoughtWorks洞见
• 工具已找到：
  • bdargan/techradar: Build your own Technology Radar. Inspired by ThoughtWorks Technology Radar.
  • zalando/tech-radar: A tool to help teams make the right technology choices
  • tnunamak/tech-radar: An interactive technology radar inspired by ThoughtWorks
  • Search TechRdar - Your stars
  • 或者自己仿照撸一个：WYSIWYG TechRadar Editor #160

想法源自于此：https://guide.meteor.com/build-tool.html#css-which-preprocessor

最好的学习方式就是对比、

• 赶紧把思维导图 #23 搞出来
• 还有前端技术雷达 #22
• Redux #16
• React > Angular > Vue #17 #20
• ES6/7 #20
• Styling #118

这里只是一个概述，主要用于分析前端技术趋势：

• 2016 年前端开发领域有什么趋势值得关注？ - 知乎
• 前端 TOP100
• Trending JavaScript repositories on GitHub this month

从而进一步得出自己需要学习的内容，再细分下去到每个具体的 Topic / Issue。

围绕 GitHub 学习进阶

一般的 English 文档都支持 GitBook，哪怕不支持我就手动生成一下 GitBook，所以我就可以 Download 下来 Push 到自己的 GitBook，然后在 GitBook 上进行评注，产生的评注会自动生成 Issue（或可以实现同步至GitHub？）。

学习目的：记录下自己的问题，并且持续跟进，搞懂过后就可以归档，即 Close 掉了。

工具集

• GitBook 一系列插件，Best gitbook modules for Node.js - Pincer.io
• 完美生成 SUMMARY，待试 https://www.npmjs.com/package/gitbook-summary
• ....

Coming soon: Meteor 1.4 - announce - Meteor forums
Migrating to Meteor 1.4 | Meteor Guide

补齐数据库操作的短板

Manimals - Mating - Animated Gif on Behance

已经在 陌陌 v8.0 中被实现了，😂

ref: 陌陌迎史上最大改版，丰富实时视频社交 | 极客公园

最新推出的快聊是一对一实时视频聊天功能，用户进入快聊后系统会随机匹配一个聊天对象。匹配成功后，双方可以进行 60 秒的视频对话，在聊天过程中用户可以点击 # 选择话题，还可以使用一些有趣的变脸特效。在这个过程中，双方可以通过彼此赠送小礼物延长对话时间，也可以随时点击「换人」匹配下一个聊天对象。