Git Product home page Git Product logo

resume's Introduction

个人简历

袁梓民的个人简历

个人信息

姓名:袁梓民

性别:男

学校专业中山大学软件学院

bloghttps://segmentfault.com/u/yuanzm/articles

技术能力

专注并且热爱web开发,熟练掌握JavaScript、HTML、CSS以及JavaScript框架来搭建web应用。了解原生JavaScript和JavaScript类库的使用。

  • 掌握的JavaScript类库:jQuery
  • 掌握的JavaScript框架:Vuejs
  • 掌握的CSS预编译器:LessCss、Sass
  • 掌握JavaScript模块加载器:RequireJS、Browserify
  • 掌握项目构建工具:Grunt、Gulp、Webpack
  • 掌握项目管理和协同工具的使用:SVN、Git
  • 掌握前端测试框架以及工具:Jasmine、Mocha
  • 掌握基本后端开发:NodeJS、Python
  • 常用前端开发工具:Vim、Fiddler、Charles、Chrome
  • 掌握web相关技术:MongoDB、CoffeeScript、SEO、Socket.io、Express、Tornado等

个人经历

  • 2012年进入中山大学学习
  • 2013年投入web学习
  • 2013年-2014年加入创业团队,系益米通服务有限公司的微信前端工程师
  • 2015年7月-2017年3月于深圳市腾讯计算机系统有限公司实习
  • 2016年至今就职于微信

个人作品

项目地址: http://www.wizland.cn/wizland/index/

  • 简介
    • 米芝莲是一个在线食材选购网站,同时具有移动端和PC端。项目采取了SpringMVC框架,充分利用了框架所宣传的MVC、Restful风格、简洁高效等特性。
  • 项目收获
    • 熟悉了Eclipse环境的开发,熟悉了Java Web应用的开发流程
    • 尝试了没有框架条件下的移动端Web开发
    • 对于前端模块化有了更加深层次的理解
    • 理解了组件化开发对于前端开发的重要性
  • 项目总结
    • 在本项目中,我担任了移动端和PC端的前端开发一职。在这个项目中,充分认识到了前端架构的重要性。在同时具有移动端和PC端的非响应式应用中,怎么合理把握好前端结构显得尤为重要。既然要分成移动端和PC端,主要原因是页面排版不同,但是很多逻辑是通用的,因此怎么利用browserify等前端模块化工具来提高代码复用性成为一个很重要的任务。同时,本项目中还第一次尝试了设计,完成了移动端和PC端的大部分设计稿,认识到了作为一名前端工程师,设计能力的不可或缺性。总的来说,这个项目实战型很强,收获很大。

项目地址: https://github.com/yuanzm/Live-Chat

  • 简介
    • Live-Chat应该是所做过的最复杂的一个Web应用。项目采用Node的Express框架作为后端架构,采用非关系型数据库MongoDB实现聊天记录持久化,采用socket.io实现具有高兼容性的实时消息传送。
  • 收获
    • 认识到项目架构的重要性
    • 总结出了自己的前端模块化工作流
    • 熟悉了Nodejs应用开发流程
  • 总结
    • 作为聊天WebApp,决定了整个页面是富交互的,所以如果仅仅是单纯的模块化并不能保证良好的可扩展性。于是总结出了前端组件化开发的**:前端应该根据应用的复杂程度将前端分成三道四层,第一层为数据操作层,封装了很多AjaxAPI,负责与后端进行数据交互;第二层为UI组件层,为了最大化提高页面组件的复用性,页面上的元素应该根据功能划分成很多模块,也即HTMl和CSS同样是模块化的;第三层为UI组件通信层,为了降低UI组件的耦合性,组件之间的通信应该是通过事件机制的,而不是直接互相调用另一个模块的内部函数。整个项目最大的难点是怎么降低不同组件之间的耦合性,不然在开发的过程中,一个模块牵扯到很多模块就会顾此失彼。

Home-Cloud是基于Python的Tornado框架构的一个移动端WebApp。Home-Cloud的开发并没有花费很长时间,得益于之前的Web开发经验。Tornado本身不是一个MVC框架,于是在组织后端代码的时候借鉴了Nodejs的Express框架,将整个后端代码架构成由model层、router层以及view层构成的的MVC结构。好处是显而易见的,当业务逻辑愈发复杂,这种分层架构能够保持项目代码丝毫不会紊乱。前端得益于Tornado的模板机制,在大部分模板引擎都具有继承等优点的情况下,多出了UI模块这一点,使得每一个模块可以拥有自己的html、CSS和js,能够很好符合Web组件化开发的特点。通过这个简单的项目,很好展现了近两年的Web开发经验,从刚开始的写一步看一步到今天的工程**,感觉收获很大。

项目地址:https://github.com/yuanzm/project-qiuzudui

所做的第一个项目,项目致力于创建一个在校大学生竞赛组队平台,通过这个平台,用户可以在主页查看到近期学校的比赛并能够发出组队邀请。在这个团队里面,我与另外一名成员进行合作负责前端开发。作为第一个项目,主要问题是团队协作以及项目工程经验不足的问题。由于没有很好的组织好项目结构,以及版本控制意识的缺乏,导致后期代码结构混乱的问题频频出现。通过这个项目,领会了项目工程思维的重要性,以及团队协作的重要性。

项目地址:https://github.com/yuanzm/emitong.git

第一次做手机端的Web应用,整个项目用于展示与益米通公司合作商家的优惠信息。项目遇到的主要问题是移动端Web经验缺乏,不同设备的适配问题等。通过查阅资料以及咨询前辈,在这个项目中掌握了Web响应式应用的开发,同时了解了微信公众平台应用开发的基本流程。

项目地址:https://github.com/yuanzm/Snake

在闲暇的时候用JavaScript写了一个贪吃蛇小游戏

自我简介

从大一开始了解web技术,大二开始正式投入学习web各种技术。正处于快速增长技能的阶段,对于web有着极高的热情,每天坚持学习web。

目前为止对于前端技术比较了解,但是正在学习web后端技术,目标是成为一名优秀的web全端工程师。

拥有较强的学习能力和沟通能力,能够比较良好的和团队成员协同完成开发。

resume's People

Contributors

yuanzm 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

resume's Issues

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.