Blog

Blog

PHODAL

Github连击200天ShowCase

今天是我连续泡在Github上的第200天,也是蛮高兴的,终于到达了:

Github 200 days
Github 200 days

故事的背影是: 去年国庆完后要去印度接受毕业生培训——就是那个神奇的国度。但是在去之前已经在项目待了九个多月,项目上的挑战越来越少,在印度的时间又算是比较多。便给自己设定了一个长期的goal,即100~200天的longest streak。

或许之前你看到过一篇文章让我们连击,那时已然140天,只是还是浑浑噩噩。到了今天,渐渐有了一个更清晰地思路。

先让我们来一下ShowCase,然后再然后,下一篇我们再继续。

一些项目简述

上面说到的培训一开始是用Java写的一个网站,有自动测试、CI、CD等等。由于是内部组队培训,代码不能公开等等因素,加之做得无聊。顺手,拿Node.js +RESTify 做了Server,Backbone + RequireJS + jQuery 做了前台的逻辑。于是在那个日子里,也在维护一些旧的repo,如iot-coapiot,前者是我拿到WebStorm开源License的Repo,后者则是毕业设计。

对于这样一个项目也需要有测试、自动化测试、CI等等。CI用的是Travics-CI。总体的技术构架如下:

技术栈

前台:

  • Backbone
  • RequireJS
  • Underscore
  • Mustache
  • Pure CSS

后台:

  • RESTify

测试:

  • Jasmine
  • Chai
  • Sinon
  • Mocha
  • Jasmine-jQuery

一直写到五星期的培训结束, 只是没有自动部署。想想就觉得可以用github-page的项目多好~~。

过程中还有一些有意思的小项目,如:

google map solr polygon 搜索

google map solr polygon 搜索

google map solr
google map solr

代码: https://github.com/phodal/gmap-solr

技能树

这个可以从两部分说起:

重构Skill Tree

原来的是

  • Knockout
  • RequireJS
  • jQuery
  • Gulp
Skill Tree
Skill Tree

代码: https://github.com/phodal/skillock

技能树Sherlock

  • D3.js
  • Dagre-D3.js
  • jquery.tooltipster.js
  • jQuery
  • Lettuce
  • Knockout.js
  • Require.js
Sherlock skill tree
Sherlock skill tree

代码: https://github.com/phodal/sherlock

Django Ionic ElasticSearch 地图搜索

Django Elastic Search
Django Elastic Search
  • ElasticSearch
  • Django
  • Ionic
  • OpenLayers 3

代码: https://github.com/phodal/django-elasticsearch

简历生成器

Resume
Resume
  • React
  • jsPDF
  • jQuery
  • RequireJS
  • Showdown

代码: https://github.com/phodal/resume

Nginx 大数据学习

Nginx Pig
Nginx Pig
  • ElasticSearch
  • Hadoop
  • Pig

代码: https://github.com/phodal/learning-data/tree/master/nginx

其他

虽然技术栈上主要集中在Python、JavaScript,当然还有一些Ruby、Pig、Shell、Java的代码,只是我还是习惯用Python和JavaScript。一些用到觉得不错的框架:

  • Ionic: 开始Hybird移动应用。
  • Django: Python Web开发利器。
  • Flask: Python Web开发小刀。
  • RequireJS: 管理js依赖。
  • Backbone: Model + View + Router。
  • Angluar: ...。
  • Knockout: MVV*。
  • React: 据说会火。
  • Cordova: Hybird应用基础。

还应该有:

  • ElasticSearch
  • Solr
  • Hadoop
  • Pig
  • MongoDB
  • Redis

关于我

Github: @phodal     微博:@phodal     知乎:@phodal    

微信公众号(Phodal)

围观我的Github Idea墙, 也许,你会遇到心仪的项目

QQ技术交流群: 321689806

新书《全栈应用开发:精益实践》

这不是一本深入前端、后台、运维、设计、分析等各个领域的书籍。本书以实践的方式,将这一系列的领域及理论知识结合到一起,来帮助读者构建全栈Web 开发的知识体系,并辅以精益及敏捷的思想,来一步步开发Web 应用:从创建一个UI 原型到编写出静态的前端页面;从静态的前端页面到带后台的应用,并部署应用;从Web 后台开发API 到开发移动Web 应用。在这个过程中,我们还将介绍一些相辅相成的步骤:使用构建系统来加速Web 应用的开发;为应用添加数据分析工具来改进产品;使用分析工具来改善应用的性能;通过自动化部署来加快上线流程;从而帮助读者开发出一个真正可用的全栈 Web 应用。同时,我们也将帮助读者把这些步骤应用到现有的系统上,改进现有系统的开发流程。

comment

Feeds

RSS / Atom

最近文章

关于作者

Phodal Huang

Developer, Consultant, Writer, Designer

ThoughtWorks 高级咨询师

工程师 / 咨询师 / 作家 / 设计学徒

开源深度爱好者

出版有《自己动手设计物联网》、《全栈应用开发:精益实践》

联系我: h@phodal.com

微信公众号: 与我沟通

标签