Code Monkey home page Code Monkey logo

growth-ionic's Introduction

Growth - 陪你成为顶尖开发者

!v2.0 DEPRECATED, please update to Growth 3.0: https://github.com/phodal/growth

Build Status Code Climate Test Coverage Issue Count

预览:http://web.growth.ren/

下载:

Get it on Google Play Get it from Microsoft Get it from Apple Store

从腾讯应用宝下载:http://a.app.qq.com/o/simple.jsp?pkgname=ren.growth

Growth是一款专注于Web开发者成长的应用,涵盖Web开发的流程及技术栈,Web开发的学习路线、成长衡量等各方面。

在这里你可以get到:

  • 不同阶段所需的不同技能
  • 相关书单推荐
  • 获取不同的学习路线
  • 寻找合适的练手项目
  • 在工具箱里找到合适的工具
  • Web应用解决方案
  • 阅读在线文章和电子书

QQ交流群: 529600394,我的微信公众号: phodal

QRCode

有钱捧个钱场:

AlipayWechat

ScreenShot:

index roadmap book discover skilltree solution test toolbox

加入开发

开发文档

内容及资料来源

By Phodal

EBooks:

Others:

Thanks

HTTPS Support

  1. Growth Forum:HTTPS 证书源自 Let's Encrypt,自动化脚本 https://github.com/xdtianyu/scripts/tree/master/lets-encrypt

  2. 相关在线内容托管在 Coding.me

Contributors

License

Phodal's Idea

© 2016 A Phodal Huang's Idea. This code is distributed under the MIT license. See LICENSE in this directory.

待我代码编成,娶你为妻可好

growth-ionic's People

Contributors

haoflynet avatar jimmylv avatar lightqueue avatar phodal avatar raydeng83 avatar song-what avatar zhangmx avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

growth-ionic's Issues

Growth专业版技能树滑动问题

  • 滑动问题
    往右划不动,往左滑动只会拉出Drawer Layout,不能对树进行左滑操作
  • 建议
    1. 左滑不要触发左侧边栏,点击左上角三条杠触发即可
    2. 对树的滑动不灵活,需要改进一下
    3. 可以搞成放大缩小的功能,方便全局观看

我遇到的ionic的一些坑

ionic 确实是一个便捷快速的web app开发框架,这些是我两三个月前遇到没有很好解决的问题,不知道ionic现在解决好了没有。

我觉得最严重的一个问题就是android 不流畅。当你在一个view里,有过多的元素的时候,即使使用ionic提供的collection-repeat也不回很smooth,用crosswalk打包后会好一点。但是同时app 会变大很多。我研究过crosswalk框架,之所以会比app 会变大,是因为crosswalk自己视线很xwalkwebview(相比android的webview)一级其他的一些view和function。

然后,像phodal这种app,从文章列表到详情,应该是用的ionic提供的router,我当时之所以放弃这个功能,也是因为两者之间的切换不够smooth,在数据量少的情况下是没有问题,但list里的东西约多,约后面的文章打开也就回约卡,所以我用了ionic提供的modal来代替这个功能,很好的解决了问题。

ionic提供了一个infinite scroll 确实是一个很赞的功能,实现了下拉刷新,向上自动加载。但是,也是同样的问题,内容多了,会卡,我看他是用translate整个list来实现的,我最终也放弃了这个功能。

ionic实现了slide menus和slide box 但是有一个很实用的slide tabs没有提供出来,硬伤,有一个库叫 https://github.com/saravmajestic/ionic/tree/master/tabbedSlideBox
可以实现这个功能,但是用着也不是太爽。

然后其他都是一些不太影响性能的小问题,不做赘述。

TODO

  1. 添加两次返回退出 Toast
  2. 添加 Toggle

特定语言路线规划

BackGround:

  1. 当前的学习路线中,用户无法选择特定语言(后台)进行学习。

主要有:

  1. Ruby
  2. Java
  3. Python
  4. JavaScript(Node.js)

AC:

  1. 用户可以在设置和初始化时,选择特定的语言。

关于更新内容的模式建议

如果开发组成员来更新审核内容显然更新不会很快,内容不会很多,所以采用"维基模式"也许是一个可行的方案

任何人都可以编辑更新"Growth"这个知识库或者说学习路径指导库

同时不是每个人需要所有的内容(当然追求全栈工程师的除外),所以可以一键切换出私人版本的"Growth",
这里面只有用户自己的成长数据,以及自己刚兴趣的内容

为什么不在 release 中发布版本呢?

只有一个0.8.10,现在是不是已经1.0.0了呢?如果能在 release 中发布出来就就好了,这样一方面我们可以看到growth的进步,另一方面方便查看代码。谢谢

Growth Page UI Re-Design

  1. 每一小步考虑用一页,并且有图片。
  2. 使用下弹出式菜单
  3. 工具、简介、TODO可滑动
  4. 菜单

Growth 1.0 开发路线图

😄😄😄

这是一份 Growth 1.0 的开发路线,包括:

  • 以后可能会更改的计划或待办事项
  • 有其它功能需求吗?

Done

  • 版本
    • WP版
    • Android版
    • Web版
    • Electron 桌面版 #13
  • 解决方案
  • 技能测验
    • 问题收集和展示
  • Web七日谈
    • Todo事项
    • 书单推荐
    • 文章列表
    • 工具推荐
  • 技能树
    • GET技能
    • 生成技能树
    • 意见和建议
    • 成就系统
  • 社区
    • 创建社区
    • 用户登录
    • 用户分享
    • 回帖@功能

解决方案

  • 解决方案说明文档
  • 创建在线API
  • API生成脚本
  • 自定义API参数
  • 动态生成架构图
  • 在线编辑解决方案 #45

Electron版 growth 的问题

目前发现的问题:
1、内容为一张图片的页面,图片会被拉伸的很难看,如:我的技能图谱。
2、打开新页面时,页面指引也很混乱。
3、解决方案的内容页点不开。

Growth 3.0 开发设想

😄😄😄

这是一份 Growth 未来的发展路线,包括:

  • 以后可能会更改的计划或待办事项
  • 有其它功能需求吗?

电脑端growth

加一个拖放功能吧,还有,有的图片是不适合直接观看的需要旋转

Android版图标设计问题

Growth的图标大小有些略大,在启动器中看来有些突兀(直角矩形的设计也很少见到)
这里是Google的图标设计指南
一个直观的对比是同样是正方形图标的Google Map的图标大小。
当然,如若条件允许,非矩形而是不规则形状的图标自然是更好,这个可以日后优化。

学习路线 打不开

打印出如下警告:

08-01 11:57:32.783 8117-8117/ren.growth I/chromium: [INFO:CONSOLE(49080)] "WARNING: sanitizing HTML stripped some content (see http://g.co/ng/security#xss).", source: file:///android_asset/www/build/js/app.bundle.js (49080)
08-01 11:57:32.784 8117-8117/ren.growth I/chromium: [INFO:CONSOLE(49080)] "WARNING: sanitizing HTML stripped some content (see http://g.co/ng/security#xss).", source: file:///android_asset/www/build/js/app.bundle.js (49080)
08-01 11:57:32.784 8117-8117/ren.growth I/chromium: [INFO:CONSOLE(49080)] "WARNING: sanitizing HTML stripped some content (see http://g.co/ng/security#xss).", source: file:///android_asset/www/build/js/app.bundle.js (49080)

哪里注册啊?

APP下载下来,没有找到注册的地方,只看到了登录。。。。

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.